Current Mindfulness

An IoT connected Chrome Extension serving micro-doses of mindfulness

Role
Agile Product Owner
UX/UI Designer
Front End Developer
Team
Ananya Huria
Eason Pan
Charity Principe
Karl Kim
Rex Shi

Challenge

How can we make the practice of mindfulness more accessible in the work-place.

Project Background

This project follows a previous project, Haven, that explored mindfulness in the workplace through an IoT powered solution that could transform any workplace room into a meditation space. Over the course of the previous project, we validated mindfulness in the workplace as a solution to address workplace stress and anxiety.
While our previous project was successful in creating an immersive and transformative experience, it was primarily conceptual and challenging to implement and distribute. For this follow up project we sought to explore how we could make our solution as scaleable as possible, and started with the goal of shipping an actual product.

The Problem Space

Problem

Workplace mental health issues cost the Canadian economy an estimated $33B in lost productivity

Modern workers can suffer from

  • Decision Fatigue
  • Information Overload
  • Poverty of Self-Regulation
  • Distraction

A Possible Solution?

Companies that have introduced a workplace mindfulness program have saved and estimated $2000/employee and gained an estimated $3000/employee

Mindfulness has been show to:

  • Improve concentration
  • Alleviate stress & anxiety
  • Increase productivity

If mindfulness is so great, then why doesn't everyone practice it?

Because it's hard.

So how might we make mindfulness easier to practice?

Early Prototypes

Using the double-diamond converge/diverge approach, we explored a wide range of early prototypes that would allow us to expand the meditation room experience to a larger audience. This included prototyping proprietary hardware, and building a lo-fi Alexa Skill.

Taking Haven on Tour

As part of our research process we met with as many potential users of our product to validate the usefulness and business case. We had the opporunity to interview, demo or casual brain-pick some very smart folks from Telus Innovation Lab, Spaces, WeWork, Metalab, Accenture, SFU, CMPNY

Reality Check

With some additional time spent researching, refining and testing we ended up where we started off, doubting the feasibility of a meditation room. While we were certainly scrappy and resourceful when it came to prototyping, none of the team members have hardware experience, and given that we wanted the experience of launching an actual product we came to the hard realization that we had leave our room idea behind. Nearly half way through our 12 week project cycle, we’d have to find a more scaleable way to bring mindfulness to the workplace.

Pivot & Prototype

Back at the drawing board we cast the net wide again, and rapidly prototyped several solutions including a marketplace for wellness practitioners, a Chrome Extension, and a meditation Slackbot among others.

Ideating on how we can bring mindfulness to the workplace in a way that's feasible, desirable and viable.

User flow diagram

Low Fidelity Mockup

Visual Language

To define our visual language we developed multiple moodboards exploring different possible visible directions. Once we'd aligned on a selected moodboard, we created a style tile containing high-level UI, typography and illustrative look & feel. As this was a short timeline we didn't have the runway to develop an entire system, so we relied on the style tile for alignment on our team, which consisted of multiple designers.

Style tile used for alignment on visual language

Moodboards exploring visual directions

Clickable prototype

High fidelity mockup

Current Chrome Extension connected to Philips Hue lights

Development Strategy

This was an amazing opportunity to learn the Chrome Extension development process. Additionally with some amazing mentorship from Karl Kim, I had the opportunity to learn ReactJS.

Karl and JoJo pair programming

Our animations and visualizations were achieved using SVG animations, animated by AnimeJS. The idea here is that we could quickly role out new modes without having to source images or illustrations. Rather we could programmatically generate visualizations. To generate a new visualization we just needed to pass SVG path data, to create shapes, and colour values to generate gradients. Programmatic visualizations also meant that in the future, we could allow users to control visualization parameters, or have the visualizations respond to some sort of user-feedback.

SVG path data, and HEX colour codes passed to React component rendering dynamic visualizations

We lauched it!

The team, plus Rex on FaceTime as we pressed the publish button

Our Solution

An IoT enabled Chrome Extension serving micro-doses of mindfulness.

Easily achieve the recommended 10 - 15 minutes of mindfulness practice per day in small digestible breaks

Key Features

  • Gentle reminders
  • Micro servings of mindfulness
  • Progress tracking
  • Manage time on distracting sites
  • Digestible mindful breaks
  • Connect to Phillips Hue lights to instantly transform your space into a restorative environment
Visit Website

Current Mindfulness landing page: currentmindfulness.com