Selected Work · 09

Groot
Warnsborn.

Een luxe hotel op de Veluwe dat online niet waarmaakt wat het offline belooft. Dit herontwerp moet dat fixen.

Homepage Redesign Creatieve technieken BC 8.2.1

Docentweergave (Criteria & Verantwoording)

De BC's die met dit document aangetoond worden.

BC 8.2.1

Je creëert met behulp van creatieve technieken ideeën voor interactieve digitale producten of diensten en onderbouwt welke het best aansluiten bij de ontwerpeisen en de praktijkkaders.

De divergente fase gebruikt drie creatieve technieken: vrij schetsen (solo, ongestuurd), SCAMPER (solo, systematisch per element) en een Brain Shifter-sessie (vier externe respondenten buiten het projectteam denken vanuit drie perspectieven). Een moodboard bakent de visuele grenzen af. In de convergente fase zijn drie concepten beoordeeld door zeven personen (belanghebbende, stagebegeleider, twee designers, twee medestudenten en een gebruiker) via een afwegingsmatrix (5 van de 8 ontwerpeisen, 0-2 schaal) en kwalitatieve feedback.
01 – De Opdracht

Een homepage die niet verkoopt wat het landgoed wél levert

Groot Warnsborn is een luxe hotel op de Veluwe. Restaurant, suites, trouwlocatie; het complete pakket. Maar de website laat dat niet zien.

LikeBamboo (mijn stagebedrijf) wil dit herontwerp gebruiken als acquisitie-pitch: laat zien dat de website beter kan, in de hoop dat dit helpt bij het overtuigen van een samenwerking.

De huidige homepage mist positionering en verstopt haar sterkste troeven (award, reviews, historie).

Ontwerpvraag

Hoe ontwerp je een homepage die binnen 3 seconden communiceert wat Groot Warnsborn is, waarom het bijzonder is, en de bezoeker aanzet tot boeken?
02 – Ontwerpeisen

Acht ontwerpeisen voor het herontwerp

Een analyse van de huidige homepage en een benchmark van drie Veluwse concurrenten leverden acht ontwerpeisen op. Besproken en afgestemd met Arjan (hij gaf mij de opdracht).

  1. De hero communiceert binnen 3 seconden wat Groot Warnsborn is. Heading, tagline en locatie zichtbaar.
  2. Geen popup bij binnenkomst. De irritante overlay verdwijnt.
  3. Social proof zonder te scrollen. Tripadvisor-score of gastenquote direct onder de hero.
  4. "Estate of the Year" prominent op de homepage. Eigen visueel element, niet verstopt op een subpagina.
  5. De homepage vertelt een verhaal in 6-8 secties. Opbouw: sfeer → vertrouwen → aanbod → actie.
  6. USPs expliciet gecommuniceerd. Kernwaarden met iconen of visuele kaarten.
  7. Maximaal 1 primaire CTA per sectie.
  8. Alle content visueel gestructureerd. Sterke headings, korte toelichtingen, geen lappen tekst.
03 – Concepting

Drie creatieve technieken en een visueel kader

Acht ontwerpeisen staan vast. Drie werkvormen genereren ideeën: vrij schetsen om te divergeren, SCAMPER om de bestaande homepage te ontleden, en een Brain Shifter-sessie om vanuit drie externe perspectieven nieuwe inzichten op te halen. Het moodboard bakent de visuele grenzen af.

Vrij schetsen: zeven wat-als-vragen

Na de analyse heb ik zeven wat-als-vragen bedacht en per vraag twee minuten geschetst. Pen op papier, geen regels. Bewust vóór andere methodes: Door eerst vrij te schetsen kwamen ideeën die buiten de kaders vallen.

01Wat als de homepage geen scroll had? Alles in één scherm.

Schets 1a: Homepage zonder scroll – boekingswidget + slideshow in één scherm
Schets 1b: Alternatieve uitwerking zonder scroll

02Wat als de homepage opende met het seizoen – lente, zomer, herfst, winter?

Schets 2a: Homepage die opent met het seizoen
Schets 2b: Alternatieve seizoensgebonden opening

03Wat als de bezoeker zelf een route kiest – "Ik wil ontspannen" / "Ik wil dineren" / "Ik wil trouwen"?

Schets 3a: Bezoeker kiest een route
Schets 3b: Alternatieve route-kiezer uitwerking

