Hof21

Door op Accepteren te klikken, gaat u akkoord met het opslaan van cookies op uw apparaat om de sitenavigatie te verbeteren, het sitegebruik te analyseren en te helpen bij onze marketinginspanningen. Bekijk ons privacybeleid voor meer informatie.

Hof21 kreeg een dynamische website met een swipebare menukaart, volledig afgestemd op hun stijlvolle restaurant en intuïtief in gebruik.

Datum van oplevering:

15/10/2024

Locatie:

Bergambacht

Budget:

Branche:

Horeca

Over de klant

Introductie

Hof21 is niet zomaar een restaurant, het is een ervaring. Daarom wilden ze een website die hun culinaire passie vertaalt naar het scherm. En ja, we hebben geleverd.

Over het project

Klantvraag:

Hof21 wilde een website die net zo dynamisch is als hun gerechten. De homepage moest de gerechten laten spreken, en de menukaart moest zo interactief mogelijk zijn. Denk swipe-functies en een visuele flow die je naar de gerechten trekt.
‍

Bij binnenkomst animeren we de hero. De hero is bedoeld als eye-catcher. We bewegen de ginkgo-bladeren mee met de muis en leggen filters over het gerecht op de achtergrond.

‍

Doelstelling:

Een dynamische homepage en swipebare menukaart maken, waarin bezoekers intuïtief door de gerechten kunnen scrollen. Geen traditionele menu’s, maar een digitale culinaire ervaring.

Ook op de homepage, willen we mensen verleiden via een menukaart Call-to-action. We willen dat ze de menukaart bekijken en daarom animeerden we de steak welke geheel vrijstaand is gemaakt vanuit een foto. Ook liggen er mooie tijmtakjes en bewegen we heel subtiel de afbeelding op de Y-as. De afbeelding wordt in feite verticaal uit elkaar getrokken, nét genoeg zodat de indruk ontstaat dat de stukjes steak los liggen in de browser.

Hoe we het hebben gedaan:

We hebben een swipebare menukaart geïntegreerd die voelt alsof je door een digitale menukaart bladert, zonder ook maar een seconde vast te lopen. De homepage past zich moeiteloos aan, met visuals die de sfeer van het restaurant overbrengen. Door de click-and-drag functionaliteit voor desktop en een smooth swipe voor mobiel, voelt de site aan als een verlengstuk van de fysieke ervaring van Hof21. De dynamiek sluit naadloos aan bij de gerechten, waardoor de website zelf bijna smaakt naar meer.

‍

Hier zie je een nieuwe vorm van een menukaart: eentje welke op 3 verschillende manieren genavigeerd kan worden. Door te klikken op de naam van de kaart, door gebruik te maken van de pijltjes aan de zijkanten óf door te swipen! Het swipen is vooral op mobiele apparaten handig, je bent gewoon heel snel waar je moet zijn. Op desktop is het meer een gimmick ;)

Resultaat:

Een visueel aantrekkelijke website die de sfeer en dynamiek van Hof21 perfect weergeeft, compleet met een interactieve swipe-functie voor de menukaart.

Website kenmerken

Acquisitie van klanten via de website

Animaties & Interacties

Een overzicht van diensten

Een overzicht van producten

Design op maat

https://www.hof21.nl

Afbeeldingen van de website van