Introducing ‘Holly Health’, an interactive coaching mobile app that empowers users to adopt healthy habits. I have designed the UX/UI to make the launch possible.

Skillset

UX design
Prototyping
Visual design
Design system

Team

UX/UI designer (me)
Design lead
Project manager

Site/App

The idea behind the app
01

The digital coach that supports your brain to support your body

Intro

While at League design agency, I collaborated with a team of experts in psychology, neuroscience, and health coaching to create the Holly Health app. Our goal was to help users establish healthy habits through personalized digital coaching.

Challenge

After successfully raising the first round of investments, Holly founders were eager to launch their app within the next 3-4 months. Although some of the app's flows had already been defined and discussed, others were not yet in progress. It was my responsibility to create the app's interface and establish a design system that would guide the development process.

My role

As a product designer, I closely collaborated with the founders to develop the interface. Although the initial discovery and visual concept were completed before my involvement in the project, I quickly caught up and expanded upon them. Within 2 months, I enhanced existing userflows, created several flows from scratch, designed all of the app's screens, and developed a concise design system to speed up the development team.

Moreover, I proposed fresh product ideas that were met with enthusiasm and integrated into the project.

Discover
02

Evaluating the discovery outcomes

One of the things I particularly enjoyed about this project was the fact that the idea had already been tested in a minimal yet effective way. It was achieved through the use of chatbots on WhatsApp to mimic Holly coaching. This beta testing helped to identify the main problems that users were facing.

Before commencing the design stage, I carefully reviewed all materials related to the beta launch and analysis of our competitors.

Thanks to my pre-existing interest in the product topic and my hobby of studying behavioral science, I was able to bring an additional level of expertise to the project and fully immerse myself in it.

Define
03

Framing the design challenge

We faced the following design challenges:

  • How might we ensure that users feel fully supported by Holly the coach, especially when they may be struggling with negative emotions or low motivation to continue working towards their goals?
  • How can we assist users in comprehending their daily schedule and selecting habits that enhance their quality of life?
  • How might we use a user's progress to motivate them and keep them moving forward?
  • How might we help users find additional motivation when they are feeling bored or unenthused?
  • How might we turn success into motivation and encourage users to continue making progress?
Develop
04

Combining a conversational and traditional interface

Ensuring users feel fully supported

We dedicated one of screens to Holly, the chatbot, offering rich content like mood check-ins, articles, and videos for coaching and support.

One of my responsibilities was to incorporate conversational interface elements into the app's design, which appeared either as an integral part of the screen or as pop-ups when Holly anticipated that users might need assistance.

Clear daily schedule and habits that enhance quality of life

The home screen displays all of the user's active habits and relevant content, as well as messages from Holly.

Although the app currently has a set list of curated habits without the ability to add custom ones, I suggested an ability for users to submit habit requests to capture potential trends in user demands. This would help the founders prioritize which habits to add next.

The importance of understanding progress

My responsibilities included visualizing progress to enhance users' motivation and help them stay on track towards their goals.

As part of this effort, I designed progress cards that display progress by period, total number of completed actions, and completion rate. These cards are accessible for both weekly and monthly time periods.

Challenges as additional motivation

If users are feeling bored, they can participate in challenges to mix things up. I have designed three templates for challenges that can work with any challenge content.

I also suggested implementing a feedback form for users who quit a challenge, to help us understand common pitfalls and improve Holly's ability to motivate people.

Things to celebrate — time to be proud of yourself

I suggested adding a feature to help users feel proud of their progress and more motivated to continue working towards their goals. Originally named 'Gallery of Glory', we later renamed it to 'Things to Celebrate'.

To create a more celebratory feel, I deviated from our visual guidelines but ensured the design still fit perfectly with them. I was inspired by the idea of a dark velvet box containing jewels and designed it to evoke a feeling of self-pride.

Deliver
05

Launched, hooray!

Though it was not a requirement, I have also developed a brief design system to speed up the development process.

After the launch, I created a development support document with a list of design inconsistencies prioritized by severity levels.

The brief design system that I created to speed up the development
Closing words
06

Conclusion

Within a timeframe of roughly 2 months, I immersed myself in the product and adjusted user flows, designed the app's entire interface and developed a concise design system to aid the development team.

Due to the nature of agency work, I didn't have access to any metrics, which prevented me from suggesting further iterations to further improve the user experience. However, I made sure to complete all the scope of work that was expected from me and even went beyond by presenting business-minded, user-focused solutions that were well-received and implemented.

Sneak peeks to some of my other works: