All work

Case study 05 / 13

Q B G Barber Salon

Fades, tapers and line-ups since the 90s.

Industry
Barbershop
Location
Irvington, NJ
Year
2026
Role
Creative direction, Web design, Development, 3D / WebGL
Status
Concept · spec work
rays-personal-website.pages.dev/sites/qbg-barber
Q B G Barber Salon concept website, desktop home screen

The idea

A neighborhood barbershop presented like a product launch: a 3D clipper you can turn, with a guard selector that explains each cut length, and a request-a-time button a thumb away.

Signature moment

Turnable 3D clipper with a #0 to #4 guard selector

  1. 01Drag to turn the clipper, click a part to learn about it
  2. 02Guard lengths explained in plain inches
  3. 03Request-a-time flow and one-tap call
Q B G Barber Salon concept website on a phone
Phone, 390 px
Q B G Barber Salon concept website, first screen at tablet width
First screen, 600 px

About this project. Q B G Barber Salon is a real business; this website is a concept I designed and built as spec work to show what its site could be. It is not a commissioned project and has not been endorsed by the business. Screenshots are taken from the live concept at rays-personal-website.pages.dev/sites/qbg-barber.

Next project Desire Hair Salon II