04Wat als de homepage voelde als een brief van de eigenaar?

Schets 4a
Schets 4b

05Wat als je alleen één foto en één zin mocht gebruiken?

Schets 5

06Wat als de homepage begon met een gastenreview?

Schets 6

07Wat als je het landgoed kon verkennen via een interactieve kaart?

Schets 7

Moodboard: visuele richting

Vier thema's uit de quick scan sturen de visuele richting: landgoed, natuur, culinair en intiem. Het moodboard bakent de grenzen af: welke sfeer, kleuren en typografie passen bij dit merk? (Ik ben me bewust van het feit dat dit geen creatieve techniek is)

Moodboard Groot Warnsborn – zomerse, warme sfeer met crème, salie-groen en honinggoud
Licht, zomers en warm. Zon door de bomen, buiten dineren, natuurlijke materialen.
Toon visuele onderbouwing
Kleurpalet
Warm crème, salie-groen, honinggoud. De kernwaarden "natuur" en "intiem" vragen om warmte. Echoput en Engelenburg kiezen dezelfde richting.
Typografie
Serif voor headings, sans-serif voor body. Alle drie de concurrenten gebruiken serif voor koppen. Serif zegt "traditie" en "luxe" wat goedpast bij "landgoed" en "culinair".
Fotostijl
Natuur en het landgoed als hero-beeld. De sterkste troef van Groot Warnsborn is de locatie, namelijk 750 hectare bos. Dat moet het eerste zijn wat je ziet.

SCAMPER: de huidige homepage herdenken

Per letter een gerichte vraag over de huidige homepage van grootwarnsborn.nl. Via deze weg denk ik divergerend over wat er mogelijk is.

Toon alle 7 SCAMPER-kaarten
S Vervangen (Substitute)

Wat kan er vervangen worden om de homepage te verbeteren?

  1. De chaos van concurrerende elementen vervangen door een duidelijke visuele hiërarchie.
  2. De reserveringspopup vervangen door iets dat niet het halve scherm blokkeert bij binnenkomst.
  3. De niet-werkende kaarten op de homepage fixen.
  4. De terras-foto bij "750 ha. Rijksmonumentaal bos" vervangen door een beeld dat daadwerkelijk bos toont.
C Combineren (Combine)

Wat kan er samengevoegd worden?

  1. De hoeveelheid navigatie-items terugbrengen. Sommige kunnen onder één dropdown; "Huwelijk" en "Zakelijk" worden bijvoorbeeld "Evenementen".
  2. Combineren is hier beperkt toepasbaar: het probleem is niet te veel, maar te weinig content op de homepage.
A Aanpassen (Adapt)

Wat kunnen we leren van de concurrenten?

  1. Van Echoput: Hero met heading + duidelijke rustige video + tagline + locatie + Review-score.
  2. Van Engelenburg: Boekingswidget direct in de hero (datum + gasten + "Bekijk beschikbare kamers"). En: de award prominent op de homepage, onder de hero – zij doen dat met "Art of Hospitality".
  3. Van Sterrenberg: USP's met iconen. Zes stuks. Groot Warnsborn benoemt er nauwelijks.
  4. Van Echoput: Storytelling. "Al 70 jaar een begrip op de Veluwe." Familie-historie en culinaire specialisatie op de homepage. Groot Warnsborn heeft dat verhaal maar vertelt het niet op de homepage.
M Modificeren (Modify)

Wat moet groter? Wat moet kleiner?

  1. Uitvergroten: Wat Groot Warnsborn doet en biedt. Meer beelden die iets zeggen. Betere microcopy. Meer overtuigingskracht waarom iemand daarheen moet komen.
  2. Afzwakken: De Warnsborn Suites-sectie. Een heel sectie-blok voor alleen kamers is te zwaar. Dat hoort op een subpagina.
  3. Uitvergroten: "Estate of the Year" – van op een sub-pagina naar een visueel prominent element op de homepage.
  4. Afzwakken: Het aantal CTA's. Van 6 concurrerende knoppen naar 1-2 duidelijke acties.
  5. Volgorde veranderen: Een rode draad van storytelling door de hele homepage.
P Ander gebruik (Put to another use)

