Design & UX
Identité visuelle, design system documenté avec tokens et composants réutilisables, UI moderne, accessibilité WCAG AA. Pour des produits qu'on comprend sans tutoriel.
Le contexte
En 2026, les utilisateurs comparent ton produit à Notion, Linear, Stripe et Vercel — même si ton secteur n'a rien à voir. Le bar de l'UX est plus haut qu'il ne l'a jamais été : 3 secondes pour comprendre, 8 secondes pour s'engager, et chaque friction se traduit en taux de conversion qui chute.
Mais le vrai problème n'est pas « il faut du joli design ». C'est que la plupart des produits sont conçus écran par écran, sans système. Résultat : 12 versions du même bouton, 8 nuances de gris, des composants qui se ressemblent sans être identiques. À l'échelle, c'est ingérable — pour les designers comme pour les devs.
Notre approche : un design system documenté dès le départ. Tokens (couleurs, espacements, typo) déclarés une fois, utilisés partout. Composants Figma synchronisés avec le code. Accessibilité WCAG AA validée à chaque livraison. Tu obtiens un produit qui scale visuellement — et une équipe dev qui ne galère pas pour intégrer.
100%
WCAG AA
Contraste, focus, ARIA validés sur chaque écran livré
1×
Source de vérité
Tokens Figma synchronisés avec ton code via Style Dictionary
47
Composants moyens
Bibliothèque réutilisable livrée avec variantes & states
3 sem
Délai moyen
De la première maquette au handoff dev complet
Ce qu'on conçoit
De l'identité visuelle from scratch au design system enterprise, on choisit l'échelle qui correspond à ton stade.
Logo, palette, typo, ton.
Logo (3 directions, 1 finalisée), palette accessible WCAG AA, typo (Inter, Geist, Söhne…), iconographie, charte ton. Brandbook PDF + assets exportés (SVG, PNG, favicon, social cards). Pour startups qui démarrent ou rebranding.
Tokens + composants documentés.
Tokens (couleurs, spacing, typo, radius, shadow) déclarés dans Tokens Studio. 30-80 composants Figma avec variantes, props, states (hover, focus, disabled). Storybook si demandé. Sync code via Style Dictionary. Pour scale-up avec produit existant.
Design natif iOS HIG + Material 3.
Maquettes pixel-perfect respectant les Human Interface Guidelines (iOS) ou Material 3 Expressive (Android). Composants natifs adaptés à ton brand. Dark mode, dynamic type, accessibilité voice over. Spécifications dev livrées par écran.
Dashboard, tableaux, formulaires complexes.
Dashboard data-dense, tableaux filtrables, formulaires multi-étapes, états vides, loading, error. Cohérence sur 30+ écrans. Responsive desktop/tablet/mobile. Empty states travaillés (souvent oubliés).
Diagnostic + iteration sur produit existant.
Audit UX complet (Maze ou tests utilisateurs), heatmaps, parcours problématiques identifiés. Refonte écran par écran avec hypothèses testables. Itérations basées sur des metrics produit, pas sur des goûts.
Illustrations, motion, présence visuelle.
Illustrations sur mesure (style spécifique à la marque), motion design pour landing page, Lottie animations légères, présence sociale cohérente. Pour produits qui veulent un caractère visuel reconnaissable.
Notre approche
On démarre par comprendre tes utilisateurs et ton produit, pas par dessiner. La forme suit la fonction — toujours.
Atelier de 2 h : comprendre l'audience, le concurrent qu'ils utilisent déjà, les frictions identifiées. Audit du produit existant si refonte. Définition du « vocabulaire visuel » cible (3 références d'inspiration, 3 anti-références).
Création de 2-3 directions visuelles distinctes sur les écrans-clés. Test interne sur ton équipe. Choix d'une direction, ajustements jusqu'à validation. Définition des tokens fondateurs (palette, typo, spacing scale).
Construction du design system (composants, variantes, states) en parallèle des écrans réels. Itérations par lot, revue avec toi tous les 3-4 jours. Prototypage Figma cliquable sur les parcours critiques. Accessibilité validée à chaque écran.
Specs techniques par écran (spacing exact, états, animations). Export assets (SVG, PNG, Lottie). Tokens exportés en JSON pour intégration directe (Tailwind config, CSS variables). Sessions de Q&A avec les devs pendant l'intégration.
Notre outillage
Pas d'effet de mode. Voici ce qu'on utilise sur 100 % de nos projets — et pourquoi.
Design & prototypage
Figma · FigJam · Tokens Studio
Figma reste le standard. Tokens Studio synchronise tokens Figma ↔ JSON pour le code. FigJam pour les ateliers et user flows.
Composants & handoff
Storybook · Zeroheight · Specify
Storybook pour les composants codés. Zeroheight pour la doc design system côté business. Specify pour piper les tokens dans le pipeline CI.
Recherche utilisateur
Maze · Lookback · Useberry · Notion
Maze pour les tests à grande échelle (15-50 utilisateurs). Lookback pour les entretiens 1-1. Notion centralise les insights et les decisions design.
Motion & illustrations
After Effects · Rive · Lottie · Procreate
AE pour le motion design final. Rive pour les animations interactives (state machine). Lottie pour les assets légers. Procreate pour les illustrations à la main.
Accessibilité & contrast
Stark · Contrast · WAVE · NVDA
Stark intégré Figma pour vérifier WCAG en temps réel. Contrast app macOS pour les ratios. WAVE pour les tests sur le code. NVDA/VoiceOver pour les tests de lecteurs d'écran.
Typographie & icônes
Inter · Geist · Söhne · Lucide · Phosphor
Inter par défaut (gratuit, optimisé écran). Geist (Vercel) très propre. Söhne premium si le budget. Lucide pour les icônes (cohérence + extensible). Phosphor pour la variété.
Garanties chiffrées
WCAG AA
100 % des écrans
Contraste minimum 4.5:1, focus visible, ARIA correct. Validé via Stark + tests lecteurs d'écran avant livraison.
≤ 4 jours
Retour sur itération
Tu nous envoies des retours, on livre la version corrigée sous 4 jours ouvrés maximum. Pas de ghosting.
1×
Source de vérité
Un seul fichier Figma master, tokens synchronisés avec le code. Pas de divergence design ↔ implémentation.
30 j
Itérations incluses
30 jours après la livraison finale, ajustements mineurs inclus (couleurs, spacings, micro-copy). Au-delà : tarif horaire.
Tarification
Plutôt que des forfaits abstraits, on cadre selon ton contexte : périmètre, complexité, délais, contraintes. Tu nous écris en 3 phrases ce que tu veux faire — on te revient avec un devis ferme sous 48h ouvrées.
Réponse sous 48 h ouvrées Demander un devis →Ton mail est prêt 🚀
On a ouvert ton client mail avec toutes les infos pré-remplies. Appuie sur Envoyer et l'équipe te répond sous 24h ouvrées.
