top of page

FireBoost – Fitness Tracking App

Fitness-Gym-banner.png
Typhography.png
Cover-fitness-top.png

Here’s a potential flowchart outlining the key screens of this project

  1. User Registration Flow

    • Start Screen ➔ Welcome/Intro ➔ Social Media Signup ➔ Create Account

    • (Face Recognition ➔ Grant Access Permissions)

  2. Home/Dashboard

    • Dashboard ➔ View Fitness Stats (Steps, Distance, Calories)

    • Fitness Goals ➔ Set Goal/Progress

  3. In-App Experience

    • Activity Screen ➔ Start Workout ➔ View Exercise Routine ➔ Log Workout Stats

    • Challenges/Leaderboard ➔ Join Challenge ➔ Compete

  4. Settings/Personalization

    • User Profile ➔ Edit Profile ➔ Sync Data (Wearables/Health Apps)

    • App Settings ➔ Notification Preferences ➔ Privacy Settings

face-unlock-fitness.png

HIGH FIDELITY WIREFRAME

high-fidelity-fireboost1.png

GRID & SPACING

The grid system displayed shows a clear understanding of structure and layout, with focus on padding, margins, and content alignment. It uses a typical 4-column structure, which supports the visual hierarchy and creates an intuitive layout flow for users.

grid-spacing-fireboost.jpg

FINAL OUTCOME

This project successfully combines functionality and aesthetics, offering a powerful tool for fitness enthusiasts to stay on track and achieve their health goals.

  • Facebook Basic
  • Twitter Basic
  • Vimeo Basic

© 2023 by ROGER FORBES. Proudly created with Wix.com

bottom of page