Label A

De nieuwe site: behind the scenes

Waarom een nieuwe site? De oude was toch prima?

Nou, die was al bijna 2 jaar 'oud' en qua technologie niet meer echt cutting-edge. Vergeet niet dat HTML 5 destijds nauwelijks echt goed werd ondersteund en de iPad nog niet bestond. Bovendien was de stylesheet nooit echt netjes gemaakt dus wilde we even helemaal vers beginnen. 

 

Opvallende trends

We hebben natuurlijk zelf wel de nodige ideeen van wat goed is en wat niet goed is maar er zijn ook een aantal opvallende trends waar we rekening mee gehouden hebben in bepaalde beslissingen.

• Schermresoluties zijn veel hoger geworden. Met deze site optimaliseren we eigenlijk voor het eerst niet meer voor 1024 x 800 maar voor grotere schermen. Het aandeel bezoekers die nog kleine schermresoluties gebruiken is echt veel kleiner geworden en dus staat niet meer op de eerste plek. Uiteraard werkt de site nog prima. 
• IE6 zijn we nu echt klaar mee. Wat zou ons leven toch makkelijker zijn zonder rekening te houden met Internet Explorer. Zeker de oude versies beperken de mogelijkheden behoorlijk. We hebben besloten om IE6 bezoekers te trakteren op een waarschuwing en een lichte, 'bare' versie. Zonder submenu's, mouse-overs en andere details. Grappig is dat deze kleine groep IE6 gebruikers ook bijna altijd de groep is met lage resolutie. 
• Mobile bezoek vliegt omhoog. We kwamen er nog wel mee weg met de oude site maar nu hebben we echt vanaf het begin rekening gehouden met mobiele bezoekers.

 

Gedachten en ideeen

naast bovengenoemde trends die tot belangrijke beslissingen hebben geleid spelen ook de volgende overwegingen.

• De site moet veel visueler. Minder content, meer beleving door foto's. Grote, schermvullende foto's. Bekijk onze concurrenten, bijna allemaal gebruiken ze nu nog relatief kleine banners bovenin met een foto. Daarmee zijn we niet onderscheidend genoeg. Het moet (en kan dankzij hogere schermresoluties) veel groter.
• Minder content. Geen blog, wel twitter. We hebben nu veel minder content op de site staan. De blog werd niet goed genoeg gelezen of bijgehouden. Dan kun je hem beter schrappen. Wel hebben we nu allerlei actualiteiten opgenomen, tweets en nieuwsberichten door elkaar.

 

Hoe?

• We gebruiken verschillende sets foto's en stylesheets afhankelijk van de bezoeker. Grote scherm = grotere set foto's en meer ruimte. Kleinere schermen krijgen kleinere afbeeldingen en andere verhoudingen.
• Welkom mobile bezoeker! We hebben voor lage, mobiele resoluties afwijkende functies ingebouwd. De knoppen en menu wordt veel groter. Ook kun je met 'swipen' navigeren.