Ergonomie et conception

La création d'interfaces
avec le Design System

Notre définition

Le Design System : entre charte graphique, charte ergonomique et charte éditoriale

Le Design System constitue un ensemble de règles UX et UI qui englobent à la fois la charte graphique, la structure des interfaces mais aussi la charte éditoriale.
Contrairement à la charte graphique, le Design System est amené à évoluer selon les projets : l’émergence de nouveaux besoins utilisateurs ou un changement de l’identité visuelle de l’entreprise peuvent, par exemple, être à l’origine d’une évolution du Design System.

Design system : un approfondissement de la charte graphique

Gagner en homegénéité

Une cohérence assurée

L’objectif premier du Design System est de mettre en place une expérience utilisateur cohérente aussi bien graphiquement, que fonctionnellement qu’éditorialement.

En effet, le Design System regroupe à la fois :

  • Une stylesheet centralisant les différentes composantes de l’interface (boutons, polices, couleurs…) permettant une modification à tout moment et à un seul et même endroit.

⇒ En ce sens, le Design System assure une cohérence graphique.

  • Des règles de structuration des interfaces à travers un système de grilles permettant une précision chirurgicale quant à la disposition des éléments.

⇒ En ce sens, le Design System assure une cohérence fonctionnelle.

  • Des principes de communication avec une charte éditoriale précisant le ton privilégié, les termes choisis, etc.

⇒ En ce sens, le Design System assure une cohérence éditoriale.

Nous confier un projet

Gagner en temps

Un gain de temps considérable

Le Design System repose sur le principe des gabarits de pages : nous distinguons les gabarits types des gabarits spécifiques. Cela nous permet de créer des pages types construites de la même façon, offrant ainsi à la fois un gain de temps considérable et une cohérence visuelle pour l’utilisateur.

Par ailleurs, en réfléchissant en termes de composants, construire les pages est bien plus rapide : il suffit de piocher dans la stylesheet.

Contacter un consultant digital
Le design system pour une charte graphique respectée dans vos différents supports de communication digitaux

Gagner en flexibilité

Des évolutions simplifiées

Nous le savons, votre support digital n’est pas figé et est très certainement amené à évoluer. Le Design System apporte une réponse pertinente sur ce plan là également. 

En effet, en utilisant les stylesheets en phase de création et les fichiers de configuration en phase de développement (suivant rigoureusement le même principe que la stylesheet), nous vous offrons une flexibilité maximale permettant de modifier simplement des composants, d’en ajouter, de remanier certaines pages ou même d’en ajouter de nouvelles.

Ainsi, finis les chantiers des évolutions : le Design System s’adapte à l’évolution des besoins, que ce soit les vôtres ou ceux de vos utilisateurs.

Nous confier un projet

Une méthode de co-création révolutionnaire

Le design atomique

Le concept du design atomique, né de l’ergonome et web designer américain Brad Frost, est une nouvelle manière de penser l’architecture de vos pages web. Adapté au contexte actuel et à celui de demain, “l’atomic design” repense entièrement la manière de développer vos interfaces non pas par page, mais par des éléments d’interface et de systèmes de composants ou éléments modulaires.

Plus simplement, hier, nous créions le design de votre site web écran par écran (un design pour le web, un autre pour le mobile, et ainsi de suite). Aujourd’hui, pour optimiser le temps et l’étape de création, notre agence créée les éléments principaux de l’interface (les boutons, les blocs de texte, les bannières, etc.) pour ensuite les assembler en fonction de chaque page.

Contacter un consultant digital

Nos clients

Ils nous font confiance

Nous accompagnons nos clients dans toutes les étapes de la création de leur support digital, de l'étude à la mise en place technique, en passant par l'UX et le design d'interfaces en utilisant le Design System.
Strasbourg Eurométropole
Soprema
SNCF
SFR
Réseau GDS
OSRAM
Logicom
Hager
Groupama
ÉS Énergies
Diagral
Centre Européen d'Étude du Diabète
Canal+ Suisse
Biolia
Tryba
Crédit Mutuel

Démarrons ensemble

Prêt à gagner en temps, en efficacité et en flexibilité ?

Le Design System nous permet donc de gagner en efficacité, rapidité et productivité et vous permet de bénéficier de supports digitaux cohérents dans leur intégralité et d’une grande flexibilité en cas d’évolutions : vous l’aurez compris, le Design System, c’est du gagnant-gagnant !

Envie de tester un projet en Design System ? Contactez notre agence à Strasbourg, Paris ou Aix-Marseille.

Contacter un consultant digital

Nos compétences

Nos expertises en création

L’objectif premier du Design System est de mettre en place une expérience utilisateur cohérente aussi bien graphiquement, que fonctionnellement qu’éditorialement.