Mobile

Mat

Yoga App

Mat yoga app screens layout

Mat is a mobile app that helps people who want to practice yoga find the teachers or studios that are a good fit for them

Personal project

Concept

UX

UI

User Research

Prototyping

Branding

I decided to become a Yogi! đź’Ş
(spoiler alert: Is wasn’t easy)

Three years ago, as a true couch potato I decided it’s about time I start being active. I decided to practice yoga.

Finding a place to practice was more difficult than I expected. I looked for information online, and found partial information about prices, schedules, teachers, or types of yoga… I turned to Facebook groups and friends for recommendations, but the information there was also confusing…

I found myself abandoning the search again and again.


The problem:

Finding a place to practice yoga and sustain a healthy, stress-free lifestyle.

The solution:

Creating a platform that will connect people who want to practice yoga with the teachers or studios that are a good fit for them, so they can persist practicing yoga, live a healthier, stress-free life and avoid illnesses caused by pressure.

Solution overview

Before we dive together into the research and decision-making process, take a look at the key features of the product – Mat yoga app:

1. Find the Next Yoga Experience

A location-based search for a yoga teacher, class, or studio is one of the features Mat offers. The results can be modified using the search bar or the filters.
Mat find the yoga class for you screen

2. Get to Know the Teacher

Will Sarah be a good fit for the user?

To address the significant pain point of finding the right teacher, it was important for me to build a teacher profile page that would allow access to content that may interest practitioners at all levels.

3. Book a Classes via the App

Mat allows users to book a yoga class via the app. The user can buy credit in the app and pay any yoga class or studio with that credit, no strings attached.

How can I find a place to
Practice Yoga?

Research

Market Analysis

There Must Be a Solution Out There! Before diving in, I conducted a thorough market analysis to make sure that I haven’t missed any existing solution to this problem.

I found two platforms featuring an easy and intuitive search, booking, and payment for fitness classes, including yoga (ClassPass and Mindbody). However, those platforms were not yoga-oriented. They didn’t offer needed information regarding teachers or genre. I found a third platform that was dedicated to the yoga world, but it lacked booking or payment features (YogaTrail).

Online Survey

Looking to find out what the main pain points of yoga practitioners are when it comes to finding a place to practice yoga, I conducted an online survey. I distributed it among relevant Facebook groups. The survey targeted individuals who have experience in yoga practice and had a total of 49 responses.

Survey Results

0 %
Searched for information in more than one place in the process of finding a place to practice yoga
0 %
Indicated that finding the right yoga instructor was one of their core pain points
0 %
Of the respondents were women

User Persona

Based on the survey, I developed a user persona to refer to in the process: Lauren Hobbs. The persona is mostly based on the hyper-engaged responders of the survey.

Jobs to Be Done (JTBD)

To understand what does Lauren wants to achieve and way, I used the JTBD methodology. I learned that Lauren has a lot of pressure and stress managing her own business. She is looking to improve her quality of life and reduce stress by engaging in physical activity to give her some balance – both mentally and physically.

Jobs to be done sticky notes

Existing User journey map

key insight: the main problem that makes Lauren abandon the search appears when she comes across partial information.

This is Lauren’s journey:

"This routine is exhausting"
Lauren feels exhausted and powerless during her daily routine.
"I'll go back to practicing yoga!"
She decides she wants to go back to practicing yoga!
Google, Google on the wall...
She turns to Google to get the information she needs. Google, where can I practice yoga in Vancouver?
"OMG. This is too much!"
She finds a lot of partial information about studios and teachers in her area. Some of them do not publish the schedule, prices, or information about the teachers and method.
"I'll come back to it later"
She abandons the search.
"OK, maybe I'll try to call them"
At some point during another studio's site browsing, Lauren decides to try getting some more information by phone.
"Where can I find the schedule?"
Lauren calls one of the studios nearby to ask for more information about their schedule.
"Let's give it a chance"
Lauren schedules a trial lesson.
"I need to go back on the search"
Lauren finishes the class and realizes that it wasn't for her. It was very slow and the teacher spoke Sanskrit and Lauren didn't understand her guidance.
"Why can't I find a place to practice yoga?"
Lauren goes back to Google in the hunt for a new yoga class that would fit her, but this time without much hope.
"I give up..."
After this process happens again and again, Lauren can't find the place for her and stops the hunt for a yoga place.
Exhausted
Motivated
Motivated
Overwhelmed & Confused
Motivation window is closing...
Motivated
Frustrated
Motivated
Disappointed
Frustrated

Designing the solution

Based on the research, I started to think about the way I want to solve the problem. I decided to make a mobile platform that Lauren could use on the go.

Prospective User Journey Map – Using The App

