UI Design

Unplug meditations

Unplugging the chaos, redesigning the meditative experience with Unplug

During a 12-week user interface training program at Memorisely Bootcamp, I conducted a redesign of the Unplug Meditation app. My tasks included enhancing the app's interface, incorporating a more cohesive design system, and increasing the accessibility and ease of use of the app. The project took approximately 5 weeks to complete, from the initial planning phase to the creation of a prototype.

My role

Competitive analysis, UI Design, Prototyping

Time

2022 / 5 weeks

Client

Unplug / Memorisely

My role

Competitive analysis, UI Design, Prototyping

Time

2022 / 5 weeks

Client

Unplug / Memorisely

Overview

Project brief

Unplug is a meditation product in a competitive industry. Within the product there is not much hierarchy of information, the color palette is not accessible, components and spacing is not consistent and the general experience of finding and selecting a meditation is not clear.

Goals

For this case study, we were tasked with applying the Bootcamp curriculum. We were given five weeks to improve the overall interface of the Unplug App, work through the foundations, build up all of the components and create an interactive prototype with everything made.

The unplug app before

  1. Design audit

Market & User research

Given the time constraints, we weren't able to conduct extensive research. However, in order to make more informed decisions, we aimed to gather some initial background information.


  1. Researching the company behind the product, their vision, and the current design approach used in their product.

  2. We explored the most popular meditation apps in the market, examining their features, common UI patterns and what made their UI appealing.

  3. We examined user reviews to understand how well the app was currently performing and identify any common user issues that could be addressed in the redesign process.

Evaluation & recommendations

To begin the redesign process, we performed a brief examination of the existing design, with the goal of finding areas that can be improved. Suggestions for enhancing the overall experience, addressing inconsistencies and needed updates for design elements.

Design annotations

  1. Redesign

Moodboard & Design principles

Given that the Unplug brand extends beyond just the app, we decided to maintain close to the current brand identity and integrate it more effectively into the app's user interface. We established a set of design principles that aligned with the brand's look, feel and vision to guide our design choices throughout the project.

Wireframes

We decided to concentrate on two user journeys: the onboarding process and the flow for discovering and completing a meditation session. To begin, we examined various options on paper and developed low-fidelity wireframes.

Foundations

We started the visual design process by establishing the foundations for the design. This included creating a grid and typography system, as well as a color palette that evokes a sense of calm, aligns with the brand, but with a warmer touch and meets accessibility standards.

Components

With the structure of the screens set, I began experimenting with different design options for the various cards that we required. Once we had a solid design for the components, I began developing them into a set of reusable components that could be easily integrated into the interface.

  1. End result

Final designs

Below a quick overview of the current product and the redesign.


  • Updated color palette and on brand visual style

  • Personalised homepage with meaningful sections

  • Subcategories for meditations to help navigation

  • Visual differentiation between courses and meditations

  • Labels to highlight new content

  • Elevated photographic direction

Before & After

Prototype

Contact

let’s get in touch

Interested in chatting about a project, job or simply having a casual conversation? Feel free to contact me.

Contact

let’s get in touch

Interested in chatting about a project, job or simply having a casual conversation? Feel free to contact me.

Contact

let’s get in touch

Interested in chatting about a project, job or simply having a casual conversation? Feel free to contact me.