Tous les servicesConstruire

Design produit

Une interface qui se tient, portée par un design system que vos développeurs peuvent faire vivre sans nous.

Livrable
Un design system livré en code — tokens, composants, états — et les écrans qui l'utilisent.
Durée type
3 à 5 semaines
À partir de
6 000 € par projet

Le problème

Le design d’un produit n’est pas une couche qu’on pose à la fin. C’est ce qui décide si une fonctionnalité s’utilise ou s’endure.

On livre un design system en code plutôt qu’un jeu de maquettes : les maquettes se périment dès qu’un développeur les interprète, le code fait foi. Et l’accessibilité y est une contrainte de conception, parce que rattrapée après elle coûte une refonte.

Ce qui est inclus

  • Tokens de couleur, typographie et espacement, en thème clair et sombre
  • Composants avec tous leurs états : repos, survol, focus, désactivé, chargement
  • Écrans clés en haute fidélité, y compris les états vides et les erreurs
  • Contrôle d'accessibilité WCAG 2.2 AA avant livraison, pas après
  • Documentation d'usage, pour que le système survive à son auteur

Comment ça se passe

  1. 01

    Fonder

    Couleur, typographie, densité et ton visuel. Ce qui se décide une fois et gouverne tout le reste.

  2. 02

    Composer

    Les composants naissent des écrans réels, jamais d'un catalogue théorique.

  3. 03

    Éprouver

    Contraste, navigation au clavier, mouvement réduit. L'accessibilité est une contrainte de conception, pas une relecture.

  4. 04

    Transmettre

    Le système est livré en code, avec ce qu'il faut pour l'étendre sans le trahir.

Questions fréquentes

Livrez-vous des maquettes ou du code ?

Du code. Une maquette se périme le jour où un développeur l'interprète ; un composant livré est la référence et l'implémentation à la fois.

Peut-on partir de notre charte existante ?

Oui. On l'audite d'abord : une charte print ne survit pas telle quelle à un écran, et on préfère le dire avant.

L'accessibilité coûte-t-elle plus cher ?

Traitée dès la conception, non. Rattrapée après, elle coûte une refonte des composants — c'est pour ça qu'elle n'est pas une option ici.

Autres services

Agir

Thème sombreFixer l'apparence du sitesetTheme({theme:"dark"})
Thème clairFixer l'apparence du sitesetTheme({theme:"light"})
Thème du systèmeSuivre à nouveau la préférence du systèmesetTheme({theme:"system"})
Passer le site en anglaisEnglishsetLocale({locale:"en"})
Labs — ProduitFiltrer les Labs par typefilterLabs({type:"Produit"})
Labs — PrototypeFiltrer les Labs par typefilterLabs({type:"Prototype"})
Labs — RechercheFiltrer les Labs par typefilterLabs({type:"Recherche"})
Labs — Réinitialiser les filtresRetirer tous les filtres des LabsfilterLabs({reset:true})
Journal — IngénierieFiltrer le Journal par catégoriefilterJournal({category:"Ingénierie"})
Journal — SécuritéFiltrer le Journal par catégoriefilterJournal({category:"Sécurité"})
Journal — Agent-NativeFiltrer le Journal par catégoriefilterJournal({category:"Agent-Native"})
Journal — StudioFiltrer le Journal par catégoriefilterJournal({category:"Studio"})
Journal — Réinitialiser les filtresRetirer tous les filtres du JournalfilterJournal({reset:true})
Tutoriels — DébutantFiltrer les tutoriels par niveaufilterTutorials({level:"Débutant"})
Tutoriels — IntermédiaireFiltrer les tutoriels par niveaufilterTutorials({level:"Intermédiaire"})
Tutoriels — AvancéFiltrer les tutoriels par niveaufilterTutorials({level:"Avancé"})
Tutoriels — Réinitialiser les filtresRetirer tous les filtres des tutorielsfilterTutorials({reset:true})

Services

DiscoveryCadrer le produit avant d'écrire la première ligne, pour que le budget serve à construire et pas à corriger.openService({service:"discovery"})
Design produitUne interface qui se tient, portée par un design system que vos développeurs peuvent faire vivre sans nous.openService({service:"design"})
Développement webUne application web rapide et tenue dans le temps, avec les tests et la chaîne de livraison qui vont avec.openService({service:"web"})
Développement mobileUne application iOS et Android depuis une seule base de code, publiée sur les deux stores.openService({service:"mobile"})
Infrastructure & sécuritéUne infrastructure décrite en code, et un accès Zero Trust qui ne repose pas sur un SMS.openService({service:"infrastructure"})
Maintenance & évolutionUn produit qui reste à jour, surveillé et corrigé, avec quelqu'un qui répond quand ça casse.openService({service:"maintenance"})
Conseil Architecture Agent-NativeRendre un produit existant pilotable par un agent, sans le réécrire — et sans lui ouvrir plus qu'il ne faut.openService({service:"agent-native"})

Naviguer

YorroStudio d'ingénierie produit à Abidjan et Paris. On conçoit, on code, on livre.navigate({page:"home"})
ServicesConstruire un produit de bout en bout, ou conseiller une équipe sur son architecture agent-native.navigate({page:"services"})
LabsCe que le studio a construit : produits, prototypes et recherches, avec leur avancement réel.navigate({page:"labs"})
TutorielsDes guides pas-à-pas tirés de vrais projets, réunis en parcours par sujet.navigate({page:"tutorials"})
JournalLes notes et les prises de position du studio.navigate({page:"journal"})
ContactDécrivez votre projet ; on répond avec un cadrage, pas avec un devis type.navigate({page:"contact"})
À proposQui tient le studio, comment il travaille, et ce qu'il refuse de faire.navigate({page:"about"})
↑↓ naviguer↵ exécuteréchap fermerActions unifiées