Copy of District one barbershop

District One Barbershop

Timeframe

1 weeks

Role

UX/UI designer

Tools

Figma, Adobe Illustrator, Invision, & Google duo

Overview

A responsive, low-maintenance barbershop website. The barbershop uses SQUARE UP. It will now have a single webpage with key information, background, and services

Problem

Convince new customers to book using SQUARE UP and make it easy for existing customers to book.

The barbershop wants a more informative page than the SQUARE UP booking website.

Solution

We didn't create a new booking system because the client wanted a low-maintenance website. We gave potential clients background information, portfolios, a list of services, and testimonials. For existing customers, we kept the page simple and displayed the "Book Service" CTA button.

1/ RESEARCH

1.1/ Competitor analysis

A competitive analysis is the most efficient method given the time constraints.

Objective

Analyze two competitors to see how we can compete and differentiate ourselves.
Determine the industry standard by comparing a franchise and an independent barbershop.

What I learned

Complex systems must be user-friendly. The user can't get lost or frustrated.
Breaking down a complex project can simplify it.
No matter how complex the system is, you can't abandon your goal or what problem you're to solve.

2/ ITERATION

Drawing board

I compiled features from the competitive analysis. Review the list with the client.

Wireframe

Back to the drawing board

Due to inconstant variables, we omitted staff and product sections. Instagram can promote barbers and products. Changing the client's social media page is an easier option.

1/ Continue research

1.2/ Survey

Objective

Check our goal progress.
Find any issues with the user flow and sitemap.
Collect data for A/B testing.

-What is your name?

-What is your age?

-Was it easy to book?

-Is the web page confusing?

-What did you like about the website?

-Do you remember any of the service prices?

-Would you change anything about it?

-Can you tell me anything about the testimonies?

What I learned

For established clients, having the CTA front and center is ideal.
Background and pricing content sections entice new users.
2/3 didn't bother reading the testimonies.

1.3/ A/B testing

Do we need testimonies??

Objective

Determine its significance.
Find out if testimonials prevent bookings.

Test A will include a testimony section, while Test B will not.

What I learned

Personal testimony can appear biased.
7/10 people read negative reviews first then the positive.
8/10 people would rather read google/yelp reviews.

1.4/ Buttons

I included one "book service" button to avoid looking tacky. Each service links to SQUARE UP.

Users can book services without scrolling thanks to a bottom button.

3/ PROTOTYPE

Style guide

Web

Tablet

Mobile

REFLECTION

What I learned so far

MIDDLE GROUND BETWEEN CLIENT AND DESIGN

-Some clients are not in tune with the design process. It was a pleasure to educate my client about design. In doing so, it was a good reminder of what I learned so far and what I can seek more knowledge in.

PASSION

-As a barber for 7 years, I felt a personal connection to this project. I found enjoyment and excitement in designing this project. I’m happy with what I have learned so far and excited about what the future holds for more knowledge.