Voor Dagboekreizen ontwikkelde Intakt een nieuwe responsive website op basis van het Intakt CMS. Dagboekreizen is een intieme reisorganisatie die vanuit eigen ervaring en actuele kennis individuele rondreizen aanbiedt naar bestemmingen over de hele wereld. Zij kennen hun klanten goed, en hebben specifieke ideeën over het design en de functionaliteit van de website.
Responsive
De vorige website was nog niet mobiel vriendelijk. Met het oog op gebruiksvriendelijkheid en vindbaarheid door zoekmachines was een vernieuwingsslag essentieel. Aan de hand van vier zogenoemde “viewports” wordt de layout aangepast aan het scherm dat wordt gebruikt. Grofweg zou je kunnen zeggen dat deze viewports zijn:
UX design
Door middel van het monitoren van het gedrag van de bezoekers is er een sterk idee ontstaan van de optimale indeling van de website en het gedrag van de elementen op de pagina's. Het “UX design” (user experience design) is in eerste instantie in een wireframe aangeleverd, vervolgens is een grafisch ontwerp gemaakt, en tenslotte is alles omgezet naar html en javascript.
Er wordt in de gaten gehouden wanneer de gebruiker naar beneden scrolt. Belangrijke elementen worden hierop aangepast. In dit geval wordt de button “Stel je rondreis samen” zichtbaar in de menubalk zodra die door het scrollen uit beeld verdwijnt.
De animatie hierboven is gemaakt van een element dat naar een reispagina verwijst. Doorgaans bevindt een element als deze zich tussen andere soortgelijke elementen die allemaal naar een bepaalde reispagina verwijzen. Om de layout compact, overzichtelijk en voorspelbaar te houden wordt alleen een titel en een foto weergegeven. De hover actie stelt de bezoeker toch in staat alvast iets van de inhoud te lezen voordat er daadwerkelijk naar een andere pagina wordt genavigeerd.
De product pagina's van deze website bevatten veel foto's en gedetailleerde informatie die in verschillende secties op de pagina worden aangeboden. Deze secties zijn zichtbaar gemaakt in een extra menu. (zie animatie hierboven) Als de gebruiker verder naar beneden scrollt blijft dit extra menu zichtbaar in beeld, en aan de gekleurde achtergrond is te zien in welke sectie men zich bevindt. Het extra menu biedt snelle navigatie en overzicht.
SEO
Een goede search engine optimization en monitoring van gebruikersgedrag op de pagina's draagt bij aan het succes van een website. Bij Dagboekreizen wordt hier veel aandacht aan besteed. Voorafgaand aan de bouw van de website was er een duidelijk plan dat in het technische ontwerp is meegenomen. Een goede voorbereiding is het halve werk, dat is wederom gebleken.
