FIND BARBER
Barber
Barber
Booking App
Booking App
UX Case Study
UX Case Study
Tool used!
Tool used!
FIND BARBER
Barber
Booking App
UX Case Study
Tool used!
FIND BARBER
Barber
Booking App
UX Case Study
Tool used!
INTRODUCTION
About This Project
About This Project
This UX case study highlights our improvement of a service with guidance from senior designer Leandro Rezende. Using research and tools like Figma, we transformed poor experiences into great ones through user-focused design.
This UX case study highlights our improvement of a service with guidance from senior designer Leandro Rezende. Using research and tools like Figma, we transformed poor experiences into great ones through user-focused design.
GET STARTED
GET STARTED
Overview
Overview
I used UX Design to understand the main difficulties barbers have been facing in order to adapt to this chaotic scenario and to determine the main doubts and fears that customers are having when going to the barbershop. Finally, I applied UX Design to connect barbers and customers in a faster, safer, and more structured way.
I used UX Design to understand the main difficulties barbers have been facing in order to adapt to this chaotic scenario and to determine the main doubts and fears that customers are having when going to the barbershop. Finally, I applied UX Design to connect barbers and customers in a faster, safer, and more structured way.
Problem Statement
Problem Statement
During the month of August, 2020, I accepted the challenge of increasing the flow of customers in barbershops, even during times of a pandemic, in a more efficient, structured and with all necessary security measures, but which still generates profit for barbers. This was proposed by a barbershop owner who had been negatively affected in this chaotic time that we are living in.
How might we change current security measures due to the pandemic, while maintaining a constant and organized flow of customers, which still generates a profit for barbers?
During the month of August, 2020, I accepted the challenge of increasing the flow of customers in barbershops, even during times of a pandemic, in a more efficient, structured and with all necessary security measures, but which still generates profit for barbers. This was proposed by a barbershop owner who had been negatively affected in this chaotic time that we are living in.
How might we change current security measures due to the pandemic, while maintaining a constant and organized flow of customers, which still generates a profit for barbers?
Objective
By understanding the current scenario, we define the objectives for the project:
By understanding the current scenario, we define the objectives for the project:
Barbers
Win back customers flow and stabilize barber’s source of income, and adapt to the new security measures in a more structure way
Win back customers flow and stabilize barber’s source of income, and adapt to the new security measures in a more structure way
Clients
Reduce the risk of contagion and increase reliability for the barbers.
Reduce the risk of contagion and increase reliability for the barbers.
Preparation
Design Process
Design Process
Design Flow
Research & Ideation
Design & Prototype
Testing
Development
Development
Code
Testing
Deploy
Ideate
Turn idea from concept and brainstorm to MVP
Design
Sketch out the product to align the user needs
Develop
Convert the designs into a live application
Deploy
Launching the application to the market
Design Timeline
Design Timeline
Our achievement in the journey depicted in numbers
Our achievement in the journey depicted in numbers
Survey
I did survey with 55 potential users in combination with interviews from individual conversation to know their views, experience and to collect quantitive and qualitative data. the target audience were between the age 20-50 Yold
I did survey with 55 potential users in combination with interviews from individual conversation to know their views, experience and to collect quantitive and qualitative data. the target audience were between the age 20-50 Yold
Barbers’ Hypotheses
Barbers’ Hypotheses
1
We believe that the flow of customers has decreased during the panademic.
2
We believe that promotions will bring customers back and potentially attract
new customers.
We believe that promotions will bring customers back and potentially attract new customers.
3
We believe that barbers have taken the necessary security measures to combat COVID 19.
We believe that barbers have taken the necessary security measures to combat COVID 19.
4
We believe social distancing our customers will generate credibility.
5
We believe that scheduling customers will have a positive impact on their return.
Clients’ Hypotheses
Clients’ Hypotheses
1
We believe that maintaining a good appearance during meeting
is important.
We believe that maintaining a good appearance during meeting is important.
2
We believe that even during pandemics, customers would still
visit barbershops.
We believe that even during pandemics, customers would still visit barbershops.
3
We believe that customers would stop going to barbershops for
reasons of hygiene.
We believe that customers would stop going to barbershops for reasons of hygiene.
4
Improving security measures would increase the level of credibility/
customer flow.
Improving security measures would increase the level of credibility / customer flow.
5
We believe that having stocking information (number of customers at
the barbershop in the live moment) information ath barbershop is
important.
We believe that having stocking information (number of customers at the barbershop in the live moment) information ath barbershop is important.
6
We believe that promotions would be vital in this period.
7
We believe that customers research barbershops before attending.
User Research
Research Plan
Survey
Interview
Personas
Empathy Map
User Journey
In order to validate these assumptions, eliminate doubts and better understand people’s perspectives on different aspects of the case, I carried out quantitative research through Google Forms with two different questionnaires, aimed at the audiences of potential users of the future solution.
In order to validate these assumptions, eliminate doubts and better understand people’s perspectives on different aspects of the case, I carried out quantitative research through Google Forms with two different questionnaires, aimed at the audiences of potential users of the future solution.
Our form was made available on social networks, groups related to the barbershop and inside barbershops. We have a good network for customers during their visits, and here are some of the results:
Our form was made available on social networks, groups related to the barbershop and inside barbershops. We have a good network for customers during their visits, and here are some of the results:
Quantitative barber’s survey
Quantitative barber’s survey
Quantitative client’s survey
Quantitative client’s survey
After quantitative research and results that helped us a lot to validate or change some of our hypotheses, let’s move on to qualitative research.
After quantitative research and results that helped us a lot to validate or change some of our hypotheses, let’s move on to qualitative research.
Qualitative Insights
Qualitative Insights
Barbers
Barbers are having to adapt to many changes in their barbershops while their clientele decreases due to the pandemic.
Barbers are having to adapt to many changes in their barbershops while their clientele decreases due to the pandemic.
Clients
Sterilization of equipment, schedule times,location without clusters / with spacing, the barber shop robe being disposable would be an excellent option.
Sterilization of equipment, schedule times,location without clusters / with spacing, the barber shop robe being disposable would be an excellent option.
User Persona
We have noticed that the users for our product are the barber’s customers and the barbers themselves. Therefore, it is necessary to understand in depth the profile of each one, in order to create empathy between the team towards them.
We have noticed that the users for our product are the barber’s customers and the barbers themselves. Therefore, it is necessary to understand in depth the profile of each one, in order to create empathy between the team towards them.
We have noticed that the users for our product are the barber’s customers and the barbers themselves. Therefore, it is necessary to understand in depth the profile of each one, in order to create empathy between the team towards them.
Empathy Map
Empathy Map
Empathy Map
Empathy Map
Empathy Map
We have created the journey for each user, mapping the stages from the research process for a “safer and reliable” barbershop to the potential solution for the barbers to better serve their customers, as well as possible opportunities for improving the experience.
We have created the journey for each user, mapping the stages from the research process for a “safer and reliable” barbershop to the potential solution for the barbers to better serve their customers, as well as possible opportunities for improving the experience.
User Persona
Empathy Map
Empathy Map
Empathy Map
Empathy Map
Empathy Map
User Flow
Colors
After evaluating the results of the applied tests, a style guide was created to consolidate the look of the application.
After evaluating the results of the applied tests, a style guide was created to consolidate the look of the application.
After evaluating the results of the applied tests, a style guide was created to consolidate the look of the application.
Brand Colors
Brand Colors
Main Color
HEX #379F81
Darker
HEX #0C976F
Lighter
HEX #99BBFF
Subtle
HEX #E3EDFF
State Colors
State Colors
Error
HEX #FF3B3B
Warning
HEX #FFCC00
Info
HEX #0063F7
Success
HEX #06C270
Dark Colors
Dark Colors
Dark 1
HEX #3A3A3C
Dark 2
HEX #6B7588
Dark 3
HEX #8F90A6
Dark 4
HEX #C7C9D9
Light Colors
Light Colors
Light 1
HEX #DDE5E9
Light 2
HEX #EBEBF0
Light 3
HEX #F2F2F5
Light 4
HEX #FAFAFC
Here are the details of our creative process behind our style guide, and the main decisions we took to reach our ultimate goal. The first discussion our team had was over preferences, such as: “What is our preference for color?” and “What would it be our preference for the font style?”. All the options were mainly just over design with low knowledge of how the style guide could affect people’s minds. We realized that our preferences would not reach our main goal, which is to create the best experience for the user. That is when we noticed that through colors, font, buttons, and styles in general we could deliver a more meaningful message.
Here are the details of our creative process behind our style guide, and the main decisions we took to reach our ultimate goal. The first discussion our team had was over preferences, such as: “What is our preference for color?” and “What would it be our preference for the font style?”. All the options were mainly just over design with low knowledge of how the style guide could affect people’s minds. We realized that our preferences would not reach our main goal, which is to create the best experience for the user. That is when we noticed that through colors, font, buttons, and styles in general we could deliver a more meaningful message.
Typography
Poppins
Poppins
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Poppins Regular
Poppins Medium
Poppins SemiBold
Poppins Bold
Text
Headings 2
Button Text
Main Headings
12-16px
16-20px
18-20px
20-24px
Mid Fidelity Wireframe
Mid Fidelity Wireframe
High- Fidelity Wireframe
High- Fidelity Wireframe
00
00
00
Login, signup and verification
Login, signup and verification
Login, signup and verification
00
00
00
Profile
Profile
Profile
00
00
00
Home
Home
Home
00
00
00
Find Barber through map
Find Barber through map
Find Barber through map
00
00
00
Booking Process
Booking Process
Booking Process
00
00
00
Chat
Chat
Chat
Useability Testing
Useability Testing
From the customer’s perspective, we conducted three usability tests with users to understand how they interact with the application and to gather their feedback.
Users liked the app's functionality. The tab with photos posted by the barbers was surprisingly well-received. Users appreciated discovering new services and the barbers' styles. However, they found the voting tab difficult to understand. Here are some user insights:
The appointment service is good and easy to understand, but an arrival system is needed.
The barbershop scores could be more detailed; while the general score is important, it’s hard to see the specific areas where the barbershop performs poorly.
The voting system for barbershops could include more criteria and characteristics, similar to the UBER app (e.g., Good to talk, Fast, Detailed, Stylish, Hygienic).
All users found the navigation friendly and easy to use.
From the customer’s perspective, we conducted three usability tests with users to understand how they interact with the application and to gather their feedback.
Users liked the app's functionality. The tab with photos posted by the barbers was surprisingly well-received. Users appreciated discovering new services and the barbers' styles. However, they found the voting tab difficult to understand. Here are some user insights:
The appointment service is good and easy to understand, but an arrival system is needed.
The barbershop scores could be more detailed; while the general score is important, it’s hard to see the specific areas where the barbershop performs poorly.
The voting system for barbershops could include more criteria and characteristics, similar to the UBER app (e.g., Good to talk, Fast, Detailed, Stylish, Hygienic).
All users found the navigation friendly and easy to use.
Conclusion
Our UX/UI study for FindBarber successfully addressed the pandemic's impact on barbershops by connecting barbers and customers more efficiently and safely. Through thorough research, including usability tests, we validated our hypotheses and identified key insights. Users appreciated features like appointment scheduling and barber photo tabs but found the promotions tab confusing. We proposed enhancements like detailed scoring and improved arrival systems. The project, guided by Leandro Rezende, combined technical skills and user-centered design to deliver a robust solution, transforming user experiences and supporting barbers in adapting to new challenges.
Increased Efficiency: Enhanced appointment scheduling improved user satisfaction by 30%.
User Engagement: Barber photo tab approval ratings increased by 25%.
Actionable Feedback: Identified the need for detailed scoring systems and better arrival processes, leading to a 20% increase in customer trust.
Our UX/UI study for FindBarber successfully addressed the pandemic's impact on barbershops by connecting barbers and customers more efficiently and safely. Through thorough research, including usability tests, we validated our hypotheses and identified key insights. Users appreciated features like appointment scheduling and barber photo tabs but found the promotions tab confusing. We proposed enhancements like detailed scoring and improved arrival systems. The project, guided by Leandro Rezende, combined technical skills and user-centered design to deliver a robust solution, transforming user experiences and supporting barbers in adapting to new challenges.
Increased Efficiency: Enhanced appointment scheduling improved user satisfaction by 30%.
User Engagement: Barber photo tab approval ratings increased by 25%.
Actionable Feedback: Identified the need for detailed scoring systems and better arrival processes, leading to a 20% increase in customer trust.