Alklima
Dit project is tot stand gekomen tijdens mijn werkzaamheden bij Slidebuilder b.v.
Mijn rol als Visual Designer binnen Slidebuilder b.v. houdt in dat ik gebruiksvriendelijke templates ontwikkel voor diverse klanten. Voor dit project heb ik een interactieve demo ontwikkeld voor Alklima. De focus lag op het creëren van een dynamische en gebruiksvriendelijke manier van navigeren binnen een PowerPoint-presentatie.
Opdracht
Alklima is een bestaande opdrachtgever die eerder een presentatie door ons heeft laten maken. Tijdens de meeting kwam naar voren dat zij een interactieve PDF wilden omzetten naar een presentatie.
Hun wensen:
-
De volledige PDF vertalen naar een PowerPoint-presentatie.
-
Een wow-effect creëren met animaties.
-
Een intuïtieve en eenvoudige navigatie.
De presentatie wordt ingezet op beurzen en dient als visuele ondersteuning bij de productpresentatie van Alklima.
Mijn aanpak
De grootste uitdaging was het interactief maken van het ontwerp. Dit heb ik stapsgewijs aangepakt:
​
1. Eenvoudige navigatie binnen de presentatie
Als eerste heb ik getest hoe een gebruiker zich door de slides kan bewegen. Bij de start krijgt de gebruiker een keuzemenu om een onderwerp te selecteren. Dit is gerealiseerd met knoppen die linken naar specifieke dia’s binnen het bestand.
Daarnaast bevat de laatste slide een tekstvak dat uitklapt wanneer erop geklikt wordt. Dit heb ik gecreëerd met een trigger-animatie, waardoor de tekst dynamisch verschijnt.
2. Een overzichtelijk navigatiemenu
In de eerste test ging de gebruiker lineair van A naar B. Om een flexibelere navigatie mogelijk te maken, heb ik onderaan de slides een compact menu toegevoegd met navigatieknoppen:
-
Pijlen om vooruit en achteruit te gaan.
-
Een home-knop om direct terug te keren naar het begin.
-
Een hamburger-menu dat bij klikken een lijst met onderwerpen weergeeft.
Binnen het pop-upmenu (lijst met onderwerpen) is het actieve onderwerp dikgedrukt, zodat de gebruiker altijd weet waar hij zich bevindt. Hierdoor wordt het eenvoudiger om tussen onderwerpen te navigeren.
3. Een wow-effect met animaties
De interactieve navigatie stond, maar de presentatie voelde nog statisch aan. Omdat het concept draait om een stad waarin de producten van Alklima een rol spelen, heb ik animaties toegevoegd om het geheel tot leven te brengen:
-
Auto’s die heen en weer rijden, waardoor de presentatie dynamischer oogt.
-
Zwevende wolken boven de stad, wat zorgt voor visuele diepte en gelaagdheid.
-
Een zoom-in transitie, waarmee de gebruiker als het ware in een gebouw duikt bij het selecteren van een onderwerp.
Het resultaat
De demo combineert gebruiksvriendelijkheid met visuele impact en interactieve navigatie. Alklima was enthousiast over de presentatie en zag direct de mogelijkheden voor verdere implementatie.