Ux Case Study Loyd Barber Website
Company Description: Loyd Barber is a modern and innovative barber shop dedicated to providing a wide range of grooming and relaxation services. Our professional team is committed to delivering exceptional customer care and a personalized experience. At Loyd Barber, we combine traditional barbering techniques with contemporary styles to ensure each client leaves looking and feeling their best. Whether you're here for a quick trim or a full grooming session, our friendly and skilled barbers are here to cater to your every need.
CHALLENGE: Create a website that will present Loyd Barber, allow users to book appointment services and establish an online registration system for courses to become a professional barber.
DELIVERABLE: Strategy, User Research, Persona, Task Flow, Wireframe, Low-Fidelity, Mockups, High-Fidelity Prototype, CMS Integration.
ROLE: Product Designer and Ux Designer
DESIGN APPROACH:
Empathize
Define
Ideate
Prototype and Test
Integration and Deliver
USER RESEARCH
In our user research for Loyd Barber, we employed various methods such as in-depth interviews, customer review analysis, surveys, and a competitive audit to understand users' experiences. Initially, we assumed the lack of modern styling options was the main issue, but our findings revealed several key problems: users struggled with booking appointments due to a cumbersome system, there was a significant lack of clear information about the range of services offered, users were unsure about the optimal times to visit the barber shop, and potential students had limited awareness and accessibility to the registration system for professional barber courses.
These insights have guided us to develop a user-friendly online booking system, provide comprehensive service information, implement a real-time schedule for optimal visit times, and enhance the registration system for barber courses, aiming to create a more informative, convenient, and engaging user experience for Loyd Barber's clients and potential students.
Affinity Map
Based on the study I decided to focus on 4 problems
Difficulty in booking appointments with the barber.
Lack of information about the barber shop services.
Uncertainty about the best time to visit the barber shop.
Limited awareness and accessibility of the registration system for courses to become a professional barber.
Insinghts from four (04) vdifferents users of Loyd Barber
Affinity Map according to the bussiness needs and the user Pain points
Persona
To share with awareness what I learned I create 3 different personas to represent the different type of users I discovered during my research.
Persona: Alex
Problem Statement: Alex needs a reliable and modern barber with a convenient online booking system because his busy schedule as a college student and part-time worker makes it difficult to find time for haircuts, and he wants to maintain a stylish appearance without spending too much time or effort.
Persona: Yasmine
Problem Statement: Yasmine needs a barber shop that provides a variety of grooming and relaxation services with an easy-to-use online booking system because she wants to maintain a trendy and polished look that reflects her creative personality while balancing her busy work life as a graphic designer.
Persona: Aubin
Problem Statement: Aubin needs a barber shop that offers consistent quality and flexible appointment times because his job as a sales representative requires him to maintain a professional appearance and his unpredictable schedule makes it challenging to plan regular visits to the barber.
IDEATE
Task Flow
I created task flows for steps a user typically goes through in order to complete three common tasks in Loyd Babers' Website
Book and Appointment for any services
Register for professional barber courses
Site Map
WIREFRAME & LOW-FID
To bring our task flows to life and validate them, we created wireframes and low-fidelity prototypes. These initial designs focus on the key functionalities identified in user journeys, allowing us to test and refine our concepts early in the design process.
Sketches
Digital Wireframe
HIGH FIDELITY PROTOTYPE
Mockup
High Fidelity Prototype: Live Website
VALIDATION
After launching Loyd Barber Website we conduct a validation test with these five insigights:
Flexible Booking Options
Better access of Information for Users
Bilingual Support
Easy Resgistration
Additional Services
AFTER THOUGHT
Creating the Loyd Barber website taught me the power of minimalist design and the importance of accessibility. By focusing on simplicity, I crafted a modern, welcoming space that honors the shop’s tradition. Each design choice was made to ensure the site is not only visually appealing but also easy for everyone to use, regardless of language or background.
This experience reinforced that great design is both beautiful and inclusive, a principle I’ll carry forward in all my work.
Thanks for reviewing this Case Study!
