Premium Barbershop Website with 3D Hero by Tarcísio MorenoPremium Barbershop Website with 3D Hero by Tarcísio Moreno

Premium Barbershop Website with 3D Hero

Tarcísio Moreno

Tarcísio Moreno

The client

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.
Like this project

Posted Sep 28, 2026

Editorial site for a Porto barbershop: 3D mountain hero, services and prices, cut portfolio, barber profiles and a direct path to book online.

Likes

0

Views

0