BookAsana

How I designed a tool that simplifies the process of finding and booking yoga classes, connecting yoga enthusiasts with various local schools
Product
A yoga classes booking app and website that connect yoga students with yoga schools form their area
project type
Conceptual project
duration
August 2023 - February 2024

Introduction

This case study details my journey through creating my very first UX design project, BookAsana, as part of the Google UX Design course. Embracing the "Learning by Doing" approach, I embarked on designing a mobile app dedicated to simplifying the process of finding and booking yoga classes. This project taught me invaluable lessons and provided firsthand insights into the world of UX design.

Ready to dive deeper and explore my design journey?

My role

This is a personal, conceptual project that allowed me to guide every step of the design process. I conducted the project from start to finish and as part of the Google UX Design course, I tackled:

  • Conducting user research
  • Defining problems and extracting insights for ideation
  • Crafting personas, user journeys, service blueprints, empathy maps, and user flows
  • Creating both low-fi and high-fi wireframes and prototypes
  • Conducting thorough usability studies

Design process

the problem

Lots of yoga lovers find it hard to search for classes because they have to go through lots of different apps and websites. Then, comparing the classes and schedules of different studios is tough and takes up a lot of time, making it annoying to book.

the goal

To simplify the process of finding, comparing and booking yoga classes eliminating the hassle of inefficient searching and comparisons for users. Designing with a mobile-first approach.

USEr research

To understand user frustrations, needs and requirements, I conducted a foundational research through interviews with yoga students and teachers. My goal was to gain insight to understand the process users go through while comparing, finding and booking yoga classes that fit them best. I decided to interview yoga school teachers to get familiar with business’ perspectives.

Which helped me discover this persona

Hanna is a yoga enthusiast who needs a more efficient way of booking various yoga classes because she wants to combine yogi’s life with professional career and find classes that fit her schedule.

competitors analysis

I analyzed three enterprises and their processes of searching for and booking a sports class by mapping out the flows in mobile apps and on their websites. My aim was to quickly understand what type of experience users receive when booking a class, identify design patterns, and shape hypotheses about which searching and booking flow could work better for our users. I found that most processes are time-consuming and rigid.

From analyzing the competitors, there is an opportunity to create a platform that will connect yoga schools with potential students and offer users an easy way to compare and book classes.

This leads us to the questions…

How might we make the booking and cancellation system intuitive and seamless?

  • We might provide clear cancellation rules, specifying how many hours in advance you have to cancel to avoid fines.
  • We could offer to navigate to the schedule after a cancellation to find suitable classes to replace the canceled ones.
  • All classes the student is enrolled in might be available under 'My Classes' (example name), and the user can cancel or reschedule their booking from there.


How might we make classes tailored to students' needs easily accessible?

  • We might provide a convenient and detailed way to filter classes.
  • We can offer the option to add preferred schools to favorites and a search feature limited to favorite schools. - We could implement the option to save favorite filters and use them later (various customized filters saved).

USer flow

I selected the tasks "booking a yoga class" and "canceling a yoga class" based on my research findings, which indicated that these two actions pose the greatest challenges for users.

No items found.

Papaer wireframes

Focusing on the core identified during research, I sketched the first wireframes of the app and website using paper and sharpie/pencil.

No items found.

Low-fi wireframes

I then translated my chosen sketch into my first set of low fidelity digital wireframes and conducted my first round of usability testing to test the flow of the app and catch any issues early on.

No items found.
No items found.

Usability study

Study type: moderated usability study

Location: Poland-Germany (remote)

Participants: 3 participants

Length: 30-35 minutes

Disclaimer: I tested the usability using only low-fi wireframes of the app. I hadn't created website wireframes at that point; they came after the study.

Usability study findings:

  • Class Booking Flow: A crucial step involving payment confirmation is absent. It lead to user uncertainty regarding payment status.
  • Subsequent Screen Search Bar: The search bar on subsequent screens lacks specificity, causing user confusion. They were not sure what "When" and "Where" meant and whether they should input a city or a school name.
No items found.

High-fi wireframes

After the usability study, I implemented my findings and applied a determined visual identity to my high-fidelity wireframes.

No items found.
No items found.

Final result

This prototype illustrates the final design after implementing usability study findings and establishing a clear visual identity.

Test the complete prototype yourself here!

Lessons learned

Reflecting on my journey with the BookAsana project, I've gathered several key lessons that have significantly shaped my approach to UX design. What did the BookAsana project teach me? Beyond the technical know-how, it gifted me invaluable insights that only come from firsthand experience. Here are some of them:

Learn from my experience: Avoid spreading yourself too thin. Initially, I attempted to design both a mobile app and a responsive website as one project. However, I soon realized this wasn't the best approach. It became clear that each deserved its own dedicated attention. This case study will mostly present my path of creating the BookAsana mobile app because I spent more hours and energy working on the mobile app.‍

Define your project scope early or listen to your stakeholders: In my first project, I played the roles of manager, employee, and client, leading to ambitious goals but unclear constraints. Wanting to serve both end users (yoga students) and business clients (yoga schools) seemed doable initially. However, I soon realized it was too much for a newbie UX designer. Despite spending hours empathizing with yoga schools, I learned the importance of managing project size efficiently.‍

Follow the accessibility guidelines: I didn't always pay attention to this, and not all of my contrasts are high enough. Now I understand that ensuring high contrast and accessibility is crucial for creating inclusive designs that everyone can use comfortably.

Check my second case study

Freelance project
Prüfengel Institute
How I designed a customer portal to streamline the certification process and enhance user experience
Check it out!

Let's have a chat!

Phone number: +49 1516 8488502
E-mail: karolina.wojnicka2312@gmail.com

Check me out!