Time management app


  • Design Question
  • User Research
  • Ideation and sketching
  • Prototyping
  • User testing
Group project

Human centered approach to a design project.

Our goal was to create a product for wellness using the human-centered design method, departing from a design question and finishing with a prototype. Our scope was college students, especially those living in dorms, and the goal was to help them organize their time and get better sleep.

Design Question

How can college students dynamically regulate their sleep? (Ages 18-25)


After defining the design question and the stakeholders, we did research about the main user through interviews, word-concept association, behavioral archaeology and five why questions.


We interviewed eleven students with an average age of 24. The interview was done in person and consisted of 20 questions, directed to know more about their sleep habits and the problems that may inhibit them from conceiving valuable sleep time.


Three personas were done to understand better the target audience.

Five Whys

The Five Whys gave us insights on some of the preconceptions our users have on the general subject of sleep.

Word Concept Association

The Word Concept Association method  allowed us to gain an understanding of the  way our user think, what their priorities are and how they  relate concepts.

Behavior Archaeology

The team captured images of student bedrooms in order analyze the physical environment where the students spend their time.


Ideation and Sketching

The next stage of the process is about working together on a brainstorming session, where we sketched and wrote the ideas that we had in order to solve our problem.

Every sketch was placed on the sketch, after that we would look at them and group them by similar concepts. We concluded on 3 main Ideas: A time management tool, a life simulator for self-awareness, and a starry sky simulation.


We departed from the three initial ideas, but with focus on the time management tool and the self awareness ideas, an started creating a user work flow for a mobile app, to portray how the user could interact with the app. Also the visualization of the app with rough wire-frames.

Color Exploration

Colors for different time of the day
Colors for different time of the day

The original idea was to have colors for every time of the day so the user could have a sense of time by only watching the phone. For the final prototype we didn’t use this cause it would be hard to test, but it is part of the concept.


The team captured images of student bedrooms in order analyze the physical environment where the students spend their time.

Hi-fidelity Wire-frames

We worked on a hi-fidelity wireframe for the prototype. We focused on the main functionality for work flow, with flat and warm colors, to make the app look friendly and attractive.

Final prototype

The last step was to create all the screens for the prototype with the chosen colors and style. For the working prototype the app Marvel was used, because it allowed us to deliver a functional prototype in less time and with the basic interactions.

User testing

Testing the prototypeWith the working prototype we could start doing tests, which give us important insights on things to fix and recommendations to make the app better for the users.

The user received a specific task to achieve with the app, which she could test the content while reading the instructions.



My name is Mario, I am a user experience and user interface designer from Costa Rica. I like to create interactive digital products that are both appealing and functional. I have a background in graphic design, with experience on educational digital materials and web design.

If you think we can work together or just want to ask me something, feel free to contact me by email, or social media.