Sitemap
Arwa Asiri

Arwa Asiri

UI/UX designer

Wellness: Drops Case Study

3 min readApr 20, 2024

--

Press enter or click to view image in full size

Introduction:

Our phones have become a very important part of our day, and it is usually the first thing we look for when we wake up. So why do we not use it for our benefit? By using it to help us track our health and habits.

Get Arwa Asiri’s stories in your inbox

Join Medium for free to get updates from this writer.

In this project, we are designing an app that falls under the Reminders and Habits Tracker Apps category. It is an app to track daily water intake, and we called it Drops.

The process:

Empathize:

we started by conducting interviews as always and we published a survey with different questions.

Define:

Then we defined our ideal persona. “Linad” struggles to stay hydrated and needs help to remember and track her daily water intake.

Press enter or click to view image in full size

Next is Linda’s Journey Map, which highlights Linda’s emotions on the day.

Press enter or click to view image in full size

Problem statement:

Health-conscious, busy professionals, need to find a way to stay hydrated because their busy lives lead them to forget to drink water.

User flow:

We created a user flow for our app with the steps that the user will take to start using the app to add his water intake.

Design part:

We start our design part by drawing low-fi and testing it.

Press enter or click to view image in full size

After testing we start to design mid-fi using Figma

UI:

After mid-fi, it is time for the pretty UI part, starting with

Visual Competitive Analysis:

We analyzed three water-tracking apps.

Press enter or click to view image in full size

Brand Attributes, Moodboard:

Press enter or click to view image in full size

Style Tiles:

Press enter or click to view image in full size

Hi-fi Prototype:

last was our Hi-fi Prototype

I learned a lot from this project, especially in the problem statement part, and I learned new techniques in Figma that helped shape our app, such as masking and how to use animation.

Thank you for your time, and go to drink water. I know you forgot.

--

--