Welke bestaande content kan een andere rol spelen?

  1. "Estate of the Year" staat op een eigen subpagina met award-badge en het verhaal van familie De Vries. Sterkste vertrouwenssignaal, maar verstopt. Moet naar de homepage.
  2. "Over Ons → Geschiedenis" – de historie van het landgoed is perfect als storytelling op de homepage. "Al sinds 1905" als positionering, niet verstopt onder een dropdown.
  3. Omgevingscontent ("Op het Landgoed", "De Veluwe"), nu informatief bedoeld, maar werkt ook als sfeer-sectie.
  4. Keurmerken uit de footer (Green Key Goud, Quality Lodgings, SVH Meestergastheer) staan nu helemaal onderaan. Die kunnen als vertrouwensbalk direct onder de hero.
E Elimineren (Eliminate)

Wat kan weg?

  1. De popup bij binnenkomst. Super irritant.
  2. De Suites-sectie als volledig sectie-blok op de homepage. Iemand is nog niet overtuigd. Verplaats naar subpagina, toon op de homepage alleen een teaser.
  3. De nieuwsbrief-sectie. Geen incentive, geen reden om je in te schrijven. Naar de footer (mits er genoeg secties zijn) of helemaal schrappen.
  4. 4 van de 6 CTA's. "Direct Boeken", 4 dienst-kaarten, "Bekijk Suites" concurreren allemaal. Minderen.
  5. Overbodige nav-items. 7 hoofditems met dropdowns vol subpagina's. Vereenvoudig, zodat het voor de gebruiker overzichtelijk blijft.
R Omkeren (Reverse)

Wat als we de volgorde omdraaien?

  1. Social proof vóór het aanbod. Eerst Tripadvisor-score of gastenquote, dan pas het aanbod.
  2. Verhaal vóór diensten. Nu springen 4 dienst-kaarten direct na de hero. Draai om: eerst het landgoed, dan het aanbod.
  3. De boekingsmogelijkheid zit nu ín de popup. Je klikt de popup uit irritatie weg en daarmee verdwijnt de enige manier om te boeken. Draai om: boeken moet altijd bereikbaar zijn zónder de popup.
  4. Het interessante staat op subpagina's, het saaie op de homepage. Geschiedenis, award, omgeving, keurmerken zijn allemaal verstopt. De homepage toont een (lage kwaliteit) video en een nieuwsbrief zonder dat iemand daarom heeft gevraagd.
  5. De nav probeert álles te tonen, maar de homepage vertelt niets. Draai om: laat de homepage het verkoopverhaal doen, maak de nav simpel.
  6. Sfeerbeelden zijn nu decoratief (behang, lamp, schilderij in de video). Draai om: beelden die iets communiceren.

Brain Shifter: drie perspectieven, vier respondenten

Schetsen en SCAMPER leveren ideeën op, maar die komen allemaal uit mijn eigen hoofd. Om vanuit andere invalshoeken te denken, heb ik vier mensen buiten het projectteam gevraagd; geen designers, geen collega's die later in de afwegingsmatrix terugkomen, om zich in drie rollen te verplaatsen: de eigenaar van het Groot Warnsborn, een reisredacteur, en iemand die voor het eerst de website opent. Per perspectief stelde ik drie gerichte vragen.

Toon de drie perspectieven
A Denk als de eigenaar (2 respondenten)

"Jij bent de eigenaar. Jouw familie runt dit hotel al vier generaties."

  1. Een journalist belt je. Je hebt één zin om te vertellen waarom mensen naar jouw hotel moeten komen. Wat zeg je?
  2. Welk deel van het hotel laat je NIET zien aan gasten bij aankomst, en waarom niet?
  3. Je concurrent Echoput staat hoger op Google. Wat hebben zij dat jij niet hebt op je website?

Patronen:

  1. Beide respondenten noemen natuur en locatie als sterkste haak. De één voegt "gespecialiseerde keuken en bijzondere historie" toe, de ander "comfort en faciliteiten".
  2. Over wat je zou verbergen: de één zegt wellness ("ziet er beetje skeer uit"), de ander zegt keuken ("niet interessant voor gasten").
  3. Over de concurrent (Echoput): "luxe, uitgebreide website, overzichtelijkheid" versus "meer betaald aan Google." De eerste bevestigt dat de huidige site qua design niet overtuigt.
B Denk als een reisredacteur (2 respondenten)

