Digihandig Design Systeem
New Future Lab had een design systeem voor de laagedrempelige leer-app Digihandig. Ik heb het interne systeem aangepakt om het schaalbaarder en completer met labels, elementen en voorbeelden.
Opgave
Het team van DigiHandig was bezig om een nieuw design systeem te bouwen, zodat ik en mijn collega’s het systeem kan gebruiken om lessen in vorm te geven. Ik nam het initiatief om hier verder aan te werken.
Challange
Het huidige designsysteem was rommelig en werd niet optimaal gebruikt bij het maken van prototypes. Bovendien waren de elementen niet schaalbaar voor grotere lesmodules.
Ik heb alle elementen opnieuw geordend en ze overzichtelijker en bruikbaarder gemaakt voor het ontwerpteam.
Proces
Samen met andere UX collega heb ik gekeken hoe ik het huidige design systeem kan verbeteren. Door regelmatige check-ins te houden, houd ik bij of mijn denkbeeld overeenkomst met de wensen van de UX collega’s.
Door extra labels toe te voegen en components, heb ik overzicht gecreeerd voor de collega’s die dit gaan gebruiken.
Resultaat
Door het vorige design systeem met bestaande elementen te vertalen naar een atomisch systeem, heb ik een systeem gebouwd wat schaalbaarder en responsive is.
De collega’s zijn er blij mee en het design systeem wordt gebruikt in productie.
Learnings
Ik voel me thuis in de Figma-omgeving. Mijn passie voor UI- en lay-out design is daardoor verder gegroeid. Ik heb geleerd hoe ik een designsysteem kan bouwen dat op schaalbare wijze inzetbaar is. Daarnaast heb ik inzicht gekregen in het belang van annotaties en/of toelichtingen bij het designsysteem voor een duidelijke communicatie.