Case 003Website2025

A modern barbershop in Belgrade. A website that loads in under a second and books appointments in two taps.

Imperial is a barbershop on Bulevar Despota Stefana that has been cutting hair since 2012. They came with a template website that didn't represent the room. We rebuilt it from scratch — bilingual, mobile-first, with a real online booking platform, an interactive pricing grid, and a dark mode for the people who use the site at night.

Imperial Barber Shop homepage screenshot
Fig. 01 The homepage. Crown crest, "BEOGRAD · EST. 2012", and a single booking button — everything else gets out of the way.
03 / Brief
The Brief

Replace a template. Build a room.

Imperial Barber Shop responsive page set — isometric mockup
Fig. 00 The template that came before. Generic theme, no booking flow, no character — and nothing of the shop in it.
04 / Approach
The Approach

Match the room. Earn the booking.

01

In-store, online.

Black, white, gold. The same restraint as the actual shop — nothing decorative, nothing competing for attention.

02

Mobile-first.

Designed for the phone in someone's pocket on the way to work. Down to 320px, no detail breaks.

03

Two taps to booked.

A booking button on every screen. Path from landing to appointment confirmed — two taps, no funnel.

04

Light and dark.

Two themes built from one palette. The site reads as well at 2pm as it does at 10pm.

Imperial Barber Shop About section with stat grid
Fig. 02 Tradicija susreće savremeni stil — the about section. Real numbers: 5+ years, 3k+ clients, 8 services, 24/7 booking.
05 / Type
Typography

One typeface. Two voices.

Headlines — Manrope Bold
Aa

Imperial Barber Shop

Geometric sans, used heavy. Carries the brand name, section headers, and the booking CTA.

Accents — Manrope Italic
Aa

modern style — tradition — our services

Same typeface, italic regular. Used for sub-headers, service names, and the small editorial touches.

Imperial Barber Shop services pricing grid
Fig. 03 Naše usluge — the pricing grid. Three tiers per cut: New Barber, Regular, Pro Barber. Clear, scannable, no haggling.
01

Onyx

#0A0A0A

Primary dark. Type, dark mode background, CTAs.

02

Charcoal

#2A2A2A

Featured cards, body type, secondary surfaces.

03

Gold

#C4A265

Single accent. The dot. The booking confirmation.

04

Stone

#F5F5F4

Light surfaces, card backgrounds, page neutral.

05

Paper

#FFFFFF

Light mode background. The room with the lights on.

Imperial Barber Shop before & after slider section
Fig. 04 Pre & posle — interactive slider. Drag the handle to compare before and after. Every cut precisely planned, perfectly executed.
Imperial Barber Shop reviews testimonials section
Fig. 05 Utisci — real reviews, five-star stars, names, neighborhoods. No stock content, no placeholder names.
Imperial Barber Shop booking and contact section
Fig. 06 Rezervišite Vaš termin — the booking system. SMS or email confirmation. Available 24/7.
07 / Notes
The shop has a feeling when you walk in. The website finally has the same one.
— Imperial Barber Shop, on launch
Still here?

You made it to the bottom. That's usually a good sign.

If something on this page made you think "maybe," I'd rather hear about it than watch you close the tab.


Leave your email to receive updates on new projects and collaborations.

Unsubscribe any time. I won't take it personally.

© 2026 Angela's Studio. All rights reserved.