Na een aantal vorige samenwerkingen werden wij weer benadert door Rijschool Haan. Zij waren op zoek naar een nieuwe website die hun uitstraling zou weerspiegelen. Onze opdracht was om een site te ontwikkelen die niet alleen visueel aantrekkelijk is, op de achtergrond betrouwbaar is maar ook het Rijschool Haan D.N.A. en geschiedenis uitstraalt. Daarnaast is het ook heel belangrijk dat op de achtergrond het personeel bij Rijschool Haan gemakkelijk de content kan bewerken.

 

Uitdagingen

Wij hadden dus te maken met een aantal uitdagingen.

1. Het design moet aansluiten bij een bedrijf waarvan de "wortels" al lange tijd in de aarde staan.
2. De content moet aanpasbaar zijn
3. Laadsnelheid en gemak van gebruik ligt hoog in het vaandel
4. Een zoekfunctie om gemakkelijk informatie in te winnen.

 

Design & C.M.S.

Wij zijn gestart met het grondig inspecteren van de oude website, als je de oude site hebt gezien zal het je opvallen dat het allemaal hetzelfde lijkt. Maar toch compleet wat anders is. Dit is een bewuste keuze geweest om de digitale identiteit die er al bestaat te respecteren. Gloednieuw is het dus niet, het is beter een 2.0 te noemen.

Voor de klant is laadsnelheid en aanpasbaarheid belangrijk. Onze keuze was dan om Directus te combineren met Astro. Door de headless architectuur van Directus te combineren met het statisch serveren van content via Astro kunnen wij beiden doelen behalen. Astro levert namelijk een "blanke pagina" met instructies waar de tekst op te halen via een API call naar Directus. Zo kan de site (in dit geval de blanke pagina) heel snel geleverd worden waarna vervolgens de inhoud "magisch" wordt toegevoegd. Het gebeurt zo snel dat je eigenlijk geen eens meekrijgt dat dit proces plaatsvindt.

 

 

On-site zoekmachine

Waar plaatsen we lesprijzen zodat bezoekers ze goed kunnen vinden? Hoe doen we dit met rijexamens voor een auto met handmatige schakel? Moeten we bepaalde dingen dan maar dubbel op verschillende pagina's plaatsen?

Dit waren een aantal van de vragen waar wij samen met de klant tegen aan liepen tijdens het bedenken van de locatie van content. Uiteindelijk hebben we gekozen om een on-site zoekmachine te bouwen. Wie zoekt zult vinden! Op deze manier hoeven wij ons geen zorgen te maken om hele specifieke vragen onbeantwoord te laten. Om bezoekers gelijk up to date te brengen bevat elke pagina ook een zin waar staat wanneer deze pagina (of een onderdeel hiervan) voor het laatst is gewijzigd. Wel zo logisch met de dynamische rijschoolwereld waar wetten, informatie en procedures blijven veranderen.

 

Resultaat

Als wij dit alles combineren komen we uit op de site zoals hij nu te bezoeken is. Door de combinatie van Astro en Directus zul je ervaren dat het lijkt alsof het "gewoon" een website is. Maar op de achtergrond is alles haarfijn afgesteld om voor de beste gebruikers ervaring te zorgen. Neem vooral een kijkje!

 

Onze stack bij dit project

• Directus (CMS)
• Op maat gemaakte plugins voor Directus om on-site zoeken mogelijk te maken
• Astro (front-end framework)
• TailwindCSS (css styling)
• HTML, CSS en natuurlijk een beetje JavaScript