Public Website
A bilingual EN/AR editorial storefront for Skaya, a quiet-luxury fashion house. A full-bleed hero, a featured-collection reveal, long-form brand storytelling, a lookbook, and a filterable shop that reads off the same product catalogue as the admin and POS. Every screen is art-directed to the house type system, mobile-first, and wired so each contact enquiry lands in the admin inbox.
Every section, explained.
8 working sections inside Public Website — each one a screen we designed, built and tested in the live system.
Home / Hero
A full-bleed editorial hero — the Skaya wordmark, the season headline set in a high-contrast serif, and a single dominant "Shop Now" call-to-action above the fold, framed by a numbered lookbook still.
- Full-bleed hero with serif season headline
- Numbered "N° 01 / 06" editorial framing
- Single dominant Shop Now call-to-action
- Language toggle (EN / العربية) in the header
Featured Collection
A featured-collection reveal that pulls a curated edit straight from the catalogue — each piece art-directed on a quiet neutral ground so the garment, not the layout, carries the eye.
- Curated edit pulled from the live catalogue
- Quiet neutral art direction per look
- Scroll-linked reveal transitions
- One-tap into the product detail
Editorial Story
A long-form editorial band that tells the house story — "less, perfected" — in CMS-controlled blocks, so the marketing team can re-tell the season without touching a developer.
- CMS-controlled editorial blocks
- High-contrast serif & italic pairing
- Considered whitespace & rhythm
- Bilingual copy with mirrored RTL layout
Lookbook
A scroll-driven lookbook — full-height fashion stills, each captioned and numbered like a printed catalogue — that carries the brand mood from the fold down to the shop.
- Full-height, numbered lookbook stills
- Printed-catalogue caption treatment
- Lazy-loaded, weight-optimised imagery
- Smooth-scroll section transitions
The Shop
The complete collection — "considered pieces, made to last beyond the season." A clean product grid reading off the same catalogue as the POS, with sort-by and a discount ribbon per card.
- Product grid on the shared catalogue
- Per-card discount ribbon (GET x% OFF)
- Sort by newest / price / popularity
- Numbered, editorial card layout
Category & Filters
A filter rail spanning bags, clothing, men, accessories, watches, women, footwear and kids — driven by the same nested category tree the admin maintains, so the storefront never drifts from the back office.
- Filter rail from the shared category tree
- Instant client-side category switching
- Result count & sort controls
- Deep-linkable category URLs
The Atelier
An editorial "about" chapter that introduces the atelier, its craft and its point of view — long-form typography and full-bleed imagery, all CMS-controlled.
- CMS-controlled story & imagery blocks
- Editorial long-form typography
- Full-bleed art-directed photography
- Bilingual EN / AR narrative
Contact
A single contact form wired to the admin messages inbox — every submission timestamped, tagged with its originating page, and assignable to a team member straight from the back office.
- Submissions land in the admin inbox
- Anti-bot honeypot + request-time gating
- Auto-acknowledgement email to the sender
- Contact details & social links surfaced
Jump to another chapter
Need a public website like this?
We design and build brands, storefronts, POS and HR systems as one product — tailored to how your operation actually runs, not how a generic template thinks it should.