"Jij bent reisredacteur voor De Volkskrant en schrijft een stuk over bijzondere verblijven."

  1. Je opent de homepage. Na 5 seconden sluit je het tabblad of je leest verder. Wat bepaalt dat?
  2. Wat maakt dit hotel een artikel waard? En wat maakt het saai; "gewoon nog een Veluwe-hotel"?
  3. Je mag één foto uit het hotel kiezen voor bij je artikel. Wat staat erop?

Patronen:

  1. De 5-seconden-test: de één zegt "het filmpje houdt me hooked", de ander zegt "Direct Boeken stoot af. Komt te schreeuwerig over. Moet rustiger gebracht worden."
  2. Wat het hotel bijzonder maakt: "historie en meerdere generaties in combinatie met de keuken" en "het landgoed en de natuur, rust voor stadsmensen." Beide kiezen storytelling boven features.
  3. Welke foto? "De drone foto van bovenaf" en "het hotel midden in het groen." Beide kiezen een buitenbeeld. Niemand kiest een kamer of interieur.
C Denk als een eerste bezoeker – koude test (2 respondenten)

"Jij zoekt een weekend weg voor twee personen." Geen briefing; alleen de huidige homepage op een telefoon. 10 seconden kijken, dan dichtklappen.

  1. Beschrijf in één zin wat voor bedrijf dit is.
  2. Zou je hier boeken? Waarom wel of niet?
  3. Wat miste je? Wat had je willen zien?
  4. Je ziet een popup zodra de pagina opent. Wat doe je?
  5. Noem drie dingen die je wél verwacht op de homepage van een luxe hotel.

Patronen:

  1. Eerste indruk na 10 seconden: "chique diensten, eten, rust, klasse" en "hotel en restaurant." De site communiceert de kern, maar niet de diepte.
  2. Popup-reactie: de één klikt direct weg ("warrig en vreemd zo aan de rechterkant"), de ander leest hem gewoon. Split in reactie, maar de irritatie is er.
  3. Wat mist: "overzicht van het aanbod vóór de boeking, een USP als korte sterke zin, beschikbaarheid" en "prijzenlijst, beschikbaarheid." Beide willen transparantie vóór conversie.
  4. Verwachtingen van een luxe hotel-homepage: reserveren, menukaart, uitleg over hotel en omgeving, mooie beelden. Dit zijn bijna letterlijk de ontwerpeisen.

De inzichten bevestigen drie richtingen die al uit de schetsen en SCAMPER naar voren kwamen:

  • Verhaal; 3 van de 4 respondenten noemen locatie, natuur of historie als sterkste punt. De vierde benoemt het kernaanbod (hotel en restaurant); de richting klopt, de diepte mist. Niemand noemt de prijs.
  • Vertrouwen; "serieus, rustig en betrouwbaar" (respondent 3). De uitstraling moet het hotel recht doen.
  • Conversie; 2 van de 4 willen snel beschikbaarheid zien, maar niet als eerste ding. "Direct Boeken stoot af" (respondent 2). Boeken moet makkelijk maar niet schreeuwerig.

Eén inzicht was nieuw: respondenten verwachten een overzicht van het aanbod (kamertypes, faciliteiten) vóór de boekingsstap.

Van ideeën naar drie richtingen

De drie werkvormen leverden samen tientallen ideeën op. Alle acht ontwerpeisen gelden voor elk concept, maar de ideeën versterken ze niet allemaal op dezelfde manier. Om richting te kiezen heb ik de ideeën geclusterd op het aspect dat ze het meest versterken: verhaal (sfeer, positionering, storytelling), vertrouwen (social proof, autoriteit, keurmerken) of conversie (hero-impact, boekingsflow, informatiehiërarchie). Drie ontwerpeisen (OE-02: popup weg, OE-07: max 1 CTA, OE-08: visuele structuur) zijn binaire randvoorwaarden, die zijn in elk concept verwerkt. De overige vijf bieden ruimte voor creatieve interpretatie; daar zit het verschil tussen de concepten.

