top of page
FabianBarbershop_edited.jpg

MARATHON BARBERSHOP

A cutting-edge product that empowers barbers and clients to effortlessly book appointments, communicate, request tailored services, and seamlessly integrate digital payments and premium amenities.

Marathon Barbershop in Los Angeles revolutionizes the customer experience by streamlining appointment booking, enhancing communication with barbers, and helping clients select the right services—all through a seamless app. This modern approach eliminates outdated booking methods, making the process more efficient and convenient.

MOBILE APP

UI/UX DESIGN

PROTOTYPING

INTERACTION DESIGN

PERSONAL CARE TECHNOLOGY

USER RESEARCH

USABILITY TESTING

PRODUCT DESIGN

BRANDING

Group 49.png
Group 55.png
Group 59.png
png-transparent-upwork-freelancer-com-bu

Circa 2021 

icons8-notes-100_edited_edited.png

OVERVIEW

Goals

  • Instant Booking: Allow customers to quickly book appointments by selecting available time slots.

  • Flexible Scheduling: Enable users to choose dates/times and even reschedule/cancel appointments with ease.

  • Direct Messaging: Allow users to directly message their barbers for special requests, questions, or consultation.

  • Real-Time Updates: Provide real-time updates on their appointment status, waiting times, and any changes.

  • Review & Feedback System: After each appointment, users can leave feedback for their barber, helping them refine future services.

  • Style Gallery: A curated gallery of hairstyles categorized by trends, length, and type (e.g., curly, straight) that customers can browse and choose from.

  • Secure Payment System: Allow users to pay through the app with credit/debit cards, digital wallets, or store credits.

  • Customer Profiles: Allow users to create a profile where they can save their preferred barber, hairstyle history, and payment details for faster booking.

Pain Points

  • Clients must rely on memory to describe their desired haircut and expectations.

  • There is a lack of clear communication between barbers and customers regarding haircut selection and barber availability.

  • Barbers do not provide invoices, details about the products they use, or clear pricing for services.

  • At times, customers may feel uncomfortable, but the shop's atmosphere plays a role in their overall experience.

My Role

  • Project Duration: Upwork (8 months)

  • Design Process: Conducting user research, interviews, surveys, task flow, product map, storyboarding, visual design, usability tests brainstorming, user flow, low-hi fidelity Wireframes, Prototyping

  • Digital Tools: Figma, Adobe Illustrator, InDesign, Photoshop, LS Graphics​

Solution

  • Seamless Appointment Booking – A mobile app that allows clients to book appointments effortlessly, view barber availability in real time, and receive automated reminders.

  • Haircut Preferences Saved – A profile system where customers can save their preferred haircut styles, previous services, and reference photos, eliminating the need to remember or repeatedly explain their desired look.

  • Improved Communication – In-app messaging between barbers and clients for consultation, haircut selection, and appointment confirmations, ensuring clarity before the visit.

  • Transparent Pricing & Invoicing – A built-in pricing menu that displays haircut costs, available services, and product offerings, along with digital invoices for better transparency.

  • Comfort & Ambiance Enhancements – Integrated customer feedback to improve the barbershop atmosphere, including music preferences, refreshments, and premium amenities for a more relaxing experience.

  • Digital Payments & Tipping – Secure, in-app payment processing that allows clients to pay effortlessly and tip their barber without needing cash.

icons8-testing-100.png

RESEARCH

I visited a local barbershop to interview both barbers and customers to gain deeper insights into the challenges of booking haircut appointments. During these conversations, clients expressed a strong desire for an app that allows them to book appointments, communicate with their barber, and select their preferred haircut style. Many customers also voiced frustrations about the business lacking an intuitive app, which led to difficulties in booking and canceling appointments efficiently.

10

The total amount of haircut clients asked at the Barbershop

85%

Customers would like
to see a barbershop app developed for this business.

95%

Clients want an app that allows them to schedule appointments, make payments, and explore available services.

icons8-user-groups-100.png

USER PERSONAS

Focused on understanding the needs and frustrations of a younger demographic to better address their expectations and pain points.

UX Persona.png
UX Persona1.png
UX Persona2.png
icons8-view-100.png

USER INTERVIEWS

Interviewed 10 clients using open-ended questions to understand their needs and expectations. 

User interviews barbers.png
icons8-brainstorm-skill-100.png

BRAINSTORMING

Focus on understanding the needs and desires of barbershop clients while exploring a journey map that guides them through the entire experience.

Marathon Barber Shop Brainstorming_edited.png
icons8-design-100.png

USER FLOWS

Mapping how haircut clients journey at the Barbershop is and how it could be better through the app experience.

InfoArchi(BarbershopApp).png
icons8-mobile-phone-100.png

WIREFRAMES

The goal was to create two profiles: one for the barber and one for the client. The client profile would include essential features such as appointment booking, amenities, digital payments, messaging, and other services tailored to their needs.

lofiMBwireframes.png
Finalwireframes.png
icons8-medium-icons-100.png

STYLE GUIDES

The app’s design will follow a dark mode, blue and cool grey color scheme inspired by iOS principles, ensuring a modern and engaging user experience.

MBstyleguide.png
icons8-prototype-100.png

PROTOTYPING & USABILITY TESTS

Created a prototype in Figma and conducted usability tests with clients for a barber shop app. During testing, I guided users to the profile page and ensured they could quickly access the menu status bar. Additionally, users could select their preferred haircut style and easily set an appointment.

MBAProtousability.png
icons8-mobile-phone-100.png
2000px-Apple_logo_black.svg.png

MARATHON BARBERSHOP APP

The final design of the Marathon Barbershop app is thoughtfully crafted to meet the needs of clients, providing a seamless and welcoming experience that makes them feel comfortable and understood.

pexels-photo-775091.webp

Creating a profile: Entering personal information and customizing profile to start   can booking his haircut appointment.

Group 66.png
Group 55.png
7-75232_phone-in-hand-png-image-snapchat-on-iphone.png
Group 55.png

Homepage screen: Browsing through the homepage to explore the offerings of Marathon Barbershop.

pexels-photo-4067753_edited.png

Booking Appointment: Selecting date  that the user wants based on the green dot availability and then proceeds pressing the "Booking Appointment" button.

Group 59.png
Group 74.png
pexels-photo-1805600.webp

Tour shop: While getting a haircut the client browses through the app to check out other services and amenities within the app.

Group 75.png
Group 76.png
Screenshot 2025-02-05 180411.png

Buying Merchandise: The client can browse the app to purchase a variety of clothing, hair products, stickers and snacks.

pexels-photo-2076930.jpeg

Finishing Haircut: While giving a haircut, clients can confirm their bookings, and the barber can review the day's schedule after finishing each appointment.

Group 61.png
Group 58.png
Screenshot 2025-02-05 182445.png

Barbers profile payment request: The Barber will check off service completion and  will send the client a payment request for their services.

pexels-photo-2040189.webp

Client pays: The client, satisfied with their haircut, makes a payment and leaves a tip and review.

Group 77.png
Group 57.png
7-75232_phone-in-hand-png-image-snapchat-on-iphone.png
Group 57.png

Invoice: Both the barber and the client can save and download their receipts.

Outcome

Impact: 

​

Customers find it convenient to have an app were they can set their schedule appointment and also message their barber to ask questions.

​

Takeaways:

 

​Customers really like the idea of the barber app because it allows them to select their style of haircut without calling or texting the barber.

Top

bottom of page