top of page
Splash.png

A TO ZEN

UX/UI DESIGN • USER RESEARCH

ROLE

Product Designer

TOOLS

Adobe Illustrator, Photoshop, Figma

GOAL

Design an app that offers a variety of ways to reduce stress and anxiety via guided meditations, binaural beats and sleep stories, and breathing exercises that can be done on the go.

WelcomePhones.png

Research was conducted via a 6-7 minute anonymous social media survey where participants answered multiple choice questions in relation to: their perceived need for a meditation app, what they felt they gained from consistent use of the app, and how they used the app in their daily lives. Collected data was analyzed to determine user pain points and identify and implement solutions.

USER RESEARCH

USER PERSONAS

The development of user personas and user flow were crucial steps in determining the needs of the end user and how they would navigate the app.

THE TRAVELER

Traveler.jpg

"Traveling is amazing and so much fun but it's so stressful at times. I need an app with longer meditation sessions that I can use to destress on long flights and train rides."

THE BREAKER

jeremy.jpg

"My course load is so heavy. The only time I have is the short windows between classes. I need something with quick exercises to help me recalibrate before the next exam."

THE NIGHT OWL

night owl.jpg

"Insomnia is the worst. I can never turn my mind off.  An app with functions made for improving or inducing sleep would be a God-send ."

THE ANALYST

USER FLOW

Below is a step-by-step diagram that maps the paths that the end user will take to complete various goals within the app including onboarding, signup, and the accessing various app functions.

UserFlow-01.png
lotus.png

LOW FIDELITY WIREFRAMES

After conducting user research, identifying pain points, developing possible solutions, and mapping out the user journey, I created low fi wireframes. Below are a few example of some of the wireframes for the main screens that allow users to navigate the app.

LoFi_AZen-01.png
LoFi_AZen-02.png
LoFi_AZen-03.png
LoFi_AZen-04.png
LoFi_AZen-05.png
LoFi_AZen-06.png
LoFi_AZen-07.png
LoFi_AZen-08.png
LoFi_AZen-09.png
LoFi_AZen-10.png

VISUAL DESIGN + PROTOTYPE

The user interface for this app features a calming color scheme and delicate typefaces. 

ColorType-02.png

Below are featured screens that guide the user through the interface and functions of the app.

Home.png
Splash.png
SignIn.png
sleep sounds.png
GuidedMed.png
Questions.png

CHALLENGES

  • Including a dense amount of information without making the app feel cluttered

  • Keeping a clean aesthetic while combining photo/video and gradients

  • Meeting the needs of multiple personality types that use meditation apps in different ways and for different reasons

bottom of page