Preskoči na sadržaj
Mavros Agency
Portfolio case study
UX/UI Design Brand Direction Conversion Strategy Automotive Detailing

Obsidian
Detailing.

A fictional but research-led premium automotive detailing studio designed to feel like a real business: sharp positioning, dark luxury visual language, conversion-focused booking flow, service clarity, pricing transparency, and a gallery system built around trust.

obsidian-detailing.hr
ServicesOur WorkPricingBook Now

Zagreb's premium detailing studio

Your paint
deserves
better.

Appointment-only automotive detailing and ceramic protection. For people who take their cars seriously.Book your detail
4.9 ★
800+
5 Years
Gyeon
ExpressFrom €89
CeramicFrom €690
CorrectionFrom €390
InteriorFrom €149
Project overview

A fake client built with real business logic.

The goal was not to make another beautiful dark automotive page. The goal was to make a portfolio project that explains why design matters commercially: fewer repetitive questions, more qualified inquiries, stronger perceived value, clearer packages, and more trust before the first message.

4.9trust signal
800+cars detailed
€50booking deposit
3step booking
Research direction

The opportunity was clarity, not decoration.

Detailing clients do not only buy shine. They buy confidence: confidence that their paint will not be damaged, that the result is worth the price, and that the studio knows exactly what it is doing.

01

Trust before booking

Before/after visuals, review blocks, certifications, transparent process, and real-looking studio details reduce hesitation.

conversion trigger
02

Pricing without fear

Starting prices filter low-quality leads while still allowing final quotes after inspection.

lead quality
03

Visual proof matters

The gallery is not decoration. It is the argument. It shows surface condition, correction quality, and value.

proof system
Visual identity

Dark luxury without car-culture clichés.

No racing stripes, no chrome, no dealership energy. The visual language borrows from Swiss watch brands, professional camera systems, and technical inspection tools.

Primary lockup
OBSIDIANDetailing
Palette
#0A0A0A
#141414
#F0EDE8
#1A6EFF
#C9A84C
Display typography
Your paint deserves better.bold geometric sans · tight tracking
Monospace system
EVERY SURFACE TELLS THE TRUTH.labels · metadata · service tags
Zagreb's premium detailing studio

Your paint
deserves
better.

Appointment-only automotive detailing and ceramic protection. For people who take their cars seriously.

Book your detail
4.9 ★Google Reviews
800+Cars Detailed
5 YearsIn Business
GyeonCertified
What we do

Four services.
One obsession.

Express DetailFrom €89
Ceramic CoatingFrom €690
Paint CorrectionFrom €390
Interior DetailFrom €149
The work

Results don't
need a caption.

Transparent pricing

No surprises.
Just results.

Essential€89
Professional€390
Signature€690
UX/UI details

The page is built around decisions, not just sections.

Each interaction exists to either clarify the service, increase confidence, or reduce uncertainty before booking.

Before / after slider

Proof you can drag.

The slider turns visual quality into an interaction. It makes the result feel inspected, not claimed.

Booking fields

Low-friction lead capture.

Vehicle modelPreferred serviceUpload photosContinue
Booking flow

From curiosity to confirmed slot.

01Choose service
02Select date
03Pay deposit
04Confirmation
Responsive system

Mobile-first where the lead actually happens.

The mobile version prioritizes fast comprehension: sticky booking CTA, compressed service cards, visible pricing, tap-friendly FAQ, and gallery proof before the user has to commit.

Premium detailing

Your paint deserves better.

Book now
Paint CorrectionFrom €390
Ceramic CoatingFrom €690
4.9 ★Google Reviews
Before / AfterDrag to inspect
No surprises.Starting prices shown
FAQObjection handling
Result

A portfolio piece that sells the process.

Obsidian Detailing works as a case study because it has both visual impact and business reasoning. It lets Mavros Agency show brand direction, UX structure, UI craft, conversion thinking, responsive design, and storytelling in one coherent project.