App Design
Barber Locator App
Barbershop locator app
Year :
2025
Industry :
Personal Care
Client :
Project Duration :
2 weeks
Problem :
People searching for a barber face friction: inconsistent opening hours, unclear prices, no quick way to view recent styles and reserve a time. The goal was to reduce friction and make discovery + booking a 3-tap flow.
Goal / Success Metrics
Primary goals:
Reduce time to book from discovery to confirmation to under 60 seconds.
Increase reservation conversion (prototype target: +15%).
Make latest styles discoverable to help users decide.
Design Approach & Constraints
Mobile-first, accessible tap targets and clear CTAs.
Keep visual balance between editorial photography (hero images / style cards) and functional UI (buttons, microcopy).
Support dark / muted background to let image cards pop, matches barbershop vibe.
Visual System
Primary colour: #5A67EE (accent CTA)
Background: deep muted gradient (your mockups show a navy → slate gradient)
Text: white / light greys for contrast
Typeface: Nunito Sans (used in mockups) — friendly, readable at small sizes
Component notes
Rounded image cards (large radius) for latest styles — makes them feel like physical polaroids.
Elevated floating CTA (Reserve Your Spot) with icon and chevrons — draws attention without blocking content.
Micro-buttons for Call / Book / Directions / Reviews — clear icons + labels.
Summary
BarberLocator is a mobile-first barbershop discovery and booking app that helps users find nearby barbers, preview recent styles, and reserve a slot in seconds. I designed a clean, image-forward interface and a short, friction-free booking flow so users can go from discovery → decision → booking in under a minute.
More Projects
App Design
Barber Locator App
Barbershop locator app
Year :
2025
Industry :
Personal Care
Client :
Project Duration :
2 weeks
Problem :
People searching for a barber face friction: inconsistent opening hours, unclear prices, no quick way to view recent styles and reserve a time. The goal was to reduce friction and make discovery + booking a 3-tap flow.
Goal / Success Metrics
Primary goals:
Reduce time to book from discovery to confirmation to under 60 seconds.
Increase reservation conversion (prototype target: +15%).
Make latest styles discoverable to help users decide.
Design Approach & Constraints
Mobile-first, accessible tap targets and clear CTAs.
Keep visual balance between editorial photography (hero images / style cards) and functional UI (buttons, microcopy).
Support dark / muted background to let image cards pop, matches barbershop vibe.
Visual System
Primary colour: #5A67EE (accent CTA)
Background: deep muted gradient (your mockups show a navy → slate gradient)
Text: white / light greys for contrast
Typeface: Nunito Sans (used in mockups) — friendly, readable at small sizes
Component notes
Rounded image cards (large radius) for latest styles — makes them feel like physical polaroids.
Elevated floating CTA (Reserve Your Spot) with icon and chevrons — draws attention without blocking content.
Micro-buttons for Call / Book / Directions / Reviews — clear icons + labels.
Summary
BarberLocator is a mobile-first barbershop discovery and booking app that helps users find nearby barbers, preview recent styles, and reserve a slot in seconds. I designed a clean, image-forward interface and a short, friction-free booking flow so users can go from discovery → decision → booking in under a minute.
More Projects
App Design
Barber Locator App
Barbershop locator app
Year :
2025
Industry :
Personal Care
Client :
Project Duration :
2 weeks
Problem :
People searching for a barber face friction: inconsistent opening hours, unclear prices, no quick way to view recent styles and reserve a time. The goal was to reduce friction and make discovery + booking a 3-tap flow.
Goal / Success Metrics
Primary goals:
Reduce time to book from discovery to confirmation to under 60 seconds.
Increase reservation conversion (prototype target: +15%).
Make latest styles discoverable to help users decide.
Design Approach & Constraints
Mobile-first, accessible tap targets and clear CTAs.
Keep visual balance between editorial photography (hero images / style cards) and functional UI (buttons, microcopy).
Support dark / muted background to let image cards pop, matches barbershop vibe.
Visual System
Primary colour: #5A67EE (accent CTA)
Background: deep muted gradient (your mockups show a navy → slate gradient)
Text: white / light greys for contrast
Typeface: Nunito Sans (used in mockups) — friendly, readable at small sizes
Component notes
Rounded image cards (large radius) for latest styles — makes them feel like physical polaroids.
Elevated floating CTA (Reserve Your Spot) with icon and chevrons — draws attention without blocking content.
Micro-buttons for Call / Book / Directions / Reviews — clear icons + labels.
Summary
BarberLocator is a mobile-first barbershop discovery and booking app that helps users find nearby barbers, preview recent styles, and reserve a slot in seconds. I designed a clean, image-forward interface and a short, friction-free booking flow so users can go from discovery → decision → booking in under a minute.