Muv is about giving you the tools you need to achieve your health goals whether it's to lose weight, lead a holistic lifestyle, reduce stress or even personalize to your health conditions.
I was asked to create the visual design for a fitness app aimed for millennials which can be personalized for specific health goals. I needed to target our Millennial user who is single, with a demanding job, trying to workout while dealing with an ongoing health condition.
My final UI deliverables include a style guide, HI-FI screens, and a prototype that demonstrate a complete user flow.
* * *
DEVELOP A FITNESS APP AIMED FOR MILLENNIALS
The client is developing a fitness app and has identified a gap in the market; A need for a solution that's personalized for specific health conditions and individual preferences. The client wants to focus on physical fitness for millennials but is open to hearing my recommendations on how mental wellbeing and holistic fitness might fit into the solution as well.
Using visual exploration based on competitive and domain research, I need to create a holistic brand concept to meet the needs of the user with a 5 week timeframe. The brand will tell the story of how a user relates to their fitness goals/routine and how the user overcomes his/her pain points.
With provided UX deliverables my focus was more on creating the visual content that would be applied to these existing elements. Although this is helpful, it laid out design decisions such the elimination of a bottom navigation and only using a hamburger style menu located in the top left corner.
USERS & AUDIENCE
I needed to target our Millennial user who is single, with a demanding job, trying to workout while dealing with an ongoing health condition.
Working with the UX provided persona, my final product needed to focus on a number of user goals.
* * *
DESIGN ISN'T A STRAIGHT LINE
* * *
RESEARCH, INSIGHTS & TAKEAWAYS
FIGURING OUT HOW MILLENNIALS DEAL WITH FITNESS
Did a bit of research on my own to get a better understand of the fitness world and how it applies to Millennials. This research really helped me focus when making design decisions.
- Millennials prefer to be motivated because of difficulty being held accountable and maintain routines.
- They prefer the ability to not only train but to be-able to focus on certain muscle groups, time constraints and health needs.
- An increase in anxiety and depression among Millennials there’s a high demand for mental training such as meditation and yoga
EVALUATING THE FITNESS APP LANDSCAPE
To evaluate leading fitness apps I conducted a competitive analysis report on FIVE direct competitors known for their popularity, guided workouts, and motivational techniques.
Aaptiv | Fiit | My Fitness Pal | Nike Training Club | Carrot Fit
- All the traditional workout apps use a very simple and clean with a similar color palette. Black and white, tones of grey and a heavy used blue accent. I found this odd.
- Visual data analytics is helpful to show progress and improvement. Making sure that these are fun and pleasing charts and graphs
- Various details in onboarding was used. The more data centric apps asked more questions in the beginning to really make workouts personal.
* * *
EXPLORATION FOR A DESIGN DIRECTION
TRYING A NEW WAY TO BE CREATIVE
Looking back at all the research and the user persona I considered what characteristics I feel should be associated with the product. I tried a new word cloud process technique to get a sense of a theme to help clarify a direction and pick a few that stand out. For this particular case I focused on the words RETRO, FUN, and STYLISH.
My goal was to attract the Millennial user by offering a unique aesthetic to other fitness apps by bringing in a brighter primary palette and a modern feel. Simple and classical shapes inspired by Dieter Rams designs is intended to incorporate a fun and unique look to drive engagement and motivation. This approach also provides a technical look to highlight the data centric capabilities of the app.
Concept Statement: A stylish fitness app that’s committed to embracing and driving positive change thru personalized health goals, expert support, and holistic fitness. We are dedicated to providing a rewarding balance of motivation, accountability and serenity.
My style tile comprises different aspects of the interface design like colors, shapes, layout and typefaces. Once again, the brighter primary palette and modern feel and lines create the stylish look to help motivate and drive a user. The colors and stylized graphs emphasize the data analytics technical aspect of the app proven to motivate workouts. My concept incorporates a fun and unique look to pull away from the intimidating world of competitive athleticism and provide a gender neutral setting to achieve their goals.
* * *
DESIGNING TO SOLVE FITNESS CHALLENGES AND PROBLEMS
USER INTERFACE DESIGN
Even at this stage I continued to make changes to the design. I decided I needed to remove the bold outlines as it was distracting once I started to put the components together and build the pages. Looking back at our challenges and problems, I want to highlight a few of the features that help solve our main objective and user goals.
While researching fitness apps I downloaded many of them. I felt the best ones started off with a great introduction to get the user quickly acquainted with what set them apart from others.
So I designed the start of the onboarding process with a similar process and added some fun and engaging microinteractions. These features include:
- Personalized Workouts
- Track your Food
- Expert Chat
I had too much fun playing with interactive screens and microinteractions. You can view the entire prototype here.
* * *
User testing was conducted remotely with three potential users for around 1 hour each. They went thru a series of tasks and followed up with a series of quantitative and qualitative data.
If you’d like to learn more about my MOV project or how I studied fitness apps without even breaking a sweat, don’t hesitate to reach out. Ideally over a donut with pancakes.