01
The hours answer the phone
Each day carries its own label, appointment or walk-in, so the difference between Thursday and Friday is readable at a glance rather than buried in a sentence.
Case Study — Client
Faded Barber Shop
A Main Street barber in Liberty, Texas, on a page that is one continuous fade from top to bottom.
SectorBarber shop
LocationLiberty, Texas
PageSpeed scorePageSpeed 96 mobile · 70 desktop
faded-barbershop.com
The Business
What the business does.
Faded Barber Shop has been on Main Street in Liberty, Texas since 2018. The work is fades taken to skin, low, mid, or high, beard shaping cut to match the head, straight razor shaves, and kids’ cuts.
Tuesday through Thursday runs on appointment and Friday is the walk-in day, which is the single fact most callers are ringing to find out.
The Site
What a visitor can do here.
02
Booking where the shop already takes it
Appointments open on the booking service the shop uses, with the price and the length of a slot stated before the visitor leaves the page.
03
Services, taken down by the number
The cuts are laid out as guard numbers rather than as a menu, which is the language the shop already uses.
04
The shop’s own reviews
A reviews page carries what customers have published about the shop, quoted and attributed.
The Build
How it is put together.
01
One continuous fade
Scroll position drives a clipper guard, and a full-screen shader renders a field of hair at that length: long at the top of the page, taken to skin at the bottom. Section markers are guard numbers, so the navigation and the effect are the same scale.
02
Four effects on one canvas
The scroll fade, the pointer shaving a path through the field, a ray fan taken from the shop’s own sign, and a clipper pass on every route change, all drawn on a single surface rather than four.
Built With
- React 19
- React Router 7
- Vite 7
- WebGL
- Vercel
The Score
How fast it loads.
Mobile
96
Desktop
70
Google PageSpeed Insights performance score for faded-barbershop.com, out of 100, measured on August 27, 2026. A single Lighthouse run moves by several points between calls, so each figure is the median of 3 runs.
Next — Your Site
Want your business built like this?
Tell me what your business needs. You get a plan and a price back before anything gets built.