Toon clustering
Verhaal → Concept A
Schets 04 (brief van de eigenaar) · P-kaart: geschiedenis als storytelling op homepage · A-kaart: Echoput-model, familie-historie op homepage · M-kaart: rode draad van storytelling · R-kaart: verhaal vóór diensten · Brain Shifter: 3/4 respondenten noemen natuur/historie als sterkste haak
Conversie → Concept B
S-kaart: popup vervangen door bruikbaar alternatief · A-kaart: boekingswidget in hero (Engelenburg-model) · E-kaart: popup elimineren · R-kaart: boeken altijd bereikbaar zonder popup · Brain Shifter: "Direct Boeken stoot af" (respondent 2), boeken moet secundair
Vertrouwen → Concept C
Schets 06 (gastenreview als opening) · P-kaart: award van subpagina naar homepage · M-kaart: award uitvergroten als visueel element · R-kaart: social proof vóór aanbod · P-kaart: keurmerken uit footer naar vertrouwensbalk · Brain Shifter: "serieus, rustig en betrouwbaar" (respondent 3)
Baseline (in alle drie)
Visuele hiërarchie (S-kaart) · minder CTA's (E+M-kaart) · navigatie vereenvoudigen (E+C-kaart) · betere beelden en microcopy (M+S-kaart) · herostructuur met heading + tagline + locatie (A-kaart: Echoput-model) · Tripadvisor-score in de vertrouwensbalk direct onder de hero (A-kaart: Echoput-model)
Afgevallen
Schets 01 (geen scroll) levert geen sectieopbouw op voor een scrollpagina · Schets 02 (seizoensopening) – dynamische content, te ambitieus voor 4 dagen · Schets 03 (routekiezer) interactief concept, niet haalbaar als statische wireframe · Schets 05 (één foto) is te minimaal voor een pitch · Schets 07 (interactieve kaart) is te ambitieus voor 4 dagen · USPs met iconen (A-kaart: Sterrenberg-model) is niet uitgewerkt als sectie in de wireframes.
04 – Drie Conceptrichtingen

Drie homepage-structuren met elk een andere focus

Alle drie de concepten delen een baseline: popup weg, minder CTA's, betere beelden, navigatie vereenvoudigd, herostructuur met heading + tagline + locatie, en een vertrouwensbalk met Tripadvisor-score direct onder de hero. Het verschil zit in de focus van de hero en de opbouw van het verhaal.

Concept A – "Het Verhaal van het Landgoed"

Visuele focus: Het landgoed in zomerlicht. De bezoeker landt in een beeld van de oprijlaan met zon door de bomen.

Verhaallijn: Ontdek → Vertrouw → Boek

Wireframe Concept A: Het Verhaal van het Landgoed
Wireframe Concept A – storytelling als rode draad.
Toon sectieopbouw Concept A
01Hero – Full-bleed landgoedbeeld + heading + tagline + „Boek je verblijf →”
02Vertrouwensbalk – Keurmerken + Tripadvisor-score
03Het Verhaal – Familie De Vries, sinds 1905
04Estate of the Year – Award-badge + quote
05–08Beleef het Landgoed → La Belle Source → Gastenreviews → CTA-blok

Bouwt op: schets 04 (persoonlijke toon → "Het Verhaal"), SCAMPER P-2 (geschiedenis als storytelling), A-4 (Echoput-model: familie-historie), M-5 (rode draad storytelling), R-2 (verhaal vóór diensten), Brain Shifter (3/4 respondenten noemen natuur/historie als sterkste haak). Beleef het Landgoed en La Belle Source zijn ontstaan tijdens het wireframen.

Onderbouwing: Echoput viel op in de benchmark door storytelling: “Al 70 jaar een begrip op de Veluwe.” Groot Warnsborn heeft dat verhaal (sinds 1905, familie De Vries, Estate of the Year) maar vertelt het nergens. Dit concept geeft daar de meeste ruimte aan.

Trade-off: Geen boekingswidget in de hero, alleen een CTA-button die doorverwijst. De bezoeker kan geen datum of gasten selecteren op de homepage zelf.

Concept B – "Boek de Beleving"

Visuele focus: Dezelfde hero, maar met een boekingswidget erin. De homepage voelt als een high-end boekingsplatform.

Verhaallijn: Ervaar → Bewijs → Boek

Wireframe Concept B: Boek de Beleving
Wireframe Concept B – conversie als focus.
Toon sectieopbouw Concept B
01Hero + Boekingswidget – Landgoedbeeld + datepicker/gasten/beschikbaarheid
02Vertrouwensbalk – Tripadvisor + award + keurmerken
03–05Beleef het Landgoed → Culinair Spotlight → Estate of the Year
06–08Arrangementen → Gastenreviews → CTA-blok (herhaling boekingswidget)

