Shapeshifter Fitness App
Challenge
The market is saturated with Fitness apps as well as apps that track nutrition. There were no apps we identified in our research that tracked both.
Solution
Shapeshifter is a fitness app that combines nutrition tracking, calorie counting, fitness tracking and has an individualized workout guide to help users reach their fitness goals. The home screenshows an overview of users nutritional breakdown (daily, weekly and monthly), workout duration, caloric goals, intake and calories burned. Users also have a social news feed and can interact with friends that have similar fitness goals.
Tasks & Tools
Concept, User Research, User Surveys, Persona’s, Sitemaps, Wireframes, Adobe Creative Suite
My Role
I worked together with Nanda Wilson and Megan Harris. Nanda and I focused on the research. Each of us developed a persona and task flow associated with our persona. I was responsible for the strength portion of the app (concept, wireframes, initial fitness questionnaire and skins).
Process
Our research showed that target users for Shapeshifter would be people who were overweight and wanted to shed some extra pounds, moms that wanted to eat healthier foods and also keep track of their workouts and athletes who wanted to improve their fitness level.
Task flow & Wireframe
We developed a primary task flow and wireframes for each of our users. My user was Markus, who was concerned about his weight, wanted to do strength training, and not a person who exercised regularly.
Personas & Site Map
We developed personas based on our demographic research and then built a site map. The site map shows different routes that each of our users would take through the app. based on their task flows.
How it Works
Users fill out an initial questionnaire when they log in for the first time to calculate their fitness level. Daily nutrition is recorded and analyzed. Users select prescribed workouts based on fitness goals or create their own workout from the exercise menu. Each exercise comes with an instructional video illustrating proper technique.
Final App Design
With Shapeshifter, users choose between a strength, cardio or stretching workout. Markus wants to work out and he is not very fit. He chooses a Shapeshifter prescribed exercise plan as he begins an exercise program. As he makes gains with his fitness, he may create his own workout.