Alpen Barbershop is a precision barbershop in Porto, Portugal, known for fades, classic cuts and traditional beard work, with a calm, no-rush atmosphere.
The goal
Stand out from the usual barbershop templates with a memorable, premium first impression, while keeping the path to booking short and clear.
What we built
An interactive 3D mountain hero (three.js) that sets the "Alpen" brand mood from the first second
A clear service menu with prices and durations (cut, skin fade, beard, combo, junior)
Barber profiles so clients can choose who cuts their hair
Online booking with instant confirmation, linked from every section
Opening hours, location and payment methods (cash, card, MB Way) up front
An upcoming-app section: instant booking, loyalty points (10th visit free) and reminders
Design approach
Creative direction first, performance second, never the other way round: the 3D scene is lightweight, so the site still loads fast on mobile and every screen leads to a booking.
Stack
Next.js, React, three.js, responsive design, deployed on Vercel.