Beleggen

Voor een UX-collega heb ik een illustratie en een animatie gemaakt (hierboven te zien). De collega was bezig met het verbeteren van de Begeleid Beleggen aanvraagstraat. Het nieuwe ontwerp moest leiden tot een conversieverhoging. De animatie zou aan het einde van de aanvraagstraat getoond worden en moest bevestigen dat de aanvraag gelukt was.

De ideeën

Hieronder staan de drie opties die ik had uitgewerkt, de ballonnen en de fles champagne vonden we beiden net iets te feestelijk, dus kozen we voor de opstijgende raket. Het lanceren van de raket staat voor het starten van een nieuwe ontdekkingstocht.

De ideeën

Hierboven staan de drie opties die ik had uitgewerkt, de ballonnen en de fles champagne vonden we beiden net iets te feestelijk, dus kozen we voor de opstijgende raket. Het lanceren van de raket staat voor het starten van een nieuwe ontdekkingstocht.

After Effects

Ik moest eerst alle elementen van de animatie uittekenen in Illustrator, de raket, de stofwolken, de straalaandrijving, de grond en de wolken. Deze heb ik vervolgens in After Effects geïmporteerd, zodat ik de animatie kon gaan maken. After Effects maakt gebruik van een lagen-systeem in combinatie met een tijdlijn. Elke laag bestaat uit beeldmateriaal of effecten. De positie van deze effecten kan daarom exact worden vastgesteld per laag. Zo kan met keyframes een effect per beeldje, waaruit een video bestaat, gepositioneerd en ingesteld worden. De tijdlijn geeft deze instellingen chronologisch weer.

De flow

Om mee te varen op het succes van de toenemende populariteit van messenger apps, besloot mijn collega de Begeleid Beleggen aanvraagstraat te gieten in een conversation design, zodat de conversie omhoog zou gaan.