B&B Noordvliet benaderde ons dat ze binnenkort open gingen en een website nodig hadden. Met veel plezier zijn we aan de teken tafel gaan zitten en hebben stapsgewijs een concept uitgewerkt. In deze case lees je hoe wij tot een mooie website uit zijn gekomen ondanks een krappe deadline.

 

Chique, Creatief en Duidelijk

Dat waren de drie hoofdpunten die uit onze conversaties kwamen. Een website die alle drie had was het doel. Het was enorm belangrijk dat de website goed duidelijk was. Dit is omdat de doelgroep van de B&B breed is en we voor alle leeftijden het proces van boeken mogelijk willen maken.

Daarnaast was het van belang dat de website gemakkelijk up-to-date gehouden kon worden. Door middel van een headless C.M.S. is het ons gelukt de laadtijden laag te houden en een eenvoudige interface aan de B&B te geven waarmee ze de volledige website aan kunnen passen.

 

B&B in progress

Omdat de B&B nog niet geopend was toen wij de eerste gesprekken voerden waren er een aantal onderdelen nog in ontwikkeling, waaronder de huisstijl. Door een kort lijntje met het team te houden hebben we over meerdere ontwerp rondes heen op tijd aanpassingen kunnen verrichten en nieuwe kleuren e.d. toe kunnen passen waar nodig. Hierdoor is de huisstijl als het ware meegeëvolueerd met de website zelf.

Er stond dan ook een strakke deadline op de planning wanneer de deuren officieel open gingen. Aan onze kant was dit een leuke uitdaging waar we normaal minder mee hebben te maken door dat wij eerst met klanten een MVP afspreken. Maar dit keer kon dat niet omdat alles echt af moest zijn voor de deadline.

 

 

Uitdagingen

Door de strakke deadline en nog onzekere huisstijl hebben wij meerdere design rondes gehad waar wij een aantal punten moesten veranderen om met de huisstijl weer te updaten. Dankzij een goede frontend component strategie was dit niet een probleem. Wij hebben in de code alles goed onderverdeeld waardoor onder andere knoppen niet meerdere keren in de code gedefinieerd zijn, hierdoor is aanpassen van een kleur niet een werk van een aantal uur maar een aantal minuten, niet over 10 bestanden maar over 1.

Daarnaast was het ook belangrijk om het boekingsproces goed te laten verlopen. Na een aantal gesprekken hierover hebben we besloten om het al bestaande reserveringssysteem te integreren in de website. Op deze manier blijven alle reserveringen op een plek staan en kan er geen verwarring ontstaan waar wat wanneer is geboekt of staat geregistreerd.

Als kers op de taart gebeurt er in Maassluis veel in het kader van evenementen. Het leek ons enorm leuk om hier iets mee te doen zodat dat de website 24/7 geüpdate moet worden. Na een onderzoek kwamen wij er helaas achter dat de gemeente geen handige API aanbood om de nieuwste evenementen op te halen. Na wat denk werk zijn wij tot een middenweg gekomen. Er kunnen handmatige via het C.M.S. nieuwe evenementen op de website geplaatst worden, deze evenementen zijn snel en makkelijk te plaatsen met een link naar het volledige evenement van de host zelf. Zo is de website toch makkelijk up-to-date te houden zonder dat het uren aan maatwerk kost.

 

De stack in dit project

• Directus - Headless Backend C.M.S.
• Astro.js - Frontend framework
• TailwindCSS - CSS framework

 

Op tijd de lucht in!

Inmiddels staat de website live en kun je deze bezoeken. Het live zetten is feilloos gegaan door een productie site online klaar te zetten (natuurlijk zonder indexering) en op de dag van live gaan een A record toe te voegen. Hierdoor hebben wij alle stress van de lancering dag kunnen vermijden, omdat alles al aan onze kant klaarstond.

Benieuwd naar wat we nog meer kunnen betekenen? Neem dan contact met ons op!