A beauty salon booking application and website

Project overview

People experience a lot of relocation of work or living places during their lifetime. Those who live in the big cities, prefer to go to the centers around their workplace or home for daily matters. Barbershop regarding routine affair is one of the things that is rare for a person to go to a hairdresser farther from home or work. Employed people have a problem with Finding a suitable hairdresser near their home/workplace or on their way. Sometimes a Barbershop even closes or moves and its clients have to look for a new one.

During our research, we found that sometimes people have an urgent need for a hairdresser, which is difficult to find it in a short time, wherever they are in the city.

Zhoon is a mobile application and website that enables users to make a reservation for their required services from a list of hundreds of salons. Users can choose based on ratings, reviews, location, cost.

Participant Profile

Target users were women (expanding the audience -means both men and women- take a lot of time and cost for the investor and project managers). In order to decide who our users will be, I had a short meeting with the stakeholders. We decided to consider the users of 2 groups which are employed women and housewives.

After a few phone calls with my friends and asking my colleagues, I came to the conclusion that our audience goes to the barbershop once every two weeks or once a month for daily affairs, and on average every two months for more specific service and preparation for the party.


The client needed a system where users can find their desired salon. Consider: location, services, prices, reviews, and photos.

Role & responsibilities

I was done this project when I was a freelancer.

My responsibilities:

  • conducting early market & user research
  • Creating and managing an early roadmap
  • Design user journey and user flows
  • UX & UI Design the app and website (customer side)
  • Assisted with QA and liaised with the development team


My Roles

  • Lead Product Designer
  • Design Researcher


PWA application and website


2 month

Team member:

 the technical team included 4 developers and I was the only designer/researcher.

Design Process

Phase 1

Customer & market research


  •  Competitive analysis
  •  Online surveys
  • User Interview

Competitive analysis

In order to better understand and define the requirements, I conducted market research.

I narrowed down our competitors to the Mahshee (the one service in my country) and Booksy which is based in the UK and I investigated their strengths, weaknesses, and the opportunities and threats that have been derived from them.

Online Surveys

To gather more information and quantitative data in terms of appointment-making, 40 people were surveyed.

Survey questions

  • How often do you visit a salon?
  • How do you make an appointment?
  • What are the ways that help you find an appropriate salon for yourself?
  • How long do you usually wait for your turn?
  • Are you ready to explore new salons if the quality of service is known beforehand?
  • How satisfied are you with your recent salon experience?
  • Do you book a specific stylist while booking the appointment?
  • Do you always get the stylist you requested?


The survey highlighted different habits regarding the appointment-making process:

  • 52% would make a phone call
  • 21% would go directly to the salon the arrange a visit

But I still needed to know the users and their thoughts, needs. Moreover, I needed to ask them what questions they ask in a phone call to a barbershop. Therefore, I decided to conduct the interview.

User  Interview


I had chosen User Interview as the last research method to get a detailed understanding of the frustrations and pain points also what users like and what they dislike.


2 households, 3 employee women

What did I learn?

Based on my findings, I found the following insights:

  • People still make a reservation by phone call
  • most of the time they should wait more than 15min until their turn
  • women are caring about others experience of a salon
  • Rarely they search on the internet to find a beauty salon (I have to admit that before researching I though people refer to the internet to find a salon)
  • If it was possible they will prefer to chat instead of phone call
  • They prefer to have a price list of the services instead of asking the price for any service

Phase 2

Affinity Diagram

Why I used it,

To organize the data that I gathered from the research phase in order to consider them in my design process. Also, I needed the involvement and support of the team.

How I used it:

When I wanted to start designing any flows I referred to this diagram to consider all the main points. When I wanted to talk about my design I referred to it to explain my decisions to the stakeholders and my team.

Here is some part of the diagram.

Pain points

  • waiting for a turn in salon wastes a considerable amount of time.
  • Physically exploring nearby areas for salons takes a lot of time, difficult for a person with a busy schedule.
  • Unsure about salon service quality due to no proper salon ratings and reviews.
  • Difficulty in trusting and trying out new salons.
  • Unable to pay online
  • Forgets about the appointment sometimes
  • Find a well-rated salon close to their current location
  • Not being able to find


To concrete representation of users, I created personas for our 2 user groups (employed women and housewives). It helped me during my design to consider both user groups. I remember when I wanted to design the home page, I was thinking of “Maryam” who does all the things that others do. If she saw a popular salon she definitely chooses that one. Also because she is a busy woman needs to know instant availability salons. Therefore, I decided to put 2 sections named “most popular salons” and “instant availability” on the home page.

Problem statement & generating ideas

By now I nearly knew our audience and their pains. I sat down with the entire team and drew up brainstorming about how to make the whole experience seamless and delightful.

Main Features:

  • Consider the cost of services
  • Search Nearby Salons
  • Ongoing Offers
  • Customer Ratings and Reviews
  • Save Favourite Salons
  • Online Payment Option
  • real-time availability schedule


At the end of the research process, I listed the requirements and prioritize them to help us during design or coding.


Phase 3

Ideate and prototype

To begin the design process, I created sketches to have some ideas about the interface and where the features place on the website.

Phase 4

Visual System

Color Palette

Visual Design

Based on the requirements and the whole user research I started the detailed design.

I presented the final product to my client and received multiple positive feedback about the concept and its architecture.

Some shots of the application

Some pages of the website


Phase 5


At this stage, I made a prototype to test the website and application with 7 colleagues who go to a beauty salon once every 2/3 weeks. We found that:

  • All of the 7 participants  could do the flow – reserve a service- successfully