Bouwt op: SCAMPER S-2 (popup vervangen), A-2 (Engelenburg-model: boekingswidget in hero), E-1 (popup elimineren), R-3 (boeken altijd bereikbaar zonder popup), Brain Shifter ("Direct Boeken stoot af", respondent 2). Culinair Spotlight en de arrangementen-sectie zijn ontstaan tijdens het wireframen.

Onderbouwing: Lost het booking-probleem op dat de SCAMPER blootlegde: de boekingswidget zit nu in de popup die je uit irritatie wegklikt. Dit concept zet conversie centraal. Engelenburg gebruikt een hero-widget.

Trade-off: Geen familie-historie, geen "sinds 1905". De homepage functioneert, maar lijkt op een standaard hoteltemplate. Voor een acquisitie-pitch is dat riskant.

Concept C – "Autoriteit Voorop"

Visuele focus: De award ís het verhaal. "Estate of the Year 2025" prominent in de hero.

Verhaallijn: Vertrouw → Ontdek → Boek

Wireframe Concept C: Autoriteit Voorop
Wireframe Concept C – de award als hero-element.
Toon sectieopbouw Concept C
01Hero + Award – Landgoedbeeld + „Estate of the Year 2025” badge prominent
02Social Proof Blok – Tripadvisor 4.8/5 + gastenquote + keurmerken
03–07Het Landgoed → Beleef het Landgoed → La Belle Source → Gastenreviews → CTA-blok

Bouwt op: schets 06 (gastenreview als opening), SCAMPER P-1 (award naar homepage), M-3 (award uitvergroten), R-1 (social proof vóór aanbod), P-4 (keurmerken uit footer naar vertrouwensbalk), Brain Shifter ("serieus, rustig en betrouwbaar", respondent 3). Beleef het Landgoed en La Belle Source zijn ontstaan tijdens het wireframen.

Onderbouwing: Ik zet de award op de zwaarste plek (hero) en het social proof blok direct daarna. Dat verdubbelt de vertrouwenssignalen; maar legt veel druk op één troef. Engelenburg doet iets vergelijkbaars met hun "Art of Hospitality" award.

Trade-off: De award draagt het hele concept. Als een bezoeker niet weet wat de European Hotel Awards zijn, verliest de hero aan kracht. Het verhaal is compacter dan in A. Maar meerdere award-verwijzingen op één pagina kan opschepperig overkomen.

Mijn hypothese

Concept A is mijn voorkeur. Het vertelt het verhaal dat de huidige homepage mist, en dat past bij een acquisitie-pitch. Maar ik merk dat ik daar naartoe redeneer. Dus: leg ik dit voor aan zeven personen met verschillende blikken – opdrachtgever (Arjan), stagebegeleider (Lot), designers (Maike, Wolf), peers (Raoul, Mick) en iemand zonder kennis van design (Jessica) en toets ik ze met een afwegingsmatrix.

05 – Convergeren & Conceptkeuze

Van drie richtingen naar één definitief concept

De drie concepten heb ik voorgelegd aan zeven personen met verschillende brillen: Arjan (belanghebbende/opdrachtgever), Lot (stagebegeleider), Maike en Wolf (designers op kantoor), twee medestudenten (peers met design achtergrond) en een gebruiker zonder voorkennis.

Ronde 1 – conceptvoorkeur (Quick-scan)

Arjan (belanghebbende): kiest B op 1, C op 2, A op 3. "De boekingswidget en vertrouwensbalk spreken me het meest aan."

Lot (stagebegeleider): kiest A, maar wil elementen van B erbij. Suggesties: hero met foto/video-achtergrond, Tripadvisor-score als eerste in de vertrouwensbalk, awards prominenter.

Medestudenten en een gebruiker – eerste indruk

Twee medestudenten en een gebruiker zonder voorkennis kregen de drie wireframes voorgelegd. De vragen: "Beschrijf in één zin wat dit bedrijf is. Rangschik de drie. Wat mist er?"

Mick (medestudent): "Verblijf op de Veluwe, in de mooiste natuur van Nederland." Ranking: A → C → B. "Meest herkenbaar en toegankelijk voor bredere doelgroep." Mist: routes/activiteiten.

Raoul (medestudent): "Luxe verblijf in de natuur, waar je kan overnachten, dineren en ook trouwen." Kiest B: "Alles sluit logisch op elkaar aan waardoor je eerder zou boeken." Suggestie: Estate of the Year ook in de hero benoemen.

