We're not designing pages, we're designing systems of components

Stephen Hay2012

Structurer une équipe produit dans un écosystème itératif

L’objectif est de chercher d’améliorer la productivité et réduire la friction d’une équipe dans la conception d’un produit digital.

On va donc faciliter la collaboration entre le product manager, développeur et le designer en mettant en place de bonnes pratiques comme la classification des composants, unification des terminologies et une documentation poussée du styleguide.

Uniformisation des terminologies
Faire un document « Do » & « Don’t« 

Créer une cohérence graphique globale

Pour maximiser votre image de marque et conserver une cohérence graphique pour vos utilisateurs, on va chercher à créer un fil rouge dans toutes les interfaces de votre produit digital.

L’idée est de créer une bible graphique de référence sur laquelle l’équipe va se positionner pour concevoir et développer l’interface.

Éviter de générer une dette technique

Le design system est là pour vous permettre d’anticiper le futur. Il faut donc créer un système ouvert qui soit simple à comprendre et surtout simple à maintenir.

Que ce soit côté designer ou côté développeur, on va faire un système compréhensible, utilisable et modifiable par toutes les parties prenantes du projet.

Méthodologie de l’Atomic Design

L’atome

On va commencer par décomposer chacun des éléments de votre interface en atomes, c’est à dire en élément brut comme un couleur, une typographie, dimension d’image, iconographie.

La molécule

Une fois les atomes en main, on part sur la conception des molécules. On va réunir plusieurs atomes pour concevoir les premiers composants de votre interface. On aura les boutons, header, cartes, menu, et notamment les premières animations.

L’organisme

Enfin, une fois la bibliothèque de molécules faite, on va commencer à designer les organismes. C’est à dire la réunion des différentes molécules : header, paragraphe de texte, carte, image et menu pour composer des écrans.

Ce que ça implique ?

Intégration dans l’équipe

J'ai besoin d'être en contact avec toutes les personnes de l'équipe pour pouvoir au mieux cerner les problématiques.

Reculer pour mieux sauter

On a besoin de repartir à zéro et déconstruire entièrement l'existant, ou à minima la base que vous êtes en train d'utiliser.

Se lancer à 100%

Far far away, behind the word mountains, far from the countries Vokalia and texts

Concevoir votre design system

50€

/heure

  • Recherche UI
  • Atome
  • Molécule
  • Organisme
  • Composants et patterns
  • Livraison du styleguide