Hof21

By op accepting By clicking, you agree to the storage of cookies on your device to improve site navigation, analyze site usage, and help with our marketing efforts. Watch us privacy policy for more information.

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

Acquisition of customers via the website

Animations & Interactions

An overview of services

An overview of products

Custom-made design

https://www.hof21.nl

Afbeeldingen van de website van