Een digitale voordeur die net zo warm aanvoelt als de echte

De knoop die we moesten ontwarren

Hotel Sandkorn’s merkgids leest als een craft-bier etiket: warm zand, door de zon gebleekte teal, handgeschreven koppen. Prachtig, totdat je dat mengt met dertig screenshots van luxe hotel UX-inspiratie en een eigenaar die “een artistieke sfeer wil, maar dan wel zakelijk.” Voeg een boekingsengine op een ander domein toe en je hebt een recept voor bounce-rate-soep.

Drie wrijvingspunten dreigden de moodboard te platwalsen:

1. Geen duidelijke visuele hiërarchie. Elke inspiratielink wilde de hoofdrol: full-bleed hero, redactioneel raster, breek-het-raster. Welke verkoopt kamers?
2. Boekingswhiplash. Gasten die op “Buchen” klikten, kwamen terecht op een white-label formulier dat kouder aanvoelde dan de Noordzee in maart.
3. Mobiele navigatie-file. De sitemap had vijf hoofditems, twaalf subpagina’s en één footer-CTA die vocht om zichtbaar te blijven.

Als dit herkenbaar klinkt, stuurt jouw hospitality webdesign reizigers misschien terug naar Google net op het moment dat ze hun portemonnee pakken.

Onze aanpak in 4 stappen

1. Wireframes die werken als inchecken bij de balie
   We haalden Relume-wireframes in Figma en verschoven inhoudsblokken tot het kooppad zo kort aanvoelde als de hotellobby-wachtrij: hero, kamerteaser, vertrouwensiconen, boekingsbalk. Niets meer, niets minder.
2. Kleurtokens in plaats van kleurenchaos
   We destilleerden de merkgids naar vier variabelen: Zand, Schelp, Vloed, Middernacht. Die pasten we toe op een designsysteem-palet. Nu klinkt elke module in harmonie en kosten paletswitches seconden, geen sprints.
3. Verhaalsecties die stapelen als Lego
   Elke sectie is een module: gesplitste hero, feitenbalk, beeldcarousel, aanbiedingsteaser. KUBE’s developers kunnen die schudden om toekomstige pagina’s te bouwen zonder ons om middernacht te bellen.
4. Boekingsgerichte interface-aanwijzingen
   De plakkerige boekingsbalk erft kamertarief, datumkiezer en een live beschikbaarheidspulse, allemaal gestyled om bij de site te passen voor de handoff-sprong. Gebruikers voelen zich nog op Sandkorn-grond ook als de engine laadt.

We hielden dagelijkse Slack-stand-ups met KUBE; opmerkingen sloten gemiddeld binnen twee uur. Beslissingsmoeheid? Verdwenen. Factureerbare uren? Op koers.

Subtiele luxe die de boeking verkoopt

• Hotel UX hero die de ruis snijdt
  Een gesplitste hero combineert een schemerfoto van de gevel met een spontaan lobbymoment. Serif-kop links, 5-sterren Tripadvisor-badge rechts. Eén scroll en gasten voelen al het dekbed.
• Figma-hotelraster dat niet bang is voor witruimte
  We braken het raster met opzet: galerij-beelden glijden onder overlappende tekstkaarten, een oogvangend manoeuvre uit de moodboard dat WCAG-contrastchecks nog steeds doorstaat.
• Mobiel menu, strandlaken-simpel
  Een duimvriendelijke hamburger onthult zes tegels, elk met een emoji-achtig icoon. Microcopy houdt de woorden kort; gebruikers glijden met één tik naar hun doel.