How we built a step-tracking wellness app that turns daily walks into meaningful action through team challenges and CSR campaigns.
📅 March 2024 | Health & Wellness | iOS (Swift) | Apple HealthKit | Firebase | Admin Dashboard
Meet The Product
BetterMiles is a walking challenge app that turns steps into a force for good. Built for health-conscious individuals and companies running CSR campaigns, the app connects step tracking with team-based challenges and donations for a cause.
From solo milestones to corporate wellness campaigns, it motivates users to stay active while giving back.
Key UX Highlights
BetterMiles is a fun, feel-good app that turns your movement, whether you're walking, running, or biking, into real donations for charity. Whether you're commuting, training, or just out for a spin, every mile you log helps fund a cause you care about.
Frictionless onboarding: Users can get started in just a few taps — no clutter, no confusion.
Effortless step tracking: Seamless integration with Apple HealthKit ensures automatic and accurate syncing.
Friendly team experiences: Simple team formation and challenge joining create a sense of belonging and motivation.
Motivating visuals: Progress rings, live leaderboards, and milestone badges make every step feel like an achievement.
Thoughtful nudges: Smart push notifications remind users to walk and celebrate progress without being intrusive.
Clear and intuitive UI: Clean layouts, calm colors, and accessible navigation ensure users of all ages feel comfortable using the app.
Why Choose FlutterFlow?
FlutterFlow helped us build BetterMiles faster with precise design, smooth animations, and seamless backend, all in one platform.
Key Reasons for Choosing FlutterFlow:
Fast prototyping: Quick iterations without sacrificing quality
Design accuracy: Matched Figma designs pixel by pixel
Smooth animations: Engaging UI with real-time progress updates
Easy integrations: Connected seamlessly with Firebase and APIs
Quick testing: Built-in tools for rapid updates and previews
Cross-platform ready: iOS-first with future Android scalability
Key Features & Integration
Step Tracking (via Apple HealthKit)
Team & Individual Challenges
Live Leaderboards
Campaign Mode (CSR & Corporate Wellness)
Milestone Celebrations & Badges
Smart Push Notifications
User Progress Dashboard
Admin dashboard access for Campaign Management Panel
Challenges & Workaround
Step Sync Accuracy
Ensured real-time tracking via custom functions and Apple HealthKit API.
Team Challenge Logic
Used Firebase for real-time data and optimized aggregation for leaderboards.
CSR Campaign Flexibility
Built a configurable engine for varied campaign rules and goals.
User Engagement
Introduced badges, reminders, and micro-goals to maintain participation.
FlutterFlow UI Limitations
Applied custom animations and simplified views for smooth performance.
Key Milestones
Project Kickoff & Discovery
Defined user personas, campaign mechanics, and initial UX wireframes.
UI Design Finalization
Completed high-fidelity designs in Figma aligned with FlutterFlow components.
MVP Development in FlutterFlow
Built core modules: step tracking, team challenges, leaderboard, and campaigns.
Backend & Integration Setup
Integrated Firebase, Apple HealthKit, and REST APIs for dynamic data sync.
App Store Deployment
Successfully launched on iOS, followed by onboarding first set of users.
First Corporate Campaign
Completed CSR campaign with 1.2M+ steps and 92% user participation.