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

Popular posts from this blog

Website UI/UX Design

Image
  Hello Creative Peoples! Today I'm Introducing  Website UI/UX Design . I hope you will like it & Feel free to share your feedback. I'm ready to help you with App UI Design, Dashboard Design, UX Research, Prototyping, Wireframing, Landing page design, and Website Design. just tell me the idea I convert your idea into the design. Whatsapp Email :  f.symon.11@gmail.com Thanks you!
Read more

Tramedi Mobile App UI UX Design

Image
Hello Creative Peoples! Today I'm Introducing Tramedi Mobile App UI UX Design. I hope you will like it & Feel free to share your feedback. I'm ready to help you with App UI Design, Dashboard Design, UX Research, Prototyping, Wireframing, Landing page design, and Website Design. just tell me the idea I convert your idea into the design. Whatsapp Email :  f.symon.11@gmail.com Thanks you!
Read more

A Massive Update to My Portfolio - Showcasing My Journey as a UI/UX Designer & Graphic Designer

Image
 Hello everyone,  I’m Md Saimon Hossen , a passionate UI/UX Designer and Graphic Designer with years of experience in creating human‑centered digital experiences. Today, I’m excited to share a major update to my personal  👉 portfolio: saimonhossen.com . This update is more than just a design refresh — it’s a reflection of how I think, design, and solve problems in the digital space. What’s New in My Portfolio Clean & Polished Layout    Redesigned with a modern, minimal, and accessible interface. Both light mode and dark mode are available for a smooth browsing experience. Showcasing Recent Projects    Highlights my latest work in UI/UX design, web development, and graphic design . Each project includes detailed case studies, wireframes, prototypes, and final visuals. Improved User Experience    Focused on visual hierarchy, responsive layouts, and accessibility , making the portfolio easy to navigate across devices. Refined Skills in...
Read more