Day 23 of improving my UI skills · #23 Design an alarm clock

Process

Today I had to design an alarm clock. I knew that I wanted to use some 3D element so I picked this 3D clock to make it look cozy. Then I made the structure for the alarms and the screen coming from below, all in one auto-layout. And finally I used some complementary pastel colors to keep the cozy idea.

Image by freepik

This is a public challenge made by hype4 academy (or SquarePlanet I don't know).

Background from shader gradient

Mock-ups from Apple's Figma community files