Case Sky Zirve
- Horeca / Hospitality
- Strategie
- Design
- Development
De case
SKY ZIRVE RESTAURANT brengt de "dit is het leven"-filosofie naar het hart van Den Haag: een Michelin Gids-bekroond rooftop restaurant, een panoramische skybar en een exclusieve club lounge — drie werelden op één adres, hoog boven de stad.
Wij bouwden de website die die belofte meteen waarmaakt. Een bewegende hero met drone-beeld van de skyline bij zonsondergang, en daarachter een rustige, verfijnde interface waarin elke wereld een eigen podium krijgt zonder de aandacht van het beeld weg te nemen.
Rooftop restaurant, sky bar & club lounge in Den Haag · Next.js · Bewegende hero met drone-beeld · Menu's, evenementenagenda & privé evenementen · Reserveren in vier stappen · PWA
Het resultaat
Een website die aanvoelt als de plek zelf: rustig, verzorgd en zelfverzekerd. Bezoekers zien binnen een seconde het uitzicht waar het allemaal om draait en vinden daarna moeiteloos hun weg naar het restaurant, de skybar, de club lounge of een privé evenement.
Menukaarten met sushi, diner, tasting, cocktails en wijnen staan volledig online — inclusief downloadbare PDF's en dieetwensen — en de evenementenagenda houdt de programmering wekelijks actueel. Reserveringen komen binnen via een flow die in vier stappen is afgerond.
De site is installeerbaar als app (PWA) en volledig responsive, zodat gasten die onderweg een tafel boeken dezelfde beleving krijgen als op desktop.
De aanpak
De site is gebouwd met Next.js (App Router) en Tailwind CSS, met server-side gerenderde pagina's die vooraf worden geprerenderd — zodat de zware fotografie en video razendsnel in beeld staan.
Voor de vormgeving vertaalden we de sfeer van de locatie naar een strak systeem: diep navy (#000234) tegenover wit, wijd gespatieerde hoofdletters in Geist, rechte hoeken zonder afronding en veel witruimte. Beeld is formatvullend, met een navy overlay onder de tekst; beweging is traag en beheerst — zachte fades en langzame zooms binnen een vaste uitsnede.
Reserveren is teruggebracht tot vier zichtbare stappen — datum, tijd, aantal gasten en gegevens — met vooraf een keuze tussen Het Restaurant en De Lounge. De stapindicator blijft in beeld, zodat de gast altijd weet wat er nog volgt.
Gebouwd met: Next.js · React · Tailwind CSS · Geist & Geist Mono · PWA (installeerbaar) · responsive design · SEO.
Sky Zirve — merkboek
De volledige merkidentiteit in één document: logo, kleuren, typografie en toepassingen.
