Skip to main content

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

Be the first to reply!