Self-initiated concept · fictional business / 2026
Gentleman's Blade Barbershop
Heritage-forward barbershop site with a booking-first flow
The project
Design and development in practice.
A cinematic, editorial site blending vintage tone with modern hierarchy—services, barber profiles, and a clear path to booking.
- My role
- Motion Design, UI/UX Design, Front-End Development
- Category
- Web Design
- Built with
- React + TypeScript · Three.js/WebGL · GSAP ScrollTrigger · Tailwind CSS
01 / The challenge
What the site needed to solve.
Gentleman's Blade wanted a website that honored classic barbershop heritage while feeling modern and confident. Standard service-listing sites felt generic—they needed something with real character that still books easily.
02 / The approach
How I approached it.
Built a 'Cinematic Americana' site with editorial hierarchy, tactile motion, and a booking-first flow. Services stay scannable, barber profiles feel premium, and CTAs stay clear throughout.
What was delivered
- Hero that sets tone fast with a strong booking CTA
- Services layout designed for quick scanning and confident selection
- Barber gallery that highlights personality and craft
- Testimonials + social proof styled to match the brand tone
- Contact/booking section designed for mobile
- Subtle motion + texture for a cinematic feel
- Reduced-motion support and accessible focus states
Your next chapter
Let’s make your website
work as hard as you do.
Tell me about your business and what you need. I’ll reply personally with a clear next step.
Tell me about your project Full websites from $1,500 · One-page sites from $750