The Alarm

UI/UX design
Role: Product design

‘The Alarm’ is simple and easy alarm application just for perfect morning.

'The Alarm' has the special wake up mission features that make your morning effectively.
With 'The Alarm' you could wake up very surely and gently with fun.
Change your morning, change your life.

Project Details


I've woke up with alarm from my mobile phone every day.
For a long time, I having used various alarm applications to find a perfect one. There are so many alarm applications on the App store but none of these could fulfil my several needs.
Some of them are too complex and has too many features, it makes hard to use and confusing. Sometimes these are too easy to turn off that makes me always fail to get out from the sleep at once.

With many experiences throughout the year, I found out certain points that needed from alarm clock which is especially for the morning.


I designed 'the Alarm' that helps users wake up in the morning follow these goals.

- Special features that make users wake up surely and gently.
- Clear design that is immediately understandable even to a person that just has waken up.

User flow

I divided the whole user journey into three parts. Follow the userflow, I added special features into each step to achieve the goals.

(A) Set an alarm - Volume up gently
When the user turns on this feature, alarming sounds slowly increase to avoid be startled by sudden alarming sounds.

(B) Alarm ringing - Wake up mission

To make sure users wake up, I add 'Wake up mission' instead of snooze feature. User have to solve this mission to turn off the alarm.
Wake up mission has three different levels. Quiz, Typing, Shaking.
The user can choose the type of mission and randomness also available.

(C) Turn off the alarm - Weather forecast
Many people check the weather in the morning. I added simple weather forecast into this part to raise convenience.

Wire frame


After the several design drafts and challenges, the final design was selected.Using blue gradient colour as a main colour, give a fresh and activate a feeling of morning to users.
Furthermore, it provides a dark mode option for users who want to set an alarm in the night before going to sleep.
To improve accessibility, put time information in big scale and used bold font in every stages. It helps people to see information clearly who just woken up or couldn't find glasses yet in the morning.

Wake up misson

  • 'Quiz' is made up with simple math quiz.
  • 'Typing' suggest one sentence and the user have to type the sentence.
  • 'Shaking' is an easy way. If the user shake the mobile phone the bottle on the screen is filling. When the bottle is fully filled the alarm is turned off.

All other content on this website is produced by and copyright 2019 by Honey Chang