The Anatomy of Sleep

An iPad app for children and teenagers to explore the biochemical mechanics that make us sleep at night

Anatomy of Sleep App Homescreen
The app doesn't enforce a linear narrative, but let's users explore the phenomena themselves. Here, you can literally scroll through sleep cycles and see how it effects heart rate and EEG.

Anatomy of Sleep was an project in my second semester at HfG Schwäbisch Gmünd. Our task was to conceptualize and design an interactive communication system targeted at children and teenagers.

Anatomy of Sleep is an iPad app that lets users explore their sleep: You can swipe through sleep cycles and see heart rate and EEG react in real-time
Dragging down the status bar reveals the second part of the app: On a human body, users select a body part and see how it is affected during sleep. Additionally, there's an explanation layer for each screen element.

Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot Sleep Anatomy Application Screenshot

Development

We developed a prototype in HTML5 and Javascript. You can try it here. The demo is optimized for iPads with retina display and I'm sure there are some bugs left. Try at your own risk.

Credits

Concept/Design/Development: Philipp Schmitt, Louis Fischediek and Niclas Hägele
Consulting: Roger Walk
University: Hochschule für Gestaltung Schwäbisch Gmünd