NEBU roadmap: samensmelting van techniek en communicatie

Communicatie en techniek komen steeds vaker bij elkaar. En dat kan zo leuk zijn. Voor NEBU was de vraag eigenlijk best simpel.
“We willen ons productontwikkelplan visualiseren. De aankomende jaren gaan we flinke stappen maken en de voordelen van die stappen willen duidelijk maken aan onze klanten.”

Een suf powerpointje was een makkelijke oplossing geweest. Iets met Flash kon dan weer niet. Moet immers wel op de iPad werken. Maar met technieken als html5, css3, woff/svg, png24 animatie, parallax, jquery, hashbang is het ook ‘gewoon’ mogelijk fullscreen presentatie te maken.

Het resultaat? Een site van een pagina waar je met scrollen en met de ‘heen’ en ‘terug’ knoppen van je browser doorheen kan, met een “go” functie voor automatisch afspelen.
Achtergrond, animaties en tekst in verschillende lagen. wel zo handig als je eens een tekst wil veranderen.

Niet alleen de oplossing maar ook de weg erheen was leuk. Klant verspreid over 3 landen, knokken tegen een deadline, dus open, eerlijk en snel communiceren. We roepen altijd ‘open en eerlijk’. Dit is daar een mooi voorbeeld van. Eigenlijk zoals je altijd zou willen samenwerken.

DEMO: Bekijk de roadmap hier zelf

Een kijkje in de keuken: 

1) De animaties bestaan uit transparante fullcolor (24bit png) afbeeldingen. Er is dus geen gebruik gemaakt van Flash. 

2) Het inladen van deze beelden (die samen maar liefst 11megabyte groot zijn) vindt plaats voor en na het animeren, maar niet tijdens. Daardoor veroorzaakt het inladen van de afbeeldingen geen vertraging in de animaties.

3) Er is gebruik gemaakt van webfonts technieken die compatibel zijn met alle browsers. Daardoor is de typografie in de browser niet gebonden aan standaard fonts en ook indexeerbaar door zoekmachines.

4) Er is gebruik gemaakt van parallax techniek. Elke ‘slide’ in de presentatie bestaat uit z’n eigen elementen die boven of onder elkaar vrij bewegen, waardoor een gevoel van diepte ontstaat.

5) De presentatie bestaat uit één pagina, maar elke slide is dankzij
‘hashbangs’ los indexeerbaar door Google.

6) De techniek is volledig stand-alone uitvoerbaar. Dus ook zonder
internet verbinding of op een tablet kan de presentatie vertoond worden.