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.

1/4

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.