CompFit
Loading...
Most fitness apps focus on the individual. CompFit focuses on the group. It is a workout-competition app that lets friends create custom challenges, track activity, and compete on shared leaderboards. The product focuses on making group accountability fun, simple, and repeatable, so people actually stick with their goals instead of dropping off after a week.
Product Definition
Mapped out core use cases around friendly competition, including 1v1 battles, group challenges, and pre-made competition templates.
Interaction Design
Designed flows for creating competitions, inviting friends, logging workouts, and viewing leaderboards, with Figma prototypes guiding every iteration.
Feedback & Iteration
Collected feedback from early testers on scoring clarity, tie-break rules, and notification timing, then refined copy, hierarchy, and flows to reduce confusion.
Technical Implementation
Built the app in React Native with Firebase for auth, data, and real-time updates, aligning the UX with what is feasible on mobile devices and wearables.
Color Scheme
Primary Action
#90C010
Energy, progress, momentum
Support Accent
#A0D050
Secondary highlights and states
Soft Surface
#C0E090
Calm panels and progress areas
Deep Neutral
#101020
High-contrast text and controls
UI Neutral
#F4F5F3
Background clarity and breathing room
Shades of green were chosen because it is strongly associated with health, energy, and progress, helping workout actions feel motivating while keeping the interface clear.
Typography
Aa Bb Cc
Heading
32px / Bold / -0.02em tracking
Body Text
16px / Regular / 1.6 line height
Section Label
11px / Uppercase / 0.15em tracking
The hierarchy uses clear size and weight contrast to keep content scannable and interface sections easy to distinguish.
Built for real follow-through. Each feature is designed to make consistency easier, using evidence-backed behavior change patterns.
Customizable Competitions
Users can define rules, point systems, and durations so different sports and activities feel fair within the same challenge. Whether it's steps, calories, or gym visits, the system adapts.
Active Competitions
Leaderboards, streaks, and progress summaries make it easy to see how friends are performing, driving motivation without feeling overly gamified or childish.
Profile Page
The profile page gives users a clear view of their progress, recent activity, and competitive standing so they can track momentum and stay accountable over time.
Start screen
Onboarding flow
Active competitions
Workout logging
Results summary
User profile
Friends screen
Competition rules
Ready to compete?
CompFit is live in beta. I'd love your feedback.
Join the Beta