Sleep Tracking App - "Previous sleep" page

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 Java Script 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.

Swiping to the right on the home screen gives you access to the Previous Sleep button. After tapping on this button, a page with a detailed report on the previous sleep will open. The page starts with a graph showing the sleep periods in each stage, below there is a block with information about the time, date of sleep, and some details of information collection. The next block is sleep quality, which contains the start and end times of sleep. Below this block, there is a button that opens a Heart Rate report ❤️. The button contains information about the average heart rate during sleep and the start and end time of measurements. The last item on the page is a list of factors that affect sleep quality. You can read in detail about the design and mechanics of the cards in the previous paragraph.

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