I used the UJM model again, but now with the app in mind. How would Lauren’s experience be different with the app? How would the app address her pain points and provide her with all the information she needs?

Meet

Mat.

Your yoga consultant​

Mat yoga app logo I also designed Mat's logo ✍️
Mat yoga app mockup

Mat is here to help you find all the information you need to practice yoga and keep a healthy, active and calm lifestyle.

Spend less time searching and more time on the yoga mat.

Design & prototype

Onboarding Flow

Get Started in 3 Simple Steps

Apart from the sign-up process, I chose to address two brief issues that could help Mat personalize the content for the user.

No worries – this can be changed at any time in the user’s profile.

1. Sign up

Sign up using your mail, Facebook or Google account

2. Yoga skill level

Help Mat personalize the content just for your yoga skill level.

3. Location access

We will use your location to adjust the yoga activities offered to you by your current location.
What is you yoga skill level screen - Mat app
Allow us to access your location screen - Mat app

Exploration Experience at the Home Screen

This is the place the user can see tailored offers for him or her and explore the yoga opportunities nearby. The user can also stay up to date with friends’ activities in the yoga world and read articles in the yoga magazine that contains tips and recommendations.

First use
Mat home screen first use
Coming back for more yoga
Mat home screen with customized suggestions

Filter The Best Yoga Experience for You

The “Find” section of the app offers a location-based search for a yoga teacher, class or studio. The user can filter the results and tailor them by his or her preference. The filters can address the needs of the users who know exactly what they want.

The user can divide the screen between the search results and the map view.

Find screen mat yoga app
Filters for a yoga classe
Filters for a yoga classe

Teacher’s Profile Page & Schedule

This is where the user can get to know Sarah and decide if she’s the right teacher for him or her. The floating “Schedule” button will quickly take the user to the teacher’s class schedule that can be displayed in a list or map view.

Profile to Schedule Flow

Teacher’s Schedule
List view
Teacher’s Schedule
Map view

Booking & Payment via Mat Credit

To complete the task of finding a place to practice and actually start doing it – Mat allows the user to book and pay for the lesson through the app. The user is not obliged to subscribe to a particular studio and can attend various yoga classes in his or her area or even elsewhere, like when on vacations or business trips.

Mat’s model also allows users to make payments through the app. The user pays money to claim a credit called “Mat credit.” For any charge over $40, the user gets 5% extra credit.

Payment & Booking Flow

Payment flow gif - Mat yoga app
Mat credit is now $42, so the user can book the class
Payment conformation screen with pop up

The User’s Yoga Calendar Is Accessible Via the Bottom Navigation

In the calendar section, the user can see upcoming classes and manage his or her bookings.

Mat app user's calendar - empty state
Mat app user's calendar

Notification

Congratulations! The user booked a class via Mat. Notifications will make sure he or she won’t forget about the class, and will also come up 30 minutes after the class is finished with a request to leave a review to hear how it was.
Notification on the user's phone that makes sure they don't forget about the class - Mat yoga app
Notification on the user's phone with a request to leave a review

User’s Profile

This section of the app is the place where the user can access their Mat credit, change their yoga skill level and keep track of the yoga they have been doing via the journal.
Lauren’s Profile Page

What's next?

Usability Testing

The next step in this project is conducting usability testing to refine and validate the solution.


Web Platform

In order to give the user a complete experience, I would like to design a web platform. As recent studies show, mobile usage is in a constant growth. With that said, in 2018, 42% of web visits in the U.S were made from a desktop, and the total time users spent on sites when using desktop devices was still larger than the total time for mobile (58% via desktop). Mat’s users can find it useful to access the platform via desktop, especially for teacher or lesson searches.


Yoga Retreats

Yoga retreats are a withdrawal from the daily routine to instead focus on the practice of yoga. Usually, it includes a stay at a peaceful and calm place or resort offering yoga activities for a few days.

I think it is worth considering offer information about and booking for yoga retreats via Mat to users. This requires further research into the scope of our users who may use it.

Final thoughts

Yoga has become increasingly popular in the Western world, mostly as a physical health practice, but also for stress reduction and general wellness. Finding a place to practice yoga can be an easy and friendly process. Moreover, It was important to me to not end the process there, but also to meet the need to book the class and pay for it without being tied to a particular studio..

When working on this project, I had multiple directions. The constant feedback I got was very important, helped me understand which direction is better to take regarding this project and of course deeply affected the end result.

In addition, I had the opportunity to try out the prototyping tool – ProtoPie, which was great and allowed me to articulate and present my design and micro-interactions.

Thank you

Take a look at the next one

Android + Web

A calendar app helping people manage their schedules & tasks

Schedule site - hero section