Compacte case
Van bestaand merk naar een complete digitale uitstraling
Een bestaand logo en kleurenpalet vertaald naar een kleurrijke digitale uitstraling voor een team dat werkt met virtual reality, 3D en games.
De opgave
Voor het Kameleon3D-team bestond nog geen eigen website. De naam, het logo en het kleurenpalet lagen vast, maar de rest van de digitale uitstraling moest nog worden opgebouwd.
De uitdaging was om de speelse wereld van VR, 3D en games zichtbaar te maken, zonder dat de website te druk of te vrijblijvend zou aanvoelen voor zakelijke en educatieve toepassingen.
De naam gaf daarbij een logisch vertrekpunt. Een kameleon verandert van kleur en past zich aan zijn omgeving aan. Dat sloot goed aan bij een team dat net zo breed werkt, van educatieve VR-toepassingen tot games en 3D-visualisaties. Vanuit die bestaande basis bouwde ik de visuele richting van de website verder uit.
Responsive gedrag was vanaf het begin onderdeel van het ontwerp. Op mobiel verschuift de kameleon naar onderen, zodat de belangrijkste boodschap en call-to-action direct zichtbaar blijven.
De route door de website
Voordat de structuur vastlag werkte ik in het prototype vier verschillende routes door de website uit. Daarbij keek ik niet alleen naar de losse pagina’s, maar vooral naar de volgorde waarin iemand informatie tegenkomt: eerst lezen over de expertises, eerst het werk bekijken, of zo snel mogelijk richting contact.
Daaruit bleek dat de projecten eerder in de ervaring moesten verschijnen. Voor een team dat werkt met VR, games en 3D zegt het gerealiseerde werk uiteindelijk meer dan een lange uitleg over wat het team allemaal kan.
Van website naar promotiemateriaal
Expertises
Desktop en mobiel zijn op dezelfde schaal getoond. Daardoor wordt zichtbaar hoe de inhoud zich herschikt zodra de beschikbare breedte kleiner wordt.
Projecten
Op mobiel verandert het filter van een vaste kolom naar een uitklapbare knop boven de kaarten. Zo blijft er zoveel mogelijk ruimte over voor het beeld.
Een project in detail
Ook op detailniveau bleef het uitgangspunt hetzelfde: veel ruimte voor het werk zelf, met de ondersteunende informatie er duidelijk omheen.
Doorgetrokken naar print
Naast de website ontwierp ik ook flyers in dezelfde visuele lijn, zodat de stijl niet alleen online herkenbaar bleef. Kleuren, typografie en beeldtaal komen in beide media terug.
De eerste richting gebruikte een beschilderde muur als doorlopend decor. Visueel had dat veel karakter, maar het nam ook veel aandacht op.
Feedback verwerken in een tweede versie
Het team vond deze eerste richting uiteindelijk minder goed werken. De muur trok veel aandacht en liet te weinig rust over voor de inhoud. Dat was terechte feedback.
Daarom ontwierp ik een tweede versie waarin de achtergrond rustiger werd en de boodschap meer ruimte kreeg. Dezelfde kleuren en dezelfde basis, maar met meer focus op leesbaarheid en hiërarchie.
