reme
a stress management app
MY ROLE
User research
Conceptual development
Mockup design
Prototyping
Storyboard
Video Editing
PROJECT App Design
DISCIPLINE UI/UX
DURATION 10 weeks
TEAM 4 people
PROJECT GOAL
My team and I developed an app designed for college students to help manage their stress and responsibilities by organizing their tasks/ activities through goal-setting and personalized notifications with reminders and advice.
TO GET A CLOSER LOOK AT THE PROBLEM WE TALKED TO LAUREN
21, Junior
University of Washington, Seattle
Husky Grind Barista
Double Major in Communications and Spanish
Minor in Anthropology
She is a stressed college student that needs a way to manage her stress independently because she currently lacks the motivation to organize her priorities and achieve goals throughout her daily life.
HOW MIGHT WE...
Design a self-management app that provides Lauren with tailored guidance to motivate her to cope with her stress throughout her daily activities?
HERE'S HOW REME WORKS
Reme is based off an analog clock. The gradients go from light to dark to represent the changing day.
Outer ring represents PM
Inner ring represents AM
Reme sends the user reminders and encouragements that are tailored towards their needs.
Gradients change hue with
different notifications.
THE PROCESS
Our first step was to ask Lauren to fill out a stress log for 3 days, recording her experience with stressors throughout the day and reflecting upon them at the end of the day. My team wanted to empathize and understand her day-by-day experience with stress and how she responded to stressful events.
REVISITING LAUREN
To gain a better insight into Lauren’s thoughts on stress, we conducted a casual interview with her. By focusing on asking questions about her process on relieving stress, we could understand her points on stress.
"I don't want to disappoint anyone, so I try to make everyone happy regardless of my own happiness."
"I tend to hold in my stress, but what happens is that I lash out on people."
"I try to de-stress by doing things I love, such as listening to music or cooking."
IDEATION
After a few brainstorming sessions, our team compiled all of our ideas together and voted on the ideas that we thought would best address Lauren's needs. The final idea that we narrowed down on was an application that would help track and monitor her stress.
COMPILED SKETCHES OF 50 IMAGES
WORKSHOP
We conducted a participatory design workshop with Lauren to gain her perspective about what she would like in a stress app. Moreover, we thought it would be helpful to have her included in the design process and complete design activities together.
In her morning class, Lauren is reminded of a midterm she has the next day.
Thinking about her exam Lauren feels apprehensive and nervous.
The next day, Lauren uses the app to set her task agenda, which begins with a natural gradient. Lauren plans to study, take a break and take her exam, color coding her agenda.
Later in the day, Lauren feels unmotivated to study. While she procrastinates, her phone glows
in a warm color, reminding that
her task to study is due soon.
During her study session, Lauren's screen glows in a calming, cool gradient, gently encouraging her
to take a breather.
Once she finishes studying, Lauren marks her study task complete, filling in the progress on her task agenda.
Later in the day, Lauren hands
in her test and leaves the
classroom, feeling confident.
Returning back home, Lauren
checks off her task to take her exam. Her goals are complete
for the day and her phone congratulates her and transitions into a soothing cool gradient.
STORYBOARD
I took initiative of taking on the role to do the storyboard. The storyboard was a helpful way to visualize how the user might use the app in their day.
WIREFRAMING | PROTOTYPING
We started with simple deck of index cards. Once we had a gist of what direction we were going into, we transferred our work to Figma. Lastly, we finalized our design in Sketch.
THANK YOU!
