Mobile UI Design: Zen

Create calm mockup.png
Summary:​
  • In this project I collaborated with a team of UX/UI designers at the Memorizely UI design program to create an onboarding experience for a meditation app that would boost the conversion rate of the users.

Problem:
  • Stress is a leading cause of many of our mental and physical health issues.

  • Users need a way to learn meditation through a reliable source thats easily accessible.

  • The "business goals" were to increase conversion rate through a new onboarding experience. 

Solution:​
  • A small team of UX designers and I will create an engaging onboarding experience for a meditation app that would boost the conversion rate of users.

User Persona:
 
User Persona:
 

We created a persona to better understand our users.

Frame 14 (3).png
Competitive analysis:
 
Calm - On_boarding - Screen 5.png
Calm - On_boarding - Screen 7.png
Headspace - On_boarding - Screen 4.png
Headspace - On_boarding - Screen 2.png
Wireframes:
 
Spalsh screen.png
Welcome & Get Started.png
Account set up.png
Account set up (1).png
Account set up (2).png
Account set up (3).png
Account set up (4).png
Walkthrough.png
Walkthrough.png
Walkthrough (1).png
Walkthrough (1).png
Poppins
 
Typography:
 
Frame 2.png
Screen Shot 2022-11-02 at 4.00.25 PM.png
Screen Shot 2022-11-02 at 4.04.14 PM.png
Color:
 
Frame 14193.png
Frame 14191.png
Interactive Components:
 
Frame 14195.png
Frame 29 (2).png
Frame 14196.png
Frame 14197.png
Frame 29 (3).png
Navigation.png
Prototype:
 
Flow Mockup (1).png
iPhone 13 Pro.png
iPhone-13-Pro-Front.png