Visual interface design

Interface & Beweging

Mockup beeld laptop op bureau

Voor deze opdracht heb ik een digitale presentatie gemaakt waarin ik de evolutie van telefoons door de tijd heen presenteer. Het project toont hoe de communicatie met telefoons is veranderd, van een bakelieten draaischijftelefoon uit 1920, naar een moderne smartphone van nu, tot een futuristisch holografisch apparaat dat de toekomst symboliseert. Elk tijdperk wordt gepresenteerd met een bijpassende animatie en geluidseffecten, die het gebruik van de telefoon in die periode benadrukken.

Het ontwerp van de presentatie is geïnspireerd door een minimalistische stijl, zodat de animaties en de tijdlijn centraal staan. De achtergrond en visuals ondersteunen de evolutie van de telefoons zonder af te leiden, met subtiele overgangen tussen de verschillende tijdperken. Een belangrijk onderdeel van de opdracht was het maken van moving icons die de interacties van elk tijdperk visueel ondersteunen. Zo heb ik een draai-icoon ontworpen voor de draaischijftelefoon, een trillen-icoon voor de smartphone en een oplichtend icoon voor het hologram. Deze icons zijn volledig geanimeerd en versterken de presentatie doordat ze de acties binnen de tijdlijn verduidelijken en een dynamisch element toevoegen.

Storyboard Moving icons set 3x Uitwerking in Afther effects en Imovie

Voor de animaties heb ik gebruik gemaakt van After Effects, waarmee ik bewegingen zoals de draaiende draaischijf, de trillende smartphone en het tevoorschijn komen van het hologram heb gevisualiseerd. De presentatie zelf is gebouwd in Figma, waarmee ik de interface en interactieve tijdlijn heb ontworpen. Het combineren van beeld, geluid en interactie geeft de gebruiker een meeslepende ervaring en laat duidelijk zien hoe communicatie zich door de tijd heen heeft ontwikkeld.

Het proces begon met onderzoek naar de geschiedenis en toekomst van telefoons. Daarbij heb ik niet alleen gekeken naar de vorm en functionaliteit, maar ook naar de typische geluiden en bewegingen die deze apparaten uniek maken. Zo heb ik bijvoorbeeld het "klik-klak"-geluid van de draaischijftelefoon gebruikt, de herkenbare Apple-beltoon voor de smartphone, en futuristische geluiden voor het hologram. Dit alles versterkt de beleving en maakt de presentatie tot een coherent geheel.

Door deze opdracht heb ik veel geleerd over het combineren van verschillende tools zoals Figma en After Effects, en hoe ik geluid, beweging en interactie kan samenvoegen tot een visueel aantrekkelijk project. Het was een uitdagende, maar ontzettend leuke opdracht die mijn vaardigheden in animatie, interface-ontwerp en storytelling heeft versterkt.