Flex Offices

van studio tot suite, in één pand: 8 units
in een galerij met lightbox: 59 foto's
een rondleiding plannen: 1 doel

De vraag

Flex Offices verhuurt acht nieuwe kantoorunits in één bedrijfspand op Hoorn80, van een studio van 15 m² tot ruimtes die je samenvoegt tot 150 m². De units zijn compleet opgeleverd, met een gedeelde kantine en een vergaderkamer die je kunt reserveren. Er moest een site komen die het pand laat zien zoals het is en zzp'ers en kleine teams snel naar een rondleiding brengt. Geen portaal of boekingssysteem: één heldere pagina met alles wat een huurder wil weten, en een galerij met alle foto's.

Eén pagina, één doel

De homepage loopt van boven naar beneden door de vragen van een huurder: wat is het, waarom hier, hoe ziet het eruit, hoe groot, waar ligt het en wat zijn de voorwaarden. Elke sectie komt uit bij dezelfde actie: plan een rondleiding, per mail of telefoon.

Het pand laat zichzelf zien

Een hero met een fotoslider die vanzelf doorloopt, een fotoraster met een lightbox die met GSAP Flip vanuit de thumbnail openklapt, en een aparte galerijpagina met alle 59 foto's. De plattegrond laat zien hoe de acht units in het gebouw liggen.

Rustig in beweging

Koppen die woord voor woord binnenkomen, secties die bij het scrollen in beeld schuiven en een navigatiebalk die wit wordt zodra je naar beneden gaat. Instrument Serif voor de koppen, met cursief blauw als accent, en Inter voor de lopende tekst. Op mobiel staat de slider boven de tekst en blijft alles net zo leesbaar.

Klein en snel

Geen CMS en geen database: een statische Next.js-site waarin de content in de componenten zelf staat, met beelden die next/image automatisch optimaliseert. Precies genoeg voor een pand met acht units, en snel online.

Stack

Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · GSAP (ScrollTrigger, Flip) · next/font (Instrument Serif, Inter) · Vercel.

Volgende caseGrip Facility

Bedrijfsfilms
Campagnecontent

Grip Facility · 2025

← Alle cases