Gebruiker zonder voorkennis: Ranking: A → C → B. Over A: "Sfeerbeeld is belangrijk om te zien of het je sfeer is. Eigenaren foto, ook leuk. En foto’s uitreiking award en foto’s landgoed en verhaal over landgoed." Over B: "Ziet er betrouwbaar uit, genoeg informatie." Over C: "Foto’s landgoed in zomer trekt aandacht, misschien jammer niet in winter."

Ronde 2 – afwegingsmatrix

5 van de 8 ontwerpeisen (1,3,4,5,6) heb ik omgezet naar een scoringsmatrix en voorgelegd aan Arjan, Lot, Maike en Wolf. De overige drie (2: popup weg, 7: max 1 CTA, 8: visuele structuur) zijn randvoorwaarden die in alle concepten zijn verwerkt – daar is geen beoordeling voor nodig. Per eis: 0 (niet aanwezig), 1 (aanwezig) of 2 (sterk/onderscheidend). Alle eisen wegen gelijk: ze definiëren samen de minimale kwaliteit van de homepage, niet een rangorde.

Beoordelaar A B C
Arjan (belanghebbende) 8 7 7
Lot (stagebegeleider) 8 6 6
Maike (designer) 5 5 9
Wolf (designer) 4 4 3
Totaal 25 22 25

A en C scoren gelijk (25). B scoort lager (22). Arjan en Lot scoren A het hoogst; zij kennen het landgoed en de opdracht. Maike scoort C het hoogst op social proof en verhaal. Wolf scoort strenger dan de rest, met USPs op 0 voor alle drie.

Toon scores per ontwerpeis
Ontwerpeis (som 4 beoordelaars) A B C
OE-01: Hero maakt in 3 sec duidelijk wat GW is 6 7 3
OE-03: Social proof direct zichtbaar 3 3 7
OE-04: "Estate of the Year" valt op 6 5 7
OE-05: De homepage vertelt een verhaal 6 2 4
OE-06: Kernwaarden/USPs komen duidelijk over 4 5 4
Totaal 25 22 25

A scoort het sterkst op verhaal (6) en deelt de koppositie op hero en award. B wint op hero (7) maar verliest op verhaal (2). C domineert op social proof (7) en award (7) maar scoort laag op hero (3): de award in de hero maakt niet direct duidelijk wat Groot Warnsborn ís. USPs scoren bij alle drie gemiddeld; Wolf gaf hier 0 voor elk concept.

Synthese

De matrix geeft geen eenduidige winnaar: A en C staan gelijk op 25. Maar de kwalitatieve ronde maakt het verschil. Lot, Mick en de gebruiker kozen A als eerste. Arjan koos B in de quick-scan; de boekingswidget sprak hem aan maar scoorde A het hoogst op de ontwerpeisen. Dat laat zien dat het widget-idee hem trok maar niet genoeg woog in de eisen.

Twee dingen steken boven de cijfers uit. De award moet prominenter: Raoul, de gebruiker én Lot zeggen dat allebei. Mick mist activiteiten: wandelroutes of omgeving-content ontbreekt in alle drie.

Wat ik meeneem: de verhaallijn van A met de vertrouwenssignalen van C. Award, Tripadvisor-score en keurmerken schuiven naar boven. De hero krijgt een foto/video-achtergrond (Lot).

Praktijkkaders: dit herontwerp is een acquisitie-pitch: ik bouw een demo-website waarmee Arjan namens Like Bamboo aan Groot Warnsborn kan laten zien wat ze missen met hun huidige homepage. Het doel is hen overtuigen om met Like Bamboo samen te werken. Concept B's boekingswidget is dan een lege schil die niets demonstreert. Concept A's verhaallijn laat juist zien wat het hotel nu laat liggen: hun eigen verhaal, sinds 1905.

Definitief concept – Hybride A + C

De verhaallijn van Concept A (wie is Groot Warnsborn, sinds 1905, familie De Vries) met de prominentere vertrouwenssignalen van C: de award schuift van een eigen sectie naar de hero, en het social proof blok wordt een zelfstandig element direct onder de hero. De keuze is gevalideerd door zeven personen: belanghebbende, stagebegeleider, twee designers, twee medestudenten en een gebruiker.

Terug naar

Portfolio ↗