Perspective-App-Screens-Mock-Up.png
 

headspace in-app experience

UI/UX

The challenge

The potential for user’s to reserve and control a Zenspace via the Headspace app is a defining design feature, however this was only a concept. There was no thought put into how this would define the overall user journey and experience. The challenge was to use the existing Headspace app structure to develop a user interface that integrates with Zenspace and to leverage existing partnerships with Google and Spotify to further define the user experience within the space. 

Skills

User journey and flow mapping, wire-framing, illustration, brand strategy

Tools

Adobe XD, Illustrator, Photoshop, After Effects, Overflow

time frame

Personal project | March - May 2019

The Approach

Research defined the potential users and uses for the space. The next step was to define every aspect of the user’s journey. How would they find, reserve and navigate the ZenSpace? I used sketching and Adobe XD to develop a loose wireframe for the in-app experience that could be used for gathering design feedback.

Screen Shot 2019-06-28 at 3.18.56 PM.png
 
 
Screen Shot 2019-05-06 at 7.14.43 PM.png
 

User flow: find

A map in-app allows users to find and filter Zenspaces nearby. Once a Zenspace is selected, users can view a description of the space and an availability calendar. 

Screen Shot 2019-05-06 at 7.16.50 PM.png

User flow: reserve

Users can reserve the space by selecting a start time, session duration and notification settings. Edits can be made to the reservation from the home screen up until the session starts.

Screen Shot 2019-05-06 at 7.30.56 PM.png

User flow: Arrival

When the user walks through the Zenspace door, an iBeacon sends a mobile notification for the user to begin the session. This immediately launches the Headspace app to the session start page where users select a path based on their familiarity with the space.

Screen Shot 2019-05-06 at 7.17.13 PM.png

User flow: Arrival Onboarding

New users can select a guided intro that walks them through all of the features of Zenspaces before returning them to the start screen. 

Screen Shot 2019-05-06 at 7.17.25 PM.png

User flow: Control

From the start screen, users can cast their mobile device to the Home hub at the door. They are able to make any physical adjustments to the environment doing this and they can select how they would like to spend their session, allowing them to switch between the options until time runs out.   

Screen Shot 2019-05-06 at 7.17.32 PM.png

Realized User Journey

Screen Shot 2019-05-06 at 7.17.40 PM.png

Full Screen flow

Screen Flow All.png
 
 
Home-Hub-Headspace-Large.png
 

The Strategy

I further developed this concept by developing trend implications and applications for the Headspace brand based on the projected trends for year 2025.

Mid Term Application

Leverage developing AI technology to integrate an AI “pal” into the Headspace app that acts a personal journal. This helps users to reflect on and go about their day more mindfully. At the end of the session, users are given the opportunity to delete the info recorded in their session or to keep it as a digital memory.  

Far Term Application

Expand the installation of contemplation spaces onto corporate or campus’. These spaces have the potential to offer structured, timed breaks for workers to improve their efficiency, mood, and overall creativity. This home hub and Headspace app duo could be a cost effective approach in pre-exisitng meditative or “quiet” rooms to help promote contemplation and improve overall user and brand experience.

Mid-term application

Mid-term application

Far-term application

Far-term application