FitTrack – A Smart Fitness App with Light & Dark Mode
FitTrack – A Smart Fitness App with Light & Dark Mode
๐ง Project Overview : FitTrack is a personalized fitness tracking mobile app that helps users stay on top of their workout routines. The app offers goal setting, activity monitoring, daily plans, and guided workouts. Designed with accessibility and comfort in mind, it supports both light and dark modes using Figma variables for a seamless user experience.
๐ฏ Goals
- Motivate users to complete daily workouts
- Provide clear progress tracking
- Deliver a visually adaptive UI for both light and dark environments
- Maintain a clean, intuitive, and modern interface-Ensure design consistency using Figma’s Design Tokens (Variables)
๐ Target Users
- Age 18–40
- Fitness-conscious individuals
- Home workout enthusiasts
- People who prefer customizable and motivational fitness apps
๐ฑ Key Screens
๐ Home
- Personalized greeting with emojis
- Progress stats (Finished, In Progress, Time Spent)
- Daily workout plan preview with image thumbnails
๐ค Profile
- User’s current and target weight
- Daily calorie goal tracker
- Quick access to activity, statistics, routines, equipment, and best time
๐️ Workouts
- Guided workout with rounds and timers
- Workout description and muscle focus
- Clear CTA with “Let’s Start” button
๐ Dark Mode
- Designed using Figma’s variable system-Ensures readability, comfort, and visual consistency
- Supports night-time usability without eye strain
๐ Tools & Techniques
- Figma: UI design, component structuring, variable system
- Auto Layout: Responsive resizing-Component Variants: For buttons, cards, and icons
๐ Final Thoughts : FitTrack is more than just a fitness app — it’s a motivational companion. From early morning workouts to late-night routines, it adapts to your lifestyle and supports your goals.
Let’s Connect
๐ Behance : https://lnkd.in/g7cuyT4Q
๐ Dribbble : https://lnkd.in/gacnuE3v
Comments
Post a Comment