Wellness app,

Exercise and fitness,

ZORA YOUNSI
5 min readFeb 25, 2021

Hello guys! Today I’m so happy to share you my second solo design project. I was very excited to work on it, and I gave the best I could to deliver an application for my client Wellness.

The Brief

The National Wellness Institute is an organization founded in 1977 with the mission of providing health promotion and wellness professionals unparalleled resources and services that fuel professional and personal growth.

But today, even though NWI has numerous years of experience in the wellness field, their program has been slow to catch up with technology.

They have seen a substantial drop in memberships and want to find a way to add value to their members. To do this they have decided to focus two things:

  1. Create a set of digital wellness tools for Wellness coaches
  2. Update their image — create a new visual system that reflects their innovative and refreshed approach to wellness.

They are aware that companies all across the Health Tech space are developing incredible tools to help people achieve their health and wellness goals. So this year, NWI wants to unveil a series of digital Wellness Tools at their annual conference.

The digital tools will be available to all of their members on the online platform so that they can use them with their clients.

Challenge

As a UX UI designer, my mission was to explore how I can leverage technology to help people live a healthier life for my client.

I choose to include to the wellness app the category “Exercise and fitness”

  • The only requirement is that it tracks the user’s progress and pushes them to commit to a healthier lifestyle.
  • The UI should reflect a fresh, updated image

The plan

Here is the plan of my UI UX design project that I will present ❤.

1) Research

Market Research :

I made a benchmark analysis of four direct competitors of Wellness App, and then I compared the aim features of each app. The aim is to put my Well Ness App more innovative to motivate people to train.

User Research:

By using the Lean Survey canvas method, I built a survey I sent, and during I was waiting the results, I interviewed 5 people.
The results were very interesting because I learned that :

2) Define

Affinity Diagram:

I brainstormed on all the results, on Miro, and I built the affinity diagram from what the users told me. I chose 4 pains I defined.

Persona & User Journey Map

I defined some actions from them, I found some opportunities : build an app as it is not easy for her to use her desktop to practise sport at home. And as it is not for her to search on the catalogue of the best training for her, I can help her by a personalized session, so a feature for personalization of her trainings. And a feature to be challenged by her friends as she wants to be motivated by them, and to play of course with them, to get motivation.

So how might we help the people to practise training who want to practise sport, get motivation when they are alone ?

Ideate

I worked on the Value Proposition canvas to ideate before sketching, and I wrote some users features stories.

And then, I use the Moscow method to prioritize on the features for the future Well Ness app.

3) Interaction Design

Then I made the user flow of my persona to use the Well Ness app with the happy path.

Lo-fi Prototype

And I sketched the first Lofi on a paper ;)

I tested to 5 users, and from their feedbacks, I realized that I have to pivot my prototype.

Several sketches after … and tests, I realized the mid-fi.

Mid-fi Prototype :

The jobs to be done is : When I use my fitness app, I want to combine fun and effort, so that I can enjoy my moment!

https://www.youtube.com/watch?v=wX0BXCoZedY&t=1s&ab_channel=YounsiZora

I conducted more than 5 users tests and the feedbacks helped me to improve the mode of log in, sign up, the user flow, the agenda feature, re organise some buttons, …

4) Look and Feel

To build the UI step, I compared the competitors brand, and then I built a first moodboard, that I tested. And moreover, to improve it, I built a second moodboard to be in phase with the identity I want to create for the app.

5)Visual Design

6) Hi FI!

Enjoy guys ;)

Hope you enjoyed this post.For my part, I had a lot of fun in this challenge, and I loved working on the Hi-Fi. I practised again, and a lot, and I want to improve again and again to perfect myself in Figma, and UI UX Design ;) Please feel free to comment, or if you have any questions, I'll get back to you. Thank you, Zora.

--

--

ZORA YOUNSI

***Entrepreneur & UI UX designer with Ironhack ,curious and passionate about innovation among others ***