Design Fitness App, Wireframes: HealthieMe
Problem Statement: Consider that you’re working as a Senior Product Manager at HealthieMe, and you want to launch the smartphone app, for Android to start with. As the sole product manager working on this app, you have a few ideas regarding the design and functionality that you’d want to incorporate. Based on these functionalities which you want to include in the app, sketch the basic layout of the application and design the wireframes for the HealthieMe app. The guidelines for this assignment are:
- Create the required wireframes and place the screenshot of each screen on relevant slides
- Prepare a slide showing the navigational flow for your wireframes
Login/Signup with HealthieMe
Login/Signup page allows:
- Existing user to login using Email & password
- New user to signup using Email/Phone or continue with Google/Facebook etc.
Personal Details Page:
On the personal details page, user can enter the required personal details like gender, age, weight, goals, activity level etc.
Fitness Goals Page:
User can enter their fitness goals, the target they want to achieve and the activity level etc.
Home Page:
The Home page is the landing page after registering and filling the personal details and fitness goals. It consists of:
- Your goals
- Personalised calorie Intake suggestion
- Info on calorie to be burnt
- Suggestion on water intake & sleep goal
- Click on + Icon to track & monitor
- Discover feature: Blogs, tips, Q&A, stories etc.
- Subscription Plans
- Offers & promotions
Health Monitoring Page: Calorie, water, sleep, log/track activity
User can log their activity, track their progress, plan & track meals, track water intake, track & set sleep cycle and other activities here.
Calorie Counter Page: Calorie Intake & Calorie Burnt
Personalised Suggestions Page 1:
Personalised home page with suggestions on calories, water, sleep goal, blogs, tips and Subscription for personalised services as mentioned in screenshots.
Personalised Suggestions Page 2: Workouts
Personalised workout plans, videos for different types of exercises such as:
- Strength exercises
- Stretching exercises
- Abdominal exercises
- Custom workout plans
Personalised Suggestions Page 3: Diet & Meal Plans
Personalised diets, recipes, meal plans for the day and during the day with calorie counts.
Profile Page:
The profile page is the page where all the personal information can be accessed. The details and features available on the profile page are:
- Name & Photo (Add/edit)
- Streaks & Leaderboard rank
- Current & goal weight
- Today’s progress
- Share option to share your progress with friends & family
- Compare with friends & HealthieMe groups
- Fitness tips
- Personal details
- Notifications & Alerts setting
- Rate App
- Privacy policy & terms of use
- Settings
- Logout
Sharing Page:
The below screenshot shows options to share you progress with friend/family/groups via multiple channels such as WhatsApp, Facebook, Email, Twitter, HealthieMe groups etc. Compare & compete via Leaderboard.
Navigational Flow:
Navigation flow is a feature that allows users to navigate from one screen to another as per the business flow in the sequence specified after transaction is done in each screen..
