Sleep Tracking App - Card Anatomy 🔎

The author has been creating this project for 4 months, redrawing and rethinking the design 4 times from scratch.

Following the news about Apple's sleep tracking app, I started to create my own concept that would reflect the vision of the app. While working on the design, I studied an abundance of scientific articles, given below. Information on the factors that affect sleep is provided from the sources: Sleep Research Society, Oxford Academic, SleepFoundation.org, and others. I wrote scripts in JavaScript to create realistic heart rate data and sleep stages. The "Sleep Tracking App" project is an indicator of the author's principles and approaches. Begin.

The cards are practical, capable of displaying all the necessary information regarding the relevant factors in a small rectangle. It is also important to show a physical quantity - a system of measurements that is familiar and understandable to a person, so that the user can more easily correct a negative factor or further improve a positive one. The card in the example above reads 💬 like this: "Loud noise degraded the quality of sleep by about 8%, while the noise during sleep is 5 dB louder than in the previous week."

Project on Behance:
https://www.behance.net/gallery/109865487/Sleep-Tracking-App