In opdracht van PageLink heb ik voor Diergaarde Blijdorp een simpele interactieve fotogalerie gemaakt in Flash. Het verschil met een standaard fotogalerie was de wens om een animatie van een lopende vogel over een wereldbol te tonen bij het verwisselen van een foto. Daarnaast moest de gebruiker een subset serie foto’s kunnen bekijken aan de hand van een gebied op de wereld, zoals Afrika, N/Z-Amerika, Europa, Azie etc. Dit was een kleine maar leuke opdracht.
In opdracht van Jaarsma-DeBoer heb ik voor Stalad een Flash intro en een navigatie applicatie gebouwd.
De wens was om in het intro, aan het einde van een introductiefilmpje, een langzaam roterende 3D cubus te tonen waarbij op twee zijden kan worden geklikt waarna de gebruiker naar een volgende pagina wordt gebracht.
In de navigatie applicatie staat dezelfde langzaam roterende 3D cubus. Verder kan de gebruiker een sector aanklikken waar Stalad zich op richt. Door met de muis over een van de knoppen te bewegen, of over de grote vlakken rechts van het menu, wordt er een speels visuele transitie afgespeeld.
In het onderdeel ‘De auto’ van een door iMediate ontwikkelde website voor het programma ‘Engineering the World Rally‘ i.o.v. Discovery Channel NL, wordt een interactief 3D-model van een Subaru Impreza, type WRC2007 aan de bezoeker getoond. Bezoekers van de website kunnen het model over de y-as van het voertuig draaien en op bepaalde onderdelen van de auto klikken. Aanklikbare onderdelen worden gehighlight als de bezoeker met de pointer van zijn muis over een onderdeel schuift. Na klikken wordt een detailfoto van dit onderdeel getoond en, waar van toepassing, een lijst met specificaties van dat onderdeel.
De gebruiker kan op een interactieve manier de auto van alle kanten bekijken door het ronde platform waar de auto op staat bij de rand met de muis vast de klikken en te verschuiven. Hierdoor wordt de auto 360 graden rondgedraaid en kan de gebruiker met de muis verschillende onderdelen uitlichten en hier informatie over inzien.
De “3D” auto bestaat in werkelijkheid uit zo’n 36 gerenderde plaatjes van het werkelijke 3D model. Het 2006-model heb ik aangeschaft en hier heb ik vervolgens in Maya kleine onderdelen van aangepast die in het 2007-model verschillen van het vorige model. Om ook de hotspots in de animatie correct mee te animeren tijdens het roteren heb ik het model nogmaals gerenderd naar losse plaatjes, maar dit keer als (vector) swf-bestanden. Hierdoor kreeg ik per onderdeel een nette vector map die de muisklikken kon doorsturen naar de applicatie.
In opdracht van Buro Blink heb ik voor de website “Op de Brouwerij” een navigatiestrook gemaakt in Flash. Alle componenten in deze Flash applicatie worden dynamisch ingevuld met data vanuit een xml document.
Deze strook (rechts in het plaatje) bevat allereerst een navigatiepaneel met hoofdpagina’s (groen) en subpagina’s (grijs) welke de gebruiker doorsturen naar de correcte pagina. Daaronder kunnen vervolgens een of meerdere componenten worden getoond, zoals een lijst met korte teksten, of een news ticker.
De website is hier te vinden: http://www.opdebrouwerij.nl
Buro Blink vroeg me om de bouwmethode van Qbiz uit te werken tot een interactief Flash design concept. De bouwmethode van Qbiz bestond uit de mogelijkheid om een gebouw te ontwerpen uit standaard componenten, gekoppeld aan een soort centrale “aorta” of gangenstelsel waarin alle bekabeling in zit verwerkt. Hierdoor was het mogelijk om zeer snel een gebouw op te zetten.
Deze bouwmethode wilde ik in het ontwerp duidelijk maken. Ik had het volgende voor ogen: een interactieve Flex applicatie waarin pagina’s bestaan uit losse componenten, gekoppeld aan een centrale header of navigatiestrook (zoals de aorta). De navigatie van pagina naar pagina gaat via transities waarbij blokken met content worden toegevoegd, weggehaald of vervangen met nieuwe content.
Uiteindelijk heb ik een storyboard, beschrijving en een Flex demo opgeleverd om het concept te verduidelijken. Buro Blink heeft dit verder zelf verwerkt tot een website in iets andere vorm.
