Maison d'Or.
Boutique hotel brand with horizontal-scroll gallery, archival photography, and a quiet luxury voice.
A restored 18th-century villa turned boutique hotel in Provence. The brand site needed to transport guests into the experience before booking — not perform a sales pitch. Rooms, archives, and grounds treated as chapters, not listings.
Brand direction, motion, and implementation. Collaborated with the house's existing creative lead on photography direction.
- 01. Brand direction
- 02. Motion design
- 03. Horizontal scroll
- 04. CMS integration
- 05. Implementation
Research
Studied heritage travel brands and print travel magazines. Archived the visual language of Condé Nast Traveler and Cereal Magazine. Less photography, more intention.
Typography
Editorial serif display throughout. Every room gets a chapter-title treatment. Body copy kept tight — readers should feel like they're opening a travel diary, not a booking site.
Motion language
Horizontal scroll as primary navigation. Each room is a full-bleed frame. Transitions feel like turning pages in an archival book. Print-magazine pacing applied to luxury hospitality.
Build
Next.js, GSAP ScrollTrigger with pinning, Sanity CMS for the rolling room list. Photography pipeline includes AVIF conversion and a consistent archival treatment.
Hero plate
Full-bleed sunlit photograph with a typographic eyebrow — "MAISON D'OR — PROVENCE / 1782." Restraint does the work.
Rooms gallery
Horizontal-scroll pinned section. One room per full-viewport frame. Room number, name, and description surface as the card centers.
Grounds reel
Pinned-scroll ambient video moving through the gardens. Slow drift, no cuts. Audio opt-in for the full cinematic.
Archives
Editorial long-form with inline archival photographs and callout numbers. The house's own story, told like a print feature.
Booking
Minimal form, no stock-photo CTA, no urgency timers. Just a clean date picker and a Calendly fallback for concierge bookings.
Horizontal scroll as primary navigation — each frame a room, each transition a movement through space. Print-magazine pacing applied to luxury hospitality.
Atelier Grain
→Brand · Architecture