← From Concept to Experience

02 · JavaScript · Interactive booking site

Vintage Barbershop

A fully developed class project pairing a character-rich local-business website with service details, responsive navigation, and an interactive appointment calendar.

Service discoveryBooking calendarResponsive navigation
Completed class projectOpen website
Vintage Barbershop website

Challenge

Balance a nostalgic neighborhood identity with the speed and clarity customers expect from a modern service website.

Approach

Editorial imagery and traditional typography establish character, while JavaScript-powered service details, mobile navigation, and appointment selection make the experience useful.

Outcome

A complete responsive website with dynamically rendered services, modal details, and a functional client-side booking calendar.

Vintage Barbershop interior

Landing experience

Classic characterwith a direct path to booking.

Barber shaping a client's beard

Service detail

The craft stays at the center.

Style · Service discovery

A visual menu built around the result

Classic cut01

Classic cut

$25

Clean finish

Beard trim02

Beard trim

$15

Sharp detail

Straight razor03

Straight razor

$30

Traditional care

Fade + style04

Fade + style

$35

Precision blend

Kids cut05

Kids cut

$20

Comfort first

Head shave06

Head shave

$28

Smooth finish

Details open without leaving the service list

View service

Appointment flow

Pick a service, date, and time.

Interactive
August 2026Choose a date
SMTWTFS2627282930311234567891011121314151617181920212223242526272829303112345