UI Design - The Design System
The Design Concept
How many times did you forget to drink all 8 glasses of water per day or forgot to take your multivitamins?
In my case it has been an infinite number of times when I planned to drink at least 8 glasses of water but ended up falling short because I was too busy to remember this small task that has a major impact on my health.
COVID 19 has taught us that keeping a healthy life style is not a luxury but a necessity.
We use alarms to keep a track of important events, meetings, classes, naps etc etc. But what are we using to keep a track on our healthy life habits?
The Alarm Cards
Imagine a world where you don’t have to take the BURDEN of remembering to drink water or take your daily dose of medicine or even to put your notifications on silent mode when you’re about to sleep.
The concept here is to add a new feature of alarm cards in the alarm section of your devices where the device takes the responsibility of keeping you on track with “ALL THE DAILYS’ in the form of cards.
Wireframes
Hi Fi Mockups
Prototype Demo
The Design System
Color Palette
Typography
Icons and Illustrations
Motions
Focused Motions
Attention on what is important without any distraction
Expressive Motions
Add character to common user interactions
Gestures
Navigational Gesture
Users move through the product easily
Type of gesture
Tap - Users touch the elements to navigate through the product
Action Gesture
Users complete a certain action
Type of gesture
Tap - Users touch the elements to complete the action