Coherence Meditation App

Digital Product Design

The Coherence Meditation App helps health-conscious, spiritual people bring tranquility to their lives and to the world, by increasing a feeling of collective connection and oneness, while balancing the mind and body via synchronized, focused meditation. Unlike apps such as Headspace, which focus on meditation in isolation, Coherence is built on synchronized practice; research has shown it can affect the collective consciousness in ways that individual meditation cannot.

Coherence app onboarding screen mockup on a floating iPhone: Expand your consciousness, Save our world, above a geometric globe

Onboarding mockup: “Expand your consciousness. Save our world.” above the geometric globe.

Coherence app home screen mockup greeting Lynne with weekly activity bar charts for the user and all users

Home screen: personal and all-user activity charts beside the Prepare to cohere button.

Coherence app Prepare to cohere screen mockup with intention dropdowns and a Commence button

Prep screen: intention prompts before a session; “Make selections or Commence to start.”

Two Coherence app mockups: a meditation screen with a pulsating sacred-geometry globe and 7,357 people connected, plus a thank-you screen

Meditation and congrats screens: breathing with the pulsating globe, 7,357 people connected, then a thank-you.

Onboarding Flow

The onboarding flow clearly explains the concept as it builds, and allows users to sign in via multiple social channels including Facebook, Twitter or Google, so as to maximize the number of participants.

Five iPhone screens of the Coherence onboarding flow, from concept explainers to sign-up via Google, Facebook or Twitter

Onboarding flow: five screens build the concept, ending in sign-up via Google, Facebook or Twitter.

Hero Flow

The hero flow provides a data visualization to show individual user and overall activity. As an engagement method, we gamify the app's usage by creating a level system. Users increase their level/ranking in accordance with the amount of time they spend in the app. Users can also increase their level for posting in the message board. The ranking corresponds to the ascension of the chakras.

Five iPhone screens of the Coherence hero flow: home dashboard, Prepare to cohere, menu, meditation and thank-you

Hero flow: from the activity dashboard through Prepare to cohere and meditation to the thank-you screen.

Design Process

To create the app, I wrote a value proposition statement, listed scenarios for how people could use the app, conducted desk research to explore analogous domains, created an object model of features I wanted to include in the app, wrote up the brand personality and brand persona, listed engagement methods, put together an element collage to influence the style and design, created pencil prototypes and low-fidelity prototypes and conducted user testing, created greyscale wireframes, a final brand personality style frame, and then created the high-fidelity prototypes, which I put through user testing.

Coherence design process frame: sticky-note object model, user flow diagram, brand personality page, Sketch wireframes and style guide

Design process: sticky-note object model, user flows, Sketch wireframes and the brand personality style frame.

In Brief

Coherence is a meditation app designed by Husani Barnwell around a differentiating idea: synchronized, collective practice rather than meditation in isolation. Onboarding built for scale, a gamified hero flow that maps progress to the ascension of the chakras, and a documented design process running from value proposition and object modeling through pencil prototypes, user testing and user-tested high-fidelity prototypes.