Selected work
ConceptConcept · Barbershop

Fade & Co.

A self-directed concept for a booking-driven grooming business. Confident, modern, and built so the 'book now' button is never more than a thumb-reach away — the design language a barbershop or salon needs to look as sharp as the work.

This is a concept project — a self-directed design exercise, not a commissioned client site. Imagery is licensed stock, chosen to demonstrate the design direction; copy is illustrative.

Standard Tier · $650 · Concept build
fadeandco.com
Fade & Co.
Book now
WALK-INS & BOOKINGS · PASSAICSharp cuts. No waiting.Classic fades, beard work, and hot-towel finishes from barbers who give a damn.
A modern barbershop interior with vintage chairs
A sharp fade being cut with a comb
A beard trim in progress

Palette: Charcoal, off-white & amber

The goal

A barbershop lives and dies by its chair being full. The website has exactly one job: turn someone who heard about the shop into a booked appointment before they get distracted. Most shop sites bury the booking link under a hero slideshow and a wall of social icons.

The concept strips it back to the decision a customer is actually making — who's cutting, how much, and how fast can I book — and makes that the entire spine of the page.

The idea

The palette goes the opposite direction from a café: charcoal and off-white with a single sharp amber accent. It reads premium, masculine, and current — the look a younger clientele expects.

'Book now' is treated as the primary action everywhere: sticky in the nav, repeated after services, anchored in the hero. Services double as a price list so there are no surprises at the chair.

Barber profiles add the human layer — people book a person, not a building — and a tight gallery proves the work without a slideshow.

What I built

A single bold page: a high-contrast hero with the book CTA, a services-and-pricing menu, meet-the-barbers cards, a cuts gallery, and an hours-and-location footer. The book action points to a placeholder booking flow that a real build would wire to Square, Booksy, or a custom system.

Designed mobile-first and thumb-first — bookings happen on phones, often between other things.

What it includes

  • Bold confident hero
  • Services + pricing menu
  • Meet-the-barbers profiles
  • Cuts gallery
  • Book-now flow
  • Hours & location
  • Mobile-first layout

The result

A concept that shows how a Standard-tier ($650) build, nodding toward Custom once real booking is wired in, can make a grooming business look as sharp as its work.

It closes the loop on a vertical Daycraft was already approached about, and proves the studio can flex from soft-and-warm to bold-and-dark on demand.

Tech used

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion

Want one like this?

This is concept work — but it's exactly the kind of site I build for real businesses. Tell me about yours.