Bodysync is a fitness app designed to help users stay active
and achieve their health goals through personalized workout
and nutrition plans. The app offers features like goal-based
training programs, meal plans, progress tracking with
charts, and integration with wearable devices. It also
fosters motivation through community challenges and personal
progress sharing.
* The interface is clean and
motivating, with structured Color Styles, Text Styles, and a
fully interactive prototype using Smart Animate, Move
In/Out, and Open Overlay transitions.
* A dedicated component
system was built using Auto Layout and organized into
categories like buttons, inputs, navigation, workout cards,
trackers, and data charts. Each component includes variants
for different states (active, error, selected, disabled),
allowing flexible reuse across screens.
* The app is divided into
key flows: Onboarding, Sign In/Up, Personal Setup, Home,
Meals, Workouts, Profile, and Settings. All components and
styles are stored in a centralized page for easy management.
* This project blends
wellness-focused functionality with a strong visual system,
resulting in a product that feels intuitive, dynamic, and
genuinely supportive.