Alarm Screen

Here is my Alarm screen 🚀

OK you might notice there are two actually.

I had a simple fake request: "What is the screen you would like to wake up to ?". Then I get inspired from the Iphone alarm and create my own.

OS and Iphone constraints

For first attempt I kept the Iphone and Os constraints. Actually, I wasn't sure I could remove the widget in the background so I had to work with them (even if in my dreams I would like to cancel them 😉).

I just add a blur when the alarm come and create a text area to customized the message. Thus we can focus on the alarm message but we still can see the widget behind and be aware of what happen (email, message, calls... whatever pops in).

I'm a snooze person so to rectify the situation I intentionally gave more importance to the stop button.

I did a light and dark version to be sure my design work in both situation.

My free design 🥳

In this scenario, I decided to create my own alarm, as if I could create from scratch my Iphone widget.

No blur, no widget, no constraints, only the minimum information to wake up on the morning or whatever event during the day.

This is a full screen new app where weather is one of the important information with a saturated picture of the sky to indicated if it's sunny, rainy etc... I kept the same interface with the same visual hierarchy: stop more important than snooze.

Again, I did light and dark version to be sure it works for all weather.