Mobile application for making an appointment at Beauty Salons

OVERVIEW

Pink Avenue is an app that allows users to make an appointment for a beauty salon visit in advance. It allows you to find beauty services in the desired location, pick a date, and make an instant booking. 

PROJECT GOALS

Its goal is to provide a fast and easy way to get a beauty appointment today. It allows stylists and visitors to have a simple scheduling system so they can keep track of their appointments.

Role

Duration

KEY Skills

UX / UI Designer

6 weeks

UX Research

Visual Design

Prototyping

PROBLEM STATEMENT

The founder of Pink Avenue wanted to make it easier for the customers to make scheduling system at the salons. She got inspired by Uber and wanted to combine it with Groupon in the field of beauty services.

Frame 38 (1).png

WHAT I DID

My Role was to do an end to end project with stress on a  UX part.

As the only UX designer in the team, I owned the entire product from initial ideation to tweaking pixels right before rollout.

  • I have been working fully remotely and with a small agile team of a Project manager, Software Engineer, QA engineer, and Product Owners.

  • Did UX research, Low fidelity wireframes, clickable prototypes, and user tastings

DESIGN PROCESS

I have followed IDEO’s human-centered design model to make sure my design decisions were supported by enough research so I have started the process with user research and ended with validation.

Understanding Content requirements, Project goals and highlighting functionality requirements for potential users based on the Research analysis and Researched competitors

Created Customer Journey maps for different phases of my app to determine the problems. Based on the user needs to create three user personas who combine a group of people with the same needs.

Used User scenarios to design the first paper sketches for each flow separately. Used Figma to create high fidelity wireframes and made them clickable for user testing.

Created High fidelity mockups and shared with the team for feedback. Testing prototypes with clickable screens for user tastings.

USER RESEARCH

Although almost everyone is visiting the salon and could be considered as a potential user of the salon booking application, I have focused more on some user groups who might be more likely to use Pink Avenue on a daily basis.

USER SURVEY

With the user groups in In my mind, I have created a user survey in my google doc and sent them out to my email contacts differentiating from the salon workers and other users.

Sample Questions

VALIDATED ASSUMPTIONS

  • Most participants faced flexibility issue when choosing date and time at the booking stage

  • Almost half of them never knew that can easily schedule an appointment at a nearby salon via phone app

Frame 43 (1).png

COMPETITIVE ANALYSIS

After highlighting and validating the main user needs based on the survey, I did a Qualitative Competitive analysis of 4 main competitors in order to find the gap in the market and fill it.

Understanding the landscape of competitors not only helped me to improve my design decisions but it also helps inform the overall product strategy. A UX competitive analysis gave me an idea of how to create a superior product that would stand out from competitors.

PERSONAS

Based on the takeaways from the Survey and Competitive analysis I have grouped three types of Pink Avenue Users:  Salon clients, Salon Workers, and Solo Hairstylists. In my study, I have created user cases separately for each of them.

UNDERSTANDING USERS

After interviewing users started filling empathy maps based on their answers (filled empathy maps for each of them individually) at the same time was keeping it alive by revising and adjusting them with more research.

Admin Side

USER CASES

With the user groups in my mind, I have created user cases for each user group. Used Paper task flows and created wire-flows which used later on for Low Fidelity wireframes.

         Takeaways

  • Storyboards: Created separate storyboards for salon users and managers

  • User Flows: Created separate user flows for each use case and used them for prototyping

  • Used aggregated empathy maps for the user segment

SKETCHES

Based on my User Flows and Wire-Flows I began out sketching screens for mobile app.

After a quick sketch with pencil and pen, I jump into the Figma to create low fidelity wireframes to get ready for prototyping and Wireframing.  

Frame 45 (2).png

WIREFRAMES

Shared clickable prototypes for testing purposed with team members first, in order to find usability issues at an early stage.

FINAL WORK

BASED ON THE PAIN POINTS AND EXPECTATIONS

65+

Screens for each side Admin+User Side

20K+

Investment has been done due to this project so the startup who has hired me will start working on the web application as well.

Takeaways

In general, this project helped me to show my understanding of the business goals and user needs for a project, introducing and implementing into the project. At the end feel more experienced in User research, Competitor analysis, and Marketing strategy.

Group 3433 (2).png

OUTCOMES

WHAT I learned ?

  • Even though the usability testing was completed successfully, it doesn’t mean there is no need for improvements.

  • In-person Usability testing would allow me to learn more about my users like the way they behave might be completely different from the way they have answered the interview questions.

Challenges

The major challenge was to meet user needs for different groups of people in the one application.

This is where I would like to improve this project because of the fact the user goals and needs are completely different when using this app.

Like what you see?

Let's chat.