December 2018

Nieuwe website Dagboekreizen

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:

  • mobiele telefoon
  • tablet in portrait modus
  • tablet in landscape modus
  • desktop/laptop

 

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.

scroll action

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.

 

Hover actie

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.

 

sticky tabs

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.

 

www.dagboekreizen.nl