Skip to main content
Question

Xfit360


Create a mobile fitness app wireframe called "Xfit360". It has 5 main screens:

🏠 Home Dashboard

  • Shows a workout summary card with calories and duration

  • AI daily tip section with "More Tips" button

  • Circular progress tracker widget for weekly goals

  • Floating buttons: Start Workout, View Progress, Join Challenge

💪 Workout Library

  • Search bar and filter chips (Strength, Cardio, HIIT, Equipment)

  • Scrollable exercise cards: name, thumbnail, difficulty tag, "Start Workout" button

📊 Progress & Analytics

  • Line or bar chart for calories/time

  • Goals section with progress bars

  • Achievements like streaks and badges

🏆 Challenges & Community

  • Tabbed layout: Challenges, Leaderboard, Friends

  • Challenges show cards and progress bars

  • Leaderboard shows ranks and avatars

  • Friends list with status and add friend option

👤 User Profile & Settings

  • Avatar and profile info with edit button

  • Toggles for units, notifications, and dark mode

  • Preferences for goals and privacy

  • Logout and version info in footer

0 replies

Be the first to reply!

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings