Sleep Tracking App - Sleep stages report

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 report consists of cards, each of which, when pressed, opens a page with a numbered list of time intervals of the user's stay in the sleep phase corresponding to the pressed card. In the list, you can also see the duration of each interval (so that users do not have to count for themselves, "c" means "care"). The cards display the total sleep time in each of the stages, the number of intervals, and for sleep stages with one interval - the intervals themselves. The implemented look of these lists and cards is the best way to explore sleep stages in detail. Dot 🥇

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