wim hof method

building healthy habits with cold showers

building healthy habits with cold showers

view prototype
project type & role
team project (2 ui/ux designers)
ux researcher & ui/ux designer
timeline

5 weeks (June-July 2022)

deliverables

competitor benchmarking

user flows

wireframes

design system

hi-fidelity prototype

user testing

tools
figma
notion
maze
google docs
background
introduction

the wim hof method is a cold water immersion method created by extreme athlete wim hof, boasting benefits such as boosting cardiovascular circulation, a strong immune system, well-balanced mental health, and a high level of energy.

with the wim hof method mobile app, wim aims to encourage those new to cold water immersion to complete a 20-day challenge. during the 20-day cold water challenge, users are invited to pay a monthly or annual subscription to continue their cold water experience.

business goals
1

Increase the rate of new users from free to premium paid plan

2

make the challenge easier to complete with healthy metrics motivating new users’ progress

3

give users the option to journal their daily cold water experience and share with friends

user goals
1

new users of the app would like to easily track their progress

2

make users feel motivated to complete the cold shower challenge

usability review
understanding the first time users’ experiences and pain points

my team began by conducting a usability review in order to understand the journey as a new user trying the cold shower challenge for the first time. we identified pain points and wow moments within this experience and determined the two following main frustrations:


  • primary frustration: when first opening the app, users are presented with many options and no clear instruction on what to start with. users are overwhelmed by the information due to the lack of clear layout, organization and hierarchy which results in the users being confused where to begin and may not be able to complete a challenge.

  • secondary frustration: when users want to change difficulties, all of their previous progress will be lost, so users are frustrated as they have to restart which results in them possibly switching to a more reliable app.

competitor benchmarking

evaluating the competition

we then continued by reviewing three different apps - cold water therapy, cold shower therapy, and cold shower.
cold water therapy
  • clean and minimal design, easy for new users to progress through

  • some elements of the app are inefficient and tedious, such as having to scroll through long menus (e.g., timer and searching country)

cold shower therapy
  • the app is straightforward and easy to navigate. However some features (e.g., music player) does not function well and there is a lack of customization and personalization.

cold shower
  • the app is very simple and lacks prompts or guides; it may be confusing for brand new users.

  • no option to login or create a profile so users may lose their progress if they delete the app or change devices.

  • available only on android

ideation
proposing a “how might we” statement to help solve the core problem
In order to focus on our core problem, we wrote down a HMW statement:
“How might we make it easier for new users to complete their first cold shower challenge?
mind map
gathering ideas and determining the best solutions

after we wrote our “how might we” statement, we began our ideation process. we organized our ideas with a mind map and then used an impact/effort matrix to prioritize our ideas. we considered what we could add and what can be improved on with the existing product.

top ideas that solve business and user concerns:

to be improved:

  1. hierarchy

  2. communication

  3. accessibility

to be added:

  1. progress bar on challenge page

  2. checklist for new users

  3. customization

  4. ability to connect to music app

  5. reminders for the challenges

user flows
walking through the current experience
to better understand what users are experiencing with the existing app, we mapped the current user flow and then improved it based on ideas that would fit with the business and user goals.
mapping the current user flow
the improved user flow
wireframes
low fidelity sketches
design system
giving the brand a fresh new look

we determined a new color scheme and typeface to be used in the app. for the colors, we found through research that the color green is associated with health, tranquility, power and nature, which seemed fitting for the business.

prototyping
final designs + key interactions
the new and improved wim hof method app
home screen + 20 day challenge

the cold shower challenge is now the main focus on the home screen so users won’t miss it. we also added a progress bar on the challenge page so users can see where they’re at

challenge settings + shower timer

added a short explanation of each setting for users to better understand. we gave the countdown and cold shower timers different colors to provide contrast

challenge completion + social share

made share with friends option the first card users see. upon clicking on a contact, the message will autofill

journal entry

users click an emoji pertaining to their mood and have the option to write a note about their experience

user testing
conducting usability tests with real users

once our prototype was complete, we drafted a testing script on maze with scenarios and tasks for real users to complete to validate the prototype. the test ran over the course of 3 days with 33 users, and receiving a total of 21 responses.

test insights
  • generally positive feedback for the homepage

    • “I liked how it was the first thing that appeared on the exercise page and I did not have to go search for it.”

  • some users thought there was too much information, making them want to click away

    • “I wish the paragraphs on the get started page were broken down more, I didn't really feel like reading the long content. Maybe icons or photos to dice up the info would've been more engaging.”

  • a majority of users struggled with the journaling and were unable to complete the task

    • “I struggled with the journaling part and wasn’t able to complete the task on my phone, but overall I felt that it was very easy to use and looked aesthetically pleasing and modern”

reflection
key takeaways of the project
  1. gained knowledge on the flow of mobile apps and the IOS operating system

    this was our first time working with mobile apps so we were able to familiarize ourselves with the flow of app screens and mobile interaction design.


  2. working across different timezones

    i worked in a team with a bootcamp classmate who was 13 hours ahead of me so being able to communicate effectively with each other was crucial. we learned to prioritize our tasks and accommodate each others’ timezones for meetings so we could complete our project efficiently.

final thoughts
if we had more time...
  1. redesign the journaling feature to make it more intuitive for new users

  2. better reorganize the information on the home screen and cold shower challenge page to be less overwhelming for users

Other recent projects

Clozzie

Mobile

SplitPay

Mobile

Get Passphrase

Web

Thanks for stopping by!

© Vicki Lieng

Other recent projects

Clozzie

Mobile

SplitPay

Mobile

Get Passphrase

Web

Thanks for stopping by!

© Vicki Lieng

Other recent projects

Clozzie

Mobile

SplitPay

Mobile

Get Passphrase

Web

Thanks for stopping by!

© Vicki Lieng