Back to the work

08 / 08 Barbershop

Bayro Cut

Barbershop · Greve, Denmark

The clipper leaves the barber’s hand and finishes the cut.

bayro-cut.vercel.app

The site’s opening, recorded live

02 The project

A barbershop inside WAVES in Greve: men’s cuts, fades and beards, booked by phone. The opening is a scroll-driven scene in which the clipper leaves the barber’s hand, opens into body, blade and guide comb, runs along the fade, and the portrait lands in the gallery.

  • Scroll-driven 2.5D scene
  • Parts registered with OpenCV
  • Vite

03 The direction

Composition
Deep black, dark wood, leather and amber light, with the barber at the centre of the light.
Typography
Condensed uppercase Oswald for titles and Barlow for text, in Danish.
Colour
Black, a gold gradient and an almost white text.
Central gesture
The clipper opens up around the word Præcision.

The site’s palette

  • Black#0B0D0C
  • Panel#16130F
  • Gold#D5B16F
  • Gold light#EAD09A
  • Text#F6F2EB

Typefaces

Oswald · Barlow

04 The interface

bayro-cut.vercel.app

Bayro Cut: screen 2 of the live site

bayro-cut.vercel.app

Bayro Cut: screen 3 of the live site

bayro-cut.vercel.app

Bayro Cut: screen 4 of the live site

Phone

Bayro Cut on a phone: screen 1
Bayro Cut on a phone: screen 2

05 The motion

  1. 01 Clipper in hand
  2. 02 Præcision
  3. 03 Signature fade

The clipper leaves the barber’s hand and becomes a featured object; body, blade and comb open around PRÆCISION; the clipper runs along the fade and the portrait becomes the first card of the gallery.

06 What I did

Visual direction, interface, motion and development.