Un bouton bleu sur la page d'accueil. Un autre, légèrement plus foncé, dans le tunnel de commande. Un troisième, arrondi celui-là, dans l'application mobile. Pris un par un, ce n'est rien. Accumulés sur trois ans et quatre équipes, ça devient un vrai problème : des interfaces qui se contredisent, des développeurs qui refont sans cesse les mêmes composants et une marque qui perd en cohérence à chaque mise en production.
C'est précisément ce que règle un design system. Dans cette catégorie de l'annuaire, vous trouverez les agences et studios nantais capables de le concevoir, de le documenter et, surtout, de le faire adopter par vos équipes. Parce que c'est là que beaucoup de projets échouent.
Les deux termes sont souvent employés l'un pour l'autre. À tort.
Un UI kit, c'est une bibliothèque d'éléments graphiques : boutons, champs de formulaire, cartes, icônes, grilles, typographies. En général, il vit dans Figma et sert aux designers pour produire des maquettes plus vite et de manière homogène. C'est un outil, utile, mais qui reste du côté du design.
Le design system va beaucoup plus loin. Il englobe l'UI kit, mais y ajoute ce qui lui manque pour tenir dans la durée :
Pour résumer grossièrement : l'UI kit, c'est la boîte de Lego. Le design system, c'est la boîte, la notice, et l'accord passé entre tous ceux qui jouent avec.
On pourrait se dire qu'un design system se conçoit très bien à distance. Techniquement, oui. Dans les faits, c'est un projet profondément humain, fait d'ateliers, d'arbitrages et de discussions parfois vives entre le marketing, le produit et la tech. Être dans la même ville aide. Beaucoup.
Et Nantes n'est pas un mauvais endroit pour chercher. La ville a construit en une quinzaine d'années un écosystème numérique solide, labellisé French Tech, avec un tissu dense de startups, d'ESN et de studios produit, notamment autour de l'île de Nantes et du quartier de la Création. Le Web2day, festival du numérique qui se tient chaque année à Nantes, témoigne aussi de cette culture tech bien ancrée localement.
Concrètement, cela se traduit par des profils qu'on trouve assez facilement ici : product designers habitués aux équipes agiles, développeurs front sensibles au design, spécialistes de l'accessibilité. Des agences qui, pour beaucoup, ont déjà travaillé avec des scale-up comme avec des acteurs publics régionaux, ce qui n'impose pas les mêmes contraintes.
Tout commence par un inventaire, souvent un peu douloureux. L'agence recense les composants présents sur vos produits et met en évidence les doublons. Il n'est pas rare de découvrir quarante nuances de gris là où cinq suffiraient, ou une douzaine de styles de boutons différents. Ce constat sert ensuite de base pour convaincre en interne : difficile de contester une capture d'écran.
Couleurs, typographie, grille, espacements, iconographie. C'est la partie la moins spectaculaire et, de loin, la plus structurante. Une palette mal pensée au départ se paie pendant des années, notamment sur les contrastes et le passage au mode sombre.
Viennent ensuite les composants eux-mêmes, du plus simple (un badge) au plus complexe (un tableau de données avec tri, filtres et pagination). Une bonne agence les conçoit avec leurs états : survol, focus, désactivé, erreur, chargement. Les oublis sur ces états sont l'une des causes les plus fréquentes d'incohérence en production.
C'est ici que les agences se distinguent vraiment. Certaines livrent un fichier Figma, point final. D'autres vont jusqu'au package npm versionné, aux tokens exportés automatiquement et à la documentation Storybook. Si vos équipes de développement sont réduites, ce second cas change tout.
Un design system que personne n'utilise ne vaut rien. Les meilleures agences prévoient de la formation, des sessions de travail avec les développeurs et un mode de contribution clair. Honnêtement, c'est la question à poser en premier lors d'un rendez-vous.
Les portfolios se ressemblent tous un peu : des composants propres, bien alignés, sur fond pastel. Pour faire la différence, mieux vaut regarder ailleurs.
La fourchette est large, et c'est normal. Tout dépend du périmètre.
Un UI kit Figma pour un site vitrine ou une application simple se chiffre généralement en quelques milliers d'euros. Un design system complet, avec composants codés, tokens, documentation et accompagnement, représente plutôt un budget de plusieurs dizaines de milliers d'euros, étalé sur plusieurs mois. Pour les organisations multi-produits, on parle souvent d'un chantier continu, avec une équipe dédiée.
Mon conseil, pour ce qu'il vaut : ne partez pas sur le périmètre maximal. Commencez par les fondations et une vingtaine de composants vraiment utilisés, mesurez l'adoption, puis élargissez. Les design systems qui durent sont presque toujours ceux qui ont grandi progressivement.
Tous les projets n'en ont pas besoin. Un site de cinq pages peut très bien s'en passer.
En revanche, le retour sur investissement devient évident dans certaines situations :
Dans ces cas-là, le gain se mesure assez vite : moins de temps passé en maquette, moins d'allers-retours entre design et développement, moins de bugs d'interface. Et une marque qui, enfin, ressemble à elle-même d'un écran à l'autre.
Les agences référencées ci-dessous sont basées à Nantes ou dans son agglomération, de Rezé à Saint-Herblain. Certaines sont spécialisées en design produit, d'autres couvrent aussi le développement front-end, voire l'ensemble de la chaîne. Prenez le temps de comparer leurs références et leurs méthodes, puis contactez-en deux ou trois. Un premier échange suffit souvent pour savoir si le courant passe, et sur un projet de plusieurs mois, ça compte autant que le reste.
Les fiches de cet annuaire proviennent de sources publiques, principalement Google Maps. Vous dirigez une entreprise présente sur cette page et préférez ne pas y apparaître ? Dites-le-nous par le formulaire de contact et la fiche est retirée sous huit jours, sans justification à fournir.