Unplugging the chaos

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.

Client

Unplug / Memorisely

Role

Competitive analysis, UI Design, Prototyping

Time

2022 / 5 weeks

Time

2022 / 5 weeks

Unplugging the chaos

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.

Client

Unplug / Memorisely

Role

Competitive analysis, UI Design, Prototyping

Time

2022 / 5 weeks

Time

2022 / 5 weeks

Unplugging the chaos

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.

Client

Unplug / Memorisely

Role

Competitive analysis, UI Design, Prototyping

Time

2022 / 5 weeks

Time

2022 / 5 weeks

01

Project brief & Goals

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.

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.

01

Project brief & Goals

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.

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.

01

Project brief & Goals

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.

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.

Current Unplug app

02

Research & design audit

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.

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.

02

Research & design audit

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.

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.

02

Research & design audit

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.

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

04

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.

04

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.

04

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.

We make it inspirational and personal

  • Discover as many ways to meditate as there are to make an egg..

  • Meditations for any situation.

  • The meditation app for people who think they can’t meditate.

  • Meditations for real people by real people (who also happens to be experts).

Simple, consistent,
and every day

  • Our mission is to make it effortless to learn, and to inspire you to pause, breathe and unplug daily for just a few minutes a day.

  • We make our meditations feel short by keeping them simple, modern and fun.

  • We help people building a habit.

Clean, calm, 

and functional

  • Unplug’s clean, modern design calms you the instant you walk through the door or log on to our website.

  • Meditation can be delivered 

without excess fluff or fuss.

05

Wireframing

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.

05

Wireframing

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.

05

Wireframing

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.

05

Foundations & components

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.

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.

05

Foundations & components

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.

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.

05

Foundations & components

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.

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.

06

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

06

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

06

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