Loading

You made it!

100%

Meditation App

About

Zendo is a meditation app designed to provide users, particularly stressed individuals aged 25 to 40, with a convenient platform to access and engage in various meditation practices. It offers a clear overview of available meditations, allowing users to browse, play, and save their favorite sessions for a personalized experience.

My Role

UI Designer
Motion Designer

Tools

Adobe XD
Adobe Photoshop
Adobe Illustrator
After Effects

Timeline

3 Weeks

The primary objective was to create and animate user interfaces for the meditation application. This involved defining three core brand values, developing a style guide, designing high-fidelity app screens based on mid-fidelity wireframes, and crafting storyboards for user interface animations.

To establish a cohesive visual identity, I researched existing meditation apps like Calm and Insight Timer. The identified core values - soothing, soft, and minimal - guided the creation of the color palette, typography, iconography, and illustration style. Drawing inspiration from successful apps, I aimed to ensure Zendo's design resonated with its target audience.

Four mid-fidelity wireframes were provided by a UX designer colleague, which I transformed into high-fidelity wireframes using the established style guide. The focus was on creating a user-friendly interface that allows for easy navigation without overwhelming users, aligning with the app's purpose of promoting relaxation and mindfulness.
The high-fidelity interfaces were crafted with user-friendliness in mind, aiming for simplicity and ease of use. The design prioritizes clarity, enabling users to concentrate on meditation techniques without unnecessary distractions. The chosen minimal aesthetic ensures a tranquil environment, and subtle motion elements were introduced to maintain user interest while gently guiding attention.
Incorporating animations, I sought to enhance the user experience by guiding attention without causing disruption. Opting for simple, smooth, and natural-looking motions, the animations complement the app's primary goal of meditation and relaxation. The careful selection of animations aims to create a serene atmosphere, ensuring users feel comfortable and engaged during their meditation sessions.

Screen Transtitions

Microinteractions

Logo Animation

Design Challenges and the final UI Animation

Designing Zendo involved overcoming specific challenges to ensure the app is easy to use and promotes a calming experience.

1. Balancing Simplicity with Features:
‍Challenge: Making the app look simple without missing important features in the UI.
Solution: Through design discussions with my colleague , I found a sweet spot, maintaining simplicity in the UI while including all necessary features.

2. Animating Without Disturbance:
‍Challenge: Adding animations to guide users without being distracting during meditation.
Solution: I carefully selected gentle animations and refined them through incorporating user feedback, to ensure they enhance the user experience without causing disruption.

Previous Project Next Project