UX Case study: Soothify Podcasts
Soothify is a mobile application of podcasts that help you with falling asleep and relaxation
Project overview
The Problem
Changing lifestyle now-a-days is leading to chronic health issues. Increasing workloads, daily travelling, unmaintained relations due to lack of time are a few example reasons which eventually turn into long term stress, tiredness, restlessness, exhaustion and insomnia.
The Goal
The goal of Soothify is to help listeners achieve deep relaxation and restful sleep by providing a soothing and calming audio experience. Through carefully curated content, our aim is to create a peaceful environment that promotes tranquility, reduces stress, and facilitates a better sleep routine.
The Product
Soothify is a sleep and relaxation podcast. It lets you dive into a world of soothing sounds, calming melodies, bedtime stories and peaceful ambiance to achieve deep, restful sleep and unwind from the stresses of the day.
My Role and Responsibilities
UX Designer
UX Research
Visual Design
User Testing
​
-
Conducted user interviews as primary research with 7 users
-
Created user personas
-
Created user journey maps
-
Created digital wireframes
-
Created mockup and responsive design in Adobe XD
-
Created low and high fidelity prototype in Adobe XD
Design process
Empathize
Define
Ideate
Design
Soothify : Make someone soothe
A toggle with pillow, switching you off for a good sleep
Understanding the User
P a i n P o i n t s
Stress
Exhaustion
Insomnia
U s e r P e r s o n a s
Sneha
“I want to find guided meditations to help me de-stress”
20 y/o
College student
Pune
Lives in a girls’ hostel
Student
Sneha is a full-time college student with a demanding academic workload. She often feels overwhelmed and stressed due to exams, assignments, and other responsibilities. Sneha struggles with falling asleep at night due to racing thoughts and anxiety. She is looking for a sleep and relaxation podcast app that offers soothing content, guided meditations, and calming sounds to help her relax and fall asleep peacefully.
Goals
-
to find a way to relax and unwind before bedtime
-
to improve her sleep quality
Frustrations
-
Unable to handle the stress due to the academic workload
-
Cannot find a suitable guided meditation
Mihir
“Feeling stressed and overwhelmed, seeking moments of calm and clarity.”
35 y/o
MBA
Bangalore
Lives alone
Manager at MNC
​Mihir has a long and stressful daily commute to work. He spends a significant amount of time stuck in traffic or crowded public transportation. Mihir often feels exhausted and mentally drained by the time he gets home.
Goals
-
Find a way to relax and calm during the heavy traffic and crowded travel time
-
Seeking a sleep and relaxation podcast app that can help him unwind during his commute
Frustrations
-
Feels exhausted due to heavy traffic and crowded public transport
Latika
“Anxious about sleepless nights, but hopeful for better sleep quality.”
50 y/o
MA
Mumbai
Lives with husband
Freelance writer
Latika has been struggling with insomnia for several years. She finds it difficult to fall asleep and often wakes up during the night, making it challenging for her to get a restful night's sleep. Latika is constantly searching for strategies and techniques to improve her sleep quality.
Goals
-
Looking for a sleep and relaxation podcast app that offers sleep inducing content
-
Calm her mind, relax her body and increase the chances of getting a good night’s sleep
Frustrations
-
Struggling with insomnia for several years
-
Often wakes up during the night
Starting the design
Starting screen
Sign In
Sign Up
Homepage
Timer
Custom Playlist
Profile
Trending Podcasts
Categories
Now Playing
Suggested for you
Guided meditation
Self help and care
Nature Sounds
Bed time stories
Your Playlists
List in selected category
Selected Podcast
Play Controls
User Interface
The mobile user interface is designed in accordance with the app functionality as for the choice of colors and background. The dark color palette is used since the usability of the app most probably would be in dark or less light around the sleeping atmosphere. The graphics used are creating calming and relaxing effect on the eyes.
Details: Glass Morphism
For the subtle and calming yet accessible user interface, a technique of Glass Morphism effect is used. Which uses properties of glass to enhance the designs giving a translucent or transparent look and feel to its elements.
Homepage
Glass Morphism effect
#FFF06D
Arial Rounded MT
Bold- 19 pt
#7B98A3
14% transperancy,
diagonal gradient
#CBEEFE + #49413A
#15212B
#497585
#FFF06D
Arial Rounded MT
Bold- 19 pt
Glass Morphism effect
#FFFFFF
Arial Regular
16 pt
#D8D8D8
Arial Narrow
12 pt
#A7A7A7
Arial Regular
10 pt
Next Steps
-
Conduct a usability research on how successful the app is in reaching the goal to make people fall asleep quickly or feel calm and relaxed
-
Add additional features to the interface after the usability study.