Ying
Visual Designer

Wisebody

Health & Fitness App for All Bodies

Context

The health and fitness app industry is very saturated. Almost 96% of users use only one fitness app. Roughly 26% (1 in 4) of adults in the US experience some form of disability or chronic condition (cdc.gov). 

I saw an opportunity to support female identifying individuals because: 

• Strength, fitness and nutrition are a masculine-dominated pursuit

• they are overly self critical about their appearance or condition

• of the opportunity to provide access to health & wellness resources

My Role

Visual Designer, User Interface Designer

Timeline

6 week timeframe to create branding and identity, high-fidelity screens, interactions, responsive design for marketing website, interactive prototype, and a style guide.

The Challenge

Design a cohesive visual brand language for a mobile-responsive platform and responsive landing page that reimagines how target users can find and engage with fitness recommendations and health plans. 


My Solution 

Click here to explore the mobile prototype

Continue reading below if you feel like learning more about creating the visual language, priority screens and user testing.



Concept – Our Bodies are Wise

Wisebody is an idea rooted in the wisdom inherent within us that we all come into the world filled with vitality. As we become more or less shaped by our culture and social norms we lose that self confidence. We want to help reshape how we think about our relationship to our body by making health and fitness more intuitive & empowering.

Health and fitness for all bodies
Health and fitness for all bodies

Style Tile Reasoning

The visual direction evokes a sense of meditation, softness and celebration. 

• Brush strokes and organic shape patterns celebrate body shapes and sizes

• ITC Souvenir and Niramit are characteristically humanistic with retro personality 

• The earth tone color palette echo the idea of renewal

• Rounded buttons and outlined icons support a transparent and gentle platform 

Logo Concept

The wordmark, "wisebody" is made of 2 different typefaces forming the word "wise" and "body", communicating the idea of harmony, where two opposites work together. A standalone abstract mark in the shape of an incomplete "B" accompanies the word mark, celebrating the curves of the human body

Health and fitness for all bodies

Final Logo Iteration

I adjusted the kerning and weight to the word mark and refined the abstract mark. 

Desirability Testing

After designing the high fidelity screens, I asked three users who fit my target demographic and conducted desirability testing. 

Key User Insights

I had varied perspectives from the color, logo branding to the marketing websites 

100% found the mobile website matched with the overall branding

100% described the app as inclusive

66% thought the color palette was appropriate and inviting in a gentle way

66% found the logo disconnected with the overall brand/unexciting

66% noticed the representation of various body types

33% brought up the cost aspect of using this app

33% thought the onboarding questions felt repetitive

33% suggested an option for those without a health condition

Style Guide

Lessons I'll carry along

Through the length of this project, I learned three things. 

  • Always listen to and contextualize user's feedback objectively
  • Consistent design is possible when there's a system set up from the start
  • Creativity is wonderful, but striking a balance with functionality is also vital

The Solution

Click Here to experience the prototype or click on the prototype