BodySync
Mobile App Design

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.