Designsysteem l’art de la beauté

De uitdaging

Voor mijn graduaatsproef kwam ik op het idee om een compleet, schaalbaar designsysteem te ontwikkelen voor een klant van mijn stageplek. Dit omvatte volgende elementen:

  • Typografie

  • Iconografie

  • Button sets

  • Componentensets

  • Responsieve websitesecties

  • Interactieve webpaginadesigns

Ik heb ervoor gekozen om mijn designsysteem op te bouwen volgens het “atomic design” principe, waarbij je begint met de “atomen” (kleur, typo), deze combineert met elkaar om door te gaan naar “moleculen” (buttons, invulvelden), en daarna deze moleculen combineert om “organismen” (hero’s, CTA’s) te creëren. Deze organismen bind je dan samen om pagina’s te bouwen.

De Fundering

Het resultaat

Het resultaat

Visueel overzicht van interacties

Volgende
Volgende

Designsysteem WeShare