designing a companion app for a wellness tracker

empowering women to take control of iron deficiency anemia
project overview
user research, prototyping, UX & UI design
client project
3 weeks • November '21
project toolkit
Figma & Figjam
project introduction

what is iron deficiency anemia?

iron deficiency anemia develops when the body has not had iron for a long time. Iron is a key part of hemaglobin, the part of the red blood cell that carries oxygen through the body and to your organs. It can cause low energy, significantly impact mental health and lead onto physical symptoms. Anemia can be diagnosed by having a full blood count test.

how many people does it affect?

research suggests that as many as 80% of people in the world don’t have enough iron in their bodies and as many as 30% of people have anemia due to prolonged iron deficiency

anemia is difficult to detect

user don't realise they have a problem because symptoms can come on gradually and are often quite vague

it's a waiting game to measure improvements

the time gap between blood tests can cause health conscious women to feel uncertain if their lifestyle changes have improved their condition


dip is a wristband paired to a mobile app, empowering women to take control of their health and anemia

non-invasive sensors measure hemoglobin levels and combine with user lifestyle data to help women understand the impending impact of their choices on their health

real time personal tracking saves time by reducing the frequency of blood test appointments

I was approached by Hans Ramzan, the industrial designer behind dip to design the companion app to be paired with the wearable device

tracker x companion app set up

dip sits inside a soft silicone band which links wirelessly to your smartphone via bluetooth after pairing

track to gather data

users input data about their habits and symptoms. dip autonomously runs to track real-time data from the inbuilt sensors.

analyse data driven insights

dip informs users of insights to indicate the best cause of action to improve your lifestyle based on the data captured and inputted

user research

learning by listening to self-published journeys women publish on youtube

due to constrained timing, conducting in-depth surveys and user interviews was not a possibility
videos of women who kindly shared their vulnerable and intimate journeys of their anemia diagnosis, treatment and life

currently, women rely on doctor visits for diagnosis and clarity of treatment success

the onset of anemia can creep gradually, frequently with vague symptoms, therefore action is never taken right away

in the UK, the issue behind GP appointment waiting times within the NHS has been discussed for a long time, including how this can sometimes result in delayed treatment - leaving users frustrated

the journey post diagnosis can also be unnerving. typically women are instructed to increase their iron in take, but between long wait times until the next blood test, there is often a doubtful feeling of "am I doing it right"
user journey helped me empathise with users and better understand the roller-coaster of emotions they go through
key user quote -
"you can be popping all the right things, but if you aren't seeing any changes in your numbers, you’re left wondering what you’re doing wrong"
project key job story
"when I introduce changes in my lifestyle to improve my anemia, I want to know if my body is responding well to it, so that I can be sure I'm doing it correctly"

translating the key job story into a task flow to facilitate decisions for information architecture & interactions

moment targeted →

Sarah has been trialling a new strain of iron tablets for 4 weeks now, she’s about to give up and move on until she is informed by Dip that her hemoglobin levels are on an upward trend

low fidelity sketches

mid-fidelity wireframes & flows


iterations with usability testing

I conducted moderated-remote usability testing on 3 users, due to time I applied focus on the tracking and analysis of symptoms. I briefed my participants with the following scenarios:

key learnings

there wasn't a feature to view all tracked metrics at a glance

this led me to do some further competitor analysis and introduce a "calendar" feature using existing mental models, commonly used in health tracking applications such as Clue & Careology

key design hypothesis validated

when asking users what they would do with the insight information - they responded that they would continue consistently taking their supplements.
design system

creating an interface that feels "human"


what should the ui design system be for a health and wellness application positioned to help women take control of their health and anemia?


we're dealing with data here. anemia is a condition that can also significantly impact mental health. it needs to feel approachable, friendly and compatible with the wearable device


I conducted various workshop sessions with the client to present a variety of UI styles. I also tested short lists with users via preference testing for feedback


an interface that feels seamless with the human body

dip design system colour palette
final solution


interactive prototype

view prototype in new tab
Left to right: Cate Castleton (Photographer and Researcher), Hans Ramzan (Industrial Designer) and myself (Product Designer)
other projects