Services

Design systems

Sans design system, les mêmes décisions se répètent sur chaque écran : espacements, tailles, couleurs, comportements, interactions. Chaque correction demande de reprendre les écrans un par un. Un design system résout cela en centralisant et en documentant ces décisions de façon à ce qu’elles soient compréhensibles par les designers, les développeurs et les agents IA. Il comprend des composants réutilisables avec leurs états, des tokens pour la couleur, la typographie et les espacements, et des règles d’utilisation pour chacun.

Ce que couvre le travail

L’audit d’abord

Nous inventorions ce que le produit utilise aujourd’hui : chaque bouton, couleur, style typographique et valeur d’espacement, exceptions comprises. Cela établit le périmètre réel avant toute conception.

Tokens

Couleur, typographie, espacements et rayons définis comme des valeurs nommées. Modifier un token met à jour tous les composants et écrans qui y font référence.

Composants

Chaque composant est documenté avec ses états, ses règles de contenu et ses cas limites : tableaux vides, libellés longs, enregistrements échoués, états de chargement et d’erreur.

Accessibilité intégrée

Contraste, ordre de focus et zones tactiles sont spécifiés dans le composant lui-même, aux niveaux WCAG AA et AAA. Cela évite d’auditer l’accessibilité écran par écran plus tard.

Une documentation que votre équipe lira

Quand utiliser chaque composant, quand ne pas l’utiliser, et quoi faire quand aucun ne convient. La documentation se trouve à côté du composant, pour être lue au moment où elle sert.

Adoption

Nous migrons les écrans existants vers le système avec vos développeurs. L’adoption détermine si un design system est encore utilisé un an plus tard, nous restons donc pendant cette phase.

Comment ça se passe

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

    Nous examinons le produit et partageons l’inventaire avec vous, puis nous convenons des composants et tokens à construire en premier.

  2. Construit sur de vrais écrans

    Les composants sont construits pour les écrans qui en ont besoin ensuite, afin que le système soit éprouvé en usage réel plutôt que conçu dans l’abstrait.

  3. Dans votre stack

    Les bibliothèques et tokens Figma sont structurés pour correspondre à votre code. Là où un système existe déjà dans le code, nous l’étendons plutôt que de le remplacer.

  4. Utilisé avant notre départ

    Votre équipe construit avec le système pendant que nous sommes encore engagés, pour que les manques soient identifiés et comblés avant la passation.

Combien ça coûte

Fractional : 4 200 USD par mois. Full-time : 7 700 USD par mois. Les projets au forfait démarrent à 30 000 USD.

Projets sélectionnés

Voir tous les projets

UXBOX Company LTD

La première plateforme au Vietnam à s’appuyer sur l’IA pour vous orienter dans les démarches juridiques et administratives. Pensée pour les usagers, optimisée pour les agents IA. Conçue pour ressortir dans les réponses des IA et convertir cette visibilité en prospects pour les professionnels inscrits.

GoTeach Collective

GoTeach.vn, la première plateforme vietnamienne qui relie professeurs particuliers et coachs à leurs élèves. En 3 mois seulement, nous les avons accompagnés de la validation de l’idée à la conception de la marque, en passant par le développement et le lancement de la plateforme.

Invoicing.muWIP

Netch Digital

Invoicing.mu a pour ambition de devenir la solution SaaS de facturation électronique de référence à l’île Maurice, tant par la qualité de son expérience utilisateur que par la fluidité de sa prise en main.

Autres services

Où cela se situe dans notre plan produit 

Qu’est-ce qu’un design system ?

Les composants, tokens et règles dont un 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 qui arrive à un tableau sans lignes. Le design et le développement travaillent alors à partir d’une seule source au lieu d’en tenir 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 fonctionnel prend quelques semaines : tokens, composants réellement utilisés par l’équipe, et les règles qui les entourent. L’adoption sur un produit existant prend plus longtemps, et 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 appel découverte

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