Services

Design systems

Un design system n’est pas une planche de couleurs. C’est l’ensemble de composants, de tokens et de règles sur lequel vos développeurs s’appuient — et il n’est rentable que s’il est le chemin le plus rapide pour livrer l’écran suivant.

Ce qui vous amène ici

  • Chaque écran relance le débat sur les espacements, et les deux camps ont raison.
  • Il existe une bibliothèque dans Figma, et le code qu’elle est censée décrire ne lui correspond plus depuis un an.
  • L’équipe a doublé, et le nombre de gris dans le produit aussi.
  • L’accessibilité est un ticket que personne ne peut fermer, parce qu’il faut la corriger écran par écran.

Ce que couvre le travail

L’audit d’abord

Ce qu’il y a réellement dans le produit aujourd’hui : chaque bouton, chaque gris, chaque exception. L’inventaire met en général fin au débat.

Tokens

Couleur, typographie, espacements et rayons comme décisions nommées : un changement s’applique partout, pas seulement dans les fichiers auxquels on a pensé.

Composants

Chacun avec ses états, ses règles de contenu et ses cas limites — un tableau vide, un libellé de 40 caractères, un enregistrement qui échoue.

Accessibilité intégrée

Contrastes, ordre de focus et zones tactiles décidés une fois, dans le composant, en WCAG AA et AAA — plutôt qu’écran par écran ensuite.

Une documentation que votre équipe lira

Quand utiliser un composant, quand ne pas l’utiliser, et quoi faire quand rien ne convient. Court, et à côté du composant.

Adoption

Un système que personne n’utilise est un dossier. Nous migrons de vrais écrans avec vos développeurs jusqu’à ce que le système soit le chemin le plus simple.

Comment ça se passe

  1. L’audit, puis le périmètre

    Nous inventorions le produit et vous montrons ce qui existe. La plupart des équipes ont besoin de moins que prévu, et dans un autre ordre.

  2. Construit sur de vrais écrans

    Les composants sont conçus pour les écrans qui en ont besoin ensuite, pas dans l’abstrait. Le système sort du produit au lieu d’exister à côté.

  3. Dans votre stack

    Des bibliothèques et des tokens Figma alignés sur ce que vos développeurs utilisent. Là où le code a déjà un système, nous travaillons dedans.

  4. Transmis, pas largué

    Votre équipe s’en sert pendant que nous sommes encore là : les manques apparaissent quand quelqu’un peut encore les combler.

Combien ça coûte

Deux abonnements mensuels et une option au forfait. Pause jusqu’à deux mois ou résiliation avec trois semaines de préavis — les conditions sont les mêmes dans les trois cas.

Projets sélectionnés

Voir tous les projets
Easy Tiger

UXBOX Company LTD

Nous construisons easytiger.vn, la seule plateforme vietnamienne dédiée aux démarches administratives, qui met ses utilisateurs en relation avec des experts locaux vérifiés. Pensée pour les agents IA : chaque profil d’expert est structuré pour l’AEO et le GEO, afin que les moteurs de réponse le remontent directement.

GoTeach

GoTeach Collective

GoTeach.vn est la première plateforme vietnamienne qui met en relation les professeurs particuliers, les coachs et les élèves. En 3 mois, nous les avons aidés à valider leur idée, créer leur marque, développer la plateforme et lancer — avec l’appui de l’IA, du low-code et d’une stratégie go-to-market adaptée au marché local.

Invoicing.mu

Netch Digital

Invoicing.mu veut devenir le SaaS de facturation électronique de référence à Maurice, sur l’expérience utilisateur comme sur la simplicité de l’onboarding. Une nouvelle réglementation impose aux PME une facturation numérique conforme. Invoicing.mu se positionne comme la solution accessible et simple à prendre en main, sur laquelle les entreprises peuvent compter.

Envoyez-nous trois écrans.

N’importe lesquels qui devraient se ressembler et ne se ressemblent pas. C’est en général suffisant pour dire ce que le système doit être.

Autres services

Où cela se situe dans notre plan produit 

Qu’est-ce qu’un design system ?

Les composants, tokens et règles dont le produit est fait, au même endroit, avec les décisions écrites : ce qu’est un bouton principal, quelle est l’échelle d’espacement, ce que devient un tableau sans lignes. C’est le design et le développement qui partagent une source au lieu de deux.

En avons-nous besoin ?

Si le produit tient en un écran avec un designer, non. Si les nouveaux écrans sont lents parce que chaque détail se redécide, ou si le même composant existe cinq fois dans le code, le système est vite rentable.

Combien de temps faut-il pour le construire ?

Un noyau utilisable — tokens, les composants que l’équipe utilise vraiment et les règles autour — prend en général quelques semaines. L’adoption sur un produit existant prend plus longtemps : c’est la partie à planifier.

Qu’obtient-on à la fin ?

Une bibliothèque Figma avec les tokens et les composants dans leurs états, une documentation à côté de chacun, et les écrans migrés avec vos développeurs. Elle est à vous : elle continue de servir après la mission.

Pouvez-vous partir de l’existant ?

Oui, et nous préférons. Repartir de zéro jette les décisions déjà prises par votre équipe et crée un second système à tenir à jour en parallèle du premier.

Combien coûte un design system ?

Fractional : 4 200 USD par mois. Full-time : 7 700 USD par mois. Les projets au forfait démarrent à 30 000 USD. La page tarifs affiche les trois dans votre devise.

Travailler avec nous

Réserver un premier échange

J’aimerais parler du design de notre
J’envisage la formule