Case Study 02

Public Website

A digital atelier, not a catalogue.

Twelve modular sections — every one designed with intent — that walk a visitor from headline to consultation booking without ever feeling like a templated e-commerce site. Lighthouse-tuned, lazy-loaded media, SEO-ready, and every contact-form submission wired straight into the admin Inquiries inbox.

12 Modular Sections Bilingual EN / AR Lighthouse 98+

Case Study 02

Home / Hero

Case Study 02

About / Story

Case Study 02

Gallery

Case Study 02

Contact & Booking

Inside the Case Study

Every section, explained.

4 working sections inside Public Website — each one a screen we designed, built and tested in the live system.

01 / 04

Section 01

Home / Hero Page

The first impression — a cinematic hero with the brand monogram, a heritage pull-quote and immediate calls to action toward bespoke booking and the collections page.

Full-bleed hero with restrained motion
Heritage pull-quote + 2012 founding date
Primary CTAs: book consultation, view collections
Scroll-down indicator and section-anchored nav

02 / 04

Section 02

About / Story Page

The brand's decade-plus heritage retold as a long-form editorial — atelier shots, master-tailor quotes, and a timeline that anchors the founding year.

Founder & master-tailor introductions
Editorial-grade typography and atelier imagery
Heritage timeline starting from 2012
Inline pull-quotes and craftsmanship facts

03 / 04

Section 03

Gallery Page

A curated portfolio of finished garments and atelier moments — high-resolution photography presented in a masonry grid with lightbox detail views.

Masonry grid with hover-reveal captions
Lightbox detail view with arrow navigation
Filter by garment type and fabric family
Lazy-loaded images, Lighthouse-friendly

04 / 04

Section 04

Contact & Booking

The conversion endpoint — a contact form for general inquiries and a separate consultation-booking flow. Every submission flows straight into the admin Inquiries inbox with EN/AR labels.