Design System

Structurer et harmoniser le design graphique de vos produits !

Un Design System, c'est quoi ?

Un design system est un document décrivant la charte graphique et les grands principes ergonomiques de votre organisation. Il est également composé, en parallèle, d’une ou plusieurs bibliothèques de composants d’interface servant à la conception de vos produits.
Les designers et les développeurs peuvent alors suivre ces principes pour prendre les bonnes décisions en matière de design et utiliser ces composants directement dans un contexte de production en rationalisant le temps et les coûts pour les futurs évolutions.

Ce qu'un Design System vous apporte...

Homogénéité

Avec un tel outil, vous n’avez plus à vous inquiéter que vos composants n’aient pas la même mise en forme d’une page à l’autre. La présence de guides permet de créer un langage commun et de garantir la réutilisation des composants déjà créés et éviter les erreurs de mise en forme.

Productivité

Les librairies avancées permettant d’importer directement des composants, des styles et des couleurs qui se mettent à jour automatiquement dans tous les fichiers d’un environnement de production. Cela permet à vos designers de faire évoluer le système plus efficacement.

Systématisation

L’Atomic Design théorisé par Brad Frost, permet de se concentrer sur la valeur d’un produit et son expérience utilisateur. En comprenant comment fonctionne une interface et les liens qui existent entre les composants, on optimise un produit en prenant de la hauteur.

Workflow

01.

Cartographie et classification des composants des produits de votre organisation impactés par la mise en place du Design System

02.

Atelier de définition de la nomenclature, de l’architecture et des composants prioritaires

03.

Conception de la charte graphique et conception des grilles, templates de pages et composants prioritaires

04.

Rédaction des guides d’utilisation et de gestion des composant avant présentation aux équipes

Ce que nos clients ont pensé de ce service...

  • Stéphanie Chabrier Marczak

    Responsable fidélisation relationnelle

    Direct Assurance

    «Kirk nous a fait prendre conscience de l'importance d'avoir un Design System, de charter nos éléments digitaux au-delà de notre graphisme. Nous avons de grosses équipes de dev implantées dans différents pays et il était important de partager le même référentiel, on s'est rendu compte qu'on manquait cruellement de guidelines ! Ce Design System évolue en permanence, c'est un travail de fond pour évangéliser. Mais grâce à ça, on gagne du temps en intégration et aussi en harmonie ! On se demande comment on faisait avant. »

  • Elsa Canetto

    Designer UI

    Eolas

    « Je me suis très vite appropriée le support Design System. Deux jours après la formation, je faisais le tour complet des sites que nous avons déjà réalisés chez nous, et je me suis empressée de répertorier tous les composants et patterns les plus récurrents pour avoir un support complet et cohérent. J'ai aussi pris l'initiative de traduire en français toutes les nomenclatures de notre Design System qui étaient en anglais, ça l'air de rien, mais quand tes clients sont des collectivités françaises, ça compte ! »

Envie d'en savoir plus ?

Demandez-nous une présentation d’études de cas spécialement préparée pour vous. Nous vous montrerons des résultats d’ateliers d’idéation, de sessions de sketching et des prototypes haute-fidélité Axure.

Nos services en stratégie UX & Product Design

Quelque soit votre maturité UX, nous accompagnons pour vous aider à concevoir des produits performants grâce à un ensemble de services et d’outils tournés vers la collaboration et l’accélération.

Allez hop, au boulot !

Contactez-nous pour passer à l’action...