SmartFlex - Fitness Mobile App Design & Frontend Development

Dimitar Dimitrov

Design Engineer
Product Designer
React Native Developer
Figma
React Native

For SmartFlex, a fitness startup, I was responsible for both the design and frontend development of a mobile app using React Native (designed in Figma. The app provides users with personalized fitness programs and a reward system that keeps them motivated throughout their fitness journey. The app is fully responsive, ensuring seamless performance across all devices and platforms.

Deliverables:

Mobile App UI Design: Complete design for the mobile app’s user interface, featuring a clean and intuitive design that guides users through their fitness programs.

React Native Frontend Development: Developed the frontend using React Native, ensuring smooth transitions, animations, and performance on both iOS and Android.

Interactive Program Pages: Designed program pages that showcase workout routines with timers, progress tracking, and detailed exercise instructions.

Reward System Integration: Designed and developed a rewards system, allowing users to earn points for completing workouts and participating in fitness challenges.

Responsive Design: Ensured the app is fully responsive across all screen sizes and devices, maintaining a consistent user experience.

Key Features:

Personalized Fitness Programs: Tailored workout routines for users based on their fitness level and goals.

Progress Tracking: Users can track their progress through visual indicators, including achievements and daily workout streaks.

Reward System: Users accumulate points for completing exercises, which can be redeemed for fitness-related rewards.

Mobile-First Design: Built with a mobile-first approach, ensuring an optimized experience on both smartphones and tablets.

Main app screens (programs, home, profile)
Main app screens (programs, home, profile)
Programs & Program detail screens
Programs & Program detail screens
Starting & ending a workout flow
Starting & ending a workout flow
Reward shop
Reward shop
Admin panel to create new programs from the app
Admin panel to create new programs from the app
Achievements illustrations
Achievements illustrations
Partner With Dimitar
View Services

More Projects by Dimitar