opstolk

01 / UI DESIGN & WEB DESIGN

Op Stolk B&B redesign

Op Stolk is een sfeervolle bed & breakfast midden in het Groene Hart. De bestaande website bevatte veel informatie, maar door lange tekstblokken en weinig visuele hiërarchie was deze lastig te scannen. Ik ontwierp een nieuwe website waarin rust, overzicht en het landelijke karakter van de B&B centraal staan. De informatie is opnieuw gestructureerd, belangrijke onderdelen zijn sneller vindbaar en fotografie krijgt meer ruimte om de sfeer van Op Stolk over te brengen

UX/UI redesign van de Op Stolk B&B website op desktop en mobiel

PROJECTDUUR

In ontwikkeling

DIENSTEN

UI/UX design

TECHNOLOGIE

Figma & WordPress

01 DE UITDAGING

Van veel informatie naar rust en overzicht

De oorspronkelijke website van Op Stolk bevatte veel waardevolle informatie, maar miste een duidelijke visuele hiërarchie. Lange tekstblokken maakten de pagina’s lastig scanbaar en de sfeer van de B&B kwam online nog onvoldoende naar voren. De uitdaging was om alle bestaande informatie te behouden, maar deze op een rustigere en toegankelijkere manier te presenteren. Tegelijkertijd moest de website het persoonlijke en landelijke karakter van Op Stolk uitstralen.

website mockup van op stolk b&b

DE OORSPRONKELIJKE WEBSITE

02 MIJN AANPAK

Ontworpen rondom de vragen van de bezoeker

In het nieuwe ontwerp heb ik de content opnieuw gestructureerd rondom de belangrijkste vragen van potentiële gasten: wat biedt de B&B, hoe ziet het verblijf eruit, wat is er te doen in de omgeving en wat kost een overnachting? Door informatie op te delen in duidelijke secties en aparte pagina’s ontstaat een rustigere bezoekerservaring waarin belangrijke informatie sneller te vinden is.

Overzicht van de belangrijkste faciliteiten in het nieuwe ontwerp van de Op Stolk B&B website

01

Overzicht

Informatie is opgesplitst in duidelijke en scanbare secties, zodat bezoekers snel zien wat deze B&B biedt.

Google reviews geïntegreerd in het nieuwe websiteontwerp van Op Stolk B&B

02

Vertrouwen

Reviews en persoonlijke informatie over de eigenaren geven bezoekers een beter beeld van het verblijf.

Fotogalerij en verblijfsinformatie in het nieuwe ontwerp van de Op Stolk B&B website

03

Oriëntatie

Faciliteiten, tarieven, foto's en de omgeving kregen een duidelijke plek binnen de website, zodat bezoekers makkelijk verder kunnen navigeren.

03 BEFORE & AFTER

Een nieuwe uitstraling voor Op Stolk

Het nieuwe ontwerp combineert een rustigere informatiestructuur met warme natuurtinten, royale witruimte en sfeervolle fotografie die aansluit bij de landelijke omgeving van de B&B.

website mockup van op stolk b&b

OUDE HOMEPAGINA

Nieuw UX/UI ontwerp van de homepage van Op Stolk B&B na het redesign

NIEUWE HOMEPAGINA

4 HET ONTWERP

Meer dan alleen de homepagina

Het ontwerp is doorvertaald naar alle belangrijke pagina's van de website. Met een consistente visuele stijl, duidelijke informatiehiërarchie en herbruikbare componenten blijft de ervaring herkenbaar en overzichtelijk op iedere pagina.

website mockup van op stolk b&b

OUDE HOMEPAGINA

4 HET ONTWERP

Meer dan alleen de homepagina

Het ontwerp is doorvertaald naar alle belangrijke pagina's van de website. Met een consistente visuele stijl, duidelijke informatiehiërarchie en herbruikbare componenten blijft de ervaring herkenbaar en overzichtelijk op iedere pagina.

Overzicht van het UX/UI redesign van de verschillende pagina's van de Op Stolk B&B website
Overzicht van het UX/UI redesign van de verschillende pagina's van de Op Stolk B&B website
Overzicht van het UX/UI redesign van de verschillende pagina's van de Op Stolk B&B website
Overzicht van het UX/UI redesign van de verschillende pagina's van de Op Stolk B&B website

Klaar voor een website die jouw merk naar het volgende niveau tilt?