La Maison du Gruyère

Cinematic institutional site for a flagship Swiss terroir brand. Custom design system, 7 sections delivered in a single session, zero build errors.

01 · THE PROBLEM

A world-class product with no digital stage to match.

La Maison du Gruyère is a reference visit and tasting destination in the canton of Fribourg, Switzerland. Its sensory experience — the cave, the restaurant, the market — deserved a digital presence that conveyed that richness from the very first screen.

CONTEXT

No cinematic visual identity online
No documented design system
Mobile experience not optimised
Rich French content with no visual staging

02 · THE DELIVERY

7 sections. One design system. No compromises.

7

cinematic sections

0

TypeScript errors

5

custom design tokens

1

delivery session

SECTIONS DELIVERED

01Full-screen hero with animated tagline
02Story section with cheesemaker key stats
03Five-senses grid (hover interactions)
044-offer features grid (fromagerie, restaurant, market, groups)
05Restaurant teaser with certification badges
06Opening hours, pricing and contact block
07Final CTA banner

TECH STACK

Next.jsTypeScriptTailwind CSSCSS Custom PropertiesPlayfair DisplayInterMobile-firstFR / Accessibility AA

03 · THE RESULT

Clean production build. Ready to ship.

TypeScript

0 errors

Strict mode compilation

ESLint

CLEAN

Zero linting warnings

Next.js build

SUCCESS

Production-ready

This project is a concept demonstration built on DYNEX's own initiative — not commissioned by La Maison du Gruyère SA. It illustrates our delivery capability and the quality standard applied to every engagement. No confidential client data was used.

YOUR PROJECT

Have a similar project in mind?

Describe it — we'll tell you exactly what we can deliver and how fast.

Start a conversation