Fitness Tracking App
Storm Splits
Overview: ARK is a mobile fitness tracker app designed with a modern and aesthetically pleasing UI/UX. The app utilizes a card-based layout, vibrant color scheme, and subtle animations to create an engaging and user-friendly experience.
Color Scheme:
Background & Nav Bar Active: #27005D (Deep purple, evokes luxury and health)
Nav Bar & Graphs/Bars: #9400FF (Vibrant purple, symbolizes energy and progress)
Progress Bars & Numbers: #AED2FF (Light blue, represents calmness and achievement)
Headings & Text: #E4F1FF (White, ensures clarity and readability)
Layout:
Cards: All screens utilize rounded corner cards for a clean and modern look. Each card has a thin #9400FF border stroke for subtle definition.
Home Screen:
2 vertical cards:
Calories Burn: Showcases daily calorie burn with a progress bar and number.
Workout Progress: Displays current workout progress with a circular chart and percentage.
1 rounded square card: Showcases friends' workout progress with avatars and activity highlights.
1 horizontal card with glassy blur background: Displays daily step count.
1 large round corner card: Features diet and workout plan information.
Navigation: A persistent bottom navigation bar (#9400FF) with clear icons and labels provides easy access to all app sections.
Additional UI/UX Elements:
Animations: Subtle animations on transitions and interactions add a touch of dynamism and delight.
Customization: Users can personalize their experience by setting goals, choosing color themes, and selecting preferred data visualizations.
Social Features: The app encourages community engagement through features like sharing workout achievements and competing with friends.
Overall Impression: ARK aims to be a visually appealing and user-friendly fitness tracker that motivates users to achieve their wellness goals. The modern design, vibrant colors, and card-based layout create an engaging and intuitive experience.
Like this project
Posted Nov 7, 2024
I designed the UI for the ARK mobile fitness tracker app, creating a modern, engaging experience with a card-based layout, vibrant colors, and subtle animations
