bradreeder
commented
7 years ago Hi Dan, this is what I've got so far (bar the screencast, product owner quote, and screenshots). Let me know if you have any suggestions for edits or if it needs to be shortened:
Summary
Breathe With Me is a mobile web application that takes user-centred design as first principle. With smooth, flowing transitions, and soft, ambient music, it guides the user through a deep breathing meditation using animated animal avatars as a point of focus. Any time you need a break you can Breathe With Me.
Challenge
Young people who suffer from anxiety need methods they can utilise regularly to manage stress and build resilience. Deep breathing and mindfulness are well researched techniques to do this for their calming affect.
Many clinician tools focused on stress management lack an aesthetic sensibility that appeals to young people, and so we needed to build something that can teach these exercises and promote self-care while being engaging enough for regular usage.
Solution
We built the app as a progressive web application, with cross-browser functionality and responsive design, so that it is available on any smart device or desktop, online or offline.
Our focus was on creating an attractive and atmospheric experience for young people. With cute characters whose simple movements and first-person prompts guide the user as they breathe into the immediate and calming affect of the breath.
Technologies
We implemented the following technologies to accomplish this:
Greensock.js Sass SVG Service Workers App Cache Granim Webpack
sofer
See https://github.com/foundersandcoders/case-studies and https://github.com/CYPIAPT-LNDSE/breathing-with-kitty