Design Challenge: Wellness Tracking App

Wellness Tracking App

The Challenge:

Context:

  • It tracks the user’s progress and pushes them to commit to a healthier lifestyle.
  • The UI should reflect a fresh, updated image
  • The main user flow for the main feature of the application must have:
  • A Web Landing Page

DEFINE THE PROBLEM

1. Empathise | Develop a deep understanding of the problem
1.1 User research
1.1.1 User Research. Quantitative Method: Survey

SOLVE THE PROBLEM

3.Ideate | Brainstorm all possible solutions (good and bad)
3.1 Ideation / Brainstorm

DEFINE THE PROBLEM

1. Empathise | Develop a deep understanding of the problem
1.1 User research
1.1.1 User Research. Quantitative Method: Survey

  • People’s daily exercise habits, and its frequency.
  • Type of technology people use to practice any physical activity.
  • Impediments or blockers to not do exercise.
User Research (1): Quantitative Results — Wellness App
User Research (2): Quantitative Results — Wellness App
Feature Comparison — WellnessApp
User Journey — Wellness App
User Journey — Wellness App

SOLVE THE PROBLEM

3. Ideate | Brainstorm all possible solution (good and bad)
3.1 Ideation / Brainstorm

  • VR Health Exercise Tracker is simple too. The most important page is the Settings where you define your metabolic information and calculate your heart rate. It is important to have a wearable to track better your exercises and see your progress, however is not mandatory to use the App.
  • The Structure of the Adidas app is the most complex. It includes a community page with events or challenges. The progress page included extra pages and navigation flows like add more activities, check your statistics or set goals.
Site Maps — Wellness App
Site Maps — Wellness App
User Flow — Onboarding and chose an activity
User Flow — Onboarding and chose an activity
Onboarding Mid-Fi — Wellness App
Onboarding Mid-Fi — Wellness App
MoodBoard — Wellness App
MoodBoard — Wellness App
Design Systems — Wellness App
AppScreens (1) — Wellness App
AppScreens (2) — Wellness App
  • The 3 main features and MVP’S.
  • An important claim from the National Wellness institution mission:
  • Lastly our footer would include contact information, social networks and a much needed newsletter subscription to get updates about the App.
Landing Page — Wellness App
Landing Page — Wellness App
  • Type of activity the user like
  • Connect with your wearable (not mandatory, this step can be skipped)
  • Personal information such as weight and heigh
  • Connect with your Address book (not mandatory, this step can be skipped)
Onboarding — Wellness App
Onboarding — Wellness App
Add a Friend — Wellness App
Set a Plan — Wellness App
Wellness App

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rocío Albertos Casas

Rocío Albertos Casas

I’m Rocio. A UX | UI Interaction Designer with a user centric approach to solve problems. https://www.rocioalbertos.com/