CASE STUDY 03
CASE STUDY 03
Smith's Barbershop
Smith's Barbershop
Heritage barbershop established 1911, New Orleans
Heritage barbershop established 1911,
New Orleans
Figma
Figma
Framer
Framer
Unsplash
Unsplash
Client
Client
Local Barbershop
Local Barbershop
Timeline
Timeline
1.5 weeks
1.5 weeks
Tools
Tools
Figma · Framer · Unsplash
Figma · Framer · Unsplash
Type
Type
Landing page design + build
Landing page design + build
THE BRIEF
THE BRIEF
A century of craft needed an "online" home
A century of craft needed an "online" home
Smith's Barbershop is a third-generation family barbershop established in 1911. The brief was to design a premium landing page that communicates heritage, craftsmanship, and atmosphere — and converts visitors into booked appointments. No product features to show. Just photography, copy, and presence.
Smith's Barbershop is a third-generation family barbershop established in 1911. The brief was to design a premium landing page that communicates heritage, craftsmanship, and atmosphere — and converts visitors into booked appointments. No product features to show. Just photography, copy, and presence.
PROCESS
PROCESS
01
01
Full-bleed hero photography
Full-bleed hero photography
Athmosphere before services.
Especially when it comes to something so artistic.
Client's satisfaction idea stays on top.
Athmosphere before services.
Especially when it comes to something so artistic.
Client's satisfaction idea stays on top.
02
02
Single gold accent #C9A96E
Single gold accent #C9A96E
This color communicates premium.
The first thought your new customer sees when they come to your page is: "This guy knows his craft".
This color communicates premium.
The first thought your new customer sees when they come to your page is: "This guy knows his craft".
03
03
Dark gallery section
Dark gallery section
"Works" is the most important part of the page.
It shows the specter of the craft. Therefore, it has to create an unforgettable experience.
"Works" is the most important part of the page.
It shows the specter of the craft. Therefore, it has to create an unforgettable experience.
THE RESULT
THE RESULT
· 9 sections designed
· 9 sections designed
· 2 breakpoints
· 2 breakpoints
· 1 accent color
· 1 accent color
WHAT I LEARNED
WHAT I LEARNED
Photography IS the design
Photography IS the design
On a local service page, the photos do more work than any layout decision. Choosing the right image for the hero took longer than building the hero section itself. A bad photo with a good layout looks worse than a good photo with a mediocre layout.
On a local service page, the photos do more work than any layout decision. Choosing the right image for the hero took longer than building the hero section itself. A bad photo with a good layout looks worse than a good photo with a mediocre layout.
One accent color is enough
One accent color is enough
I wanted to add a second accent at least three times. Every time I held back. The restraint is what makes the gold feel premium rather than decorative. Two accent colors would have made it look like a template.
I wanted to add a second accent at least three times. Every time I held back. The restraint is what makes the gold feel premium rather than decorative. Two accent colors would have made it look like a template.
Local business pages sell with feeling, not features
Local business pages sell with feeling, not features
SaaS pages sell with logic — features, pricing, social proof. Barbershop pages sell with feeling. Copy and photography carry the weight. Design just gets out of the way and lets the atmosphere speak.
SaaS pages sell with logic — features, pricing, social proof. Barbershop pages sell with feeling. Copy and photography carry the weight. Design just gets out of the way and lets the atmosphere speak.