Tag: Medical

DeStressify

Posted on May 1, 2015 by - Brand, Design, Development, Mobile, User Experience

Objective

Design an app that will help people reduce stress by incorporating anxiety reducing exercises into their daily routine.

As the lead designer, I designed the entire user experience from wireframes all the way through the final design. I also wrote all of the styling code for the app. I wanted the app to feel very calming and relaxing but also have a bit of a medical feel to add some credibility.

Main sections

The app has 3 main areas. There is a library of practices, a calendar to help stay on track, and written content to educate users on the science around the causes of stress as well as how to control it.

category

Practice are grouped by category

The exercises and practices are broken down into 6 categories. Each category contains audio, video, and written content.

plan

Calendar

Users can create a schedule to help them say on track. They can also see which days they completed or missed a scheduled practice.

practice

Individual practices

Each practice includes the ability to rate and comment. Users can share their thoughts on each practice to find which ones work best for them.

learn

Education section

Users can learn more about how and why these practices work as well as the causes of stress and the science behind it.

phones

Users can track their progress

As users continue to use the app, their progress is tracked so that they can start to see trends and learn which practices work best for them. The graphs are created using Flot.

progress

Partner versions

These are white label versions of the app that companies and organizations can distribute to their employees and members. I design a custom theme for each one.

3-tablets

Website

The website is used both for marketing as well as a location to buy and manage partner versions of the app. I also designed and built a co-branded store for users to buy products offered by authors featured within the app.

website