Spécialiste en conception d’interfaces en mode sombre et adaptation de thèmes duels. Depuis 14 ans, je crée des systèmes de design accessibles où chaque pixel compte.
J’ai commencé ma carrière en 2010 comme designer graphique dans une agence web parisienne. C’est là que j’ai découvert la complexité de créer des interfaces cohérentes sur plusieurs contextes visuels. Les vrais débuts dans la conception de thèmes duels remontent à 2015, quand j’ai mené le projet de refonte du système de design d’une grande plateforme SaaS française. On parlait déjà de mode sombre à l’époque, mais personne ne savait vraiment comment bien l’implémenter.
Ce qui m’a vraiment motivé, c’est de comprendre pourquoi les ombres sur fond sombre posaient problème. Pourquoi certaines icônes disparaissaient. Comment créer des palettes de couleurs qui marchent dans les deux modes sans sacrifier la beauté. Depuis 2019, j’anime des ateliers et je rédige des articles détaillés sur ces sujets. Chez Nuance Thème SARL, je combine l’expertise pratique avec une pédagogie claire — aidant les designers et développeurs à construire des interfaces vraiment inclusives.
Créer des palettes lumière et sombre qui fonctionnent ensemble sans conflit. Pas de simples inversions — des systèmes vraiment pensés.
Les ombres n’existent pas sur fond sombre. Je travaille sur les contrastes, les bordures subtiles et la profondeur perceptuelle.
Les icônes disparaissent ou deviennent trop épaisses en mode sombre. Je conçois des systèmes d’icônes qui restent lisibles partout.
Le switcher ne doit pas être juste un bouton. C’est une transition douce, sans flash blanc, avec persistance des préférences.
Ratio de contraste minimum 4.5:1, test de visibilité avec déficiences visuelles, compatibilité avec les lecteurs d’écran.
Variables CSS, tokens de design, documentation accessible. Un système qui scale et qu’on peut vraiment maintenir.
Parce que la plupart des designers commencent avec un mode clair et essaient simplement d’inverser les couleurs. C’est catastrophique. Le mode sombre n’est pas juste du négatif — c’est un contexte complètement différent. Les ombres ne fonctionnent pas pareil. Les couleurs vives brûlent les yeux. Les contrastes doivent être rethinkés. Il faut vraiment partir de zéro et designer les deux modes en parallèle, pas l’un après l’autre.
Il n’y a pas de formule magique, mais voici ce qui marche : d’abord, définissez votre palette de couleurs primaires en mode clair. Ensuite, créez des variantes de teinte et de saturation pour le mode sombre — pas des inversions. Les bleus restent des bleus, mais plus foncés et moins saturés. Les rouges deviennent plus orangés. Les neutres passent de gris froid à gris chaud. Testez toujours avec des outils de contraste comme Contrast Ratio.
Les sites qui font un flash blanc à chaque changement de thème. Sérieusement, c’est pénible pour les yeux. Et les designers qui copient le design en clair vers le sombre sans réfléchir — les contrastes sont pourris, les icônes disparaissent, les utilisateurs pensent que le site est cassé. Je déteste aussi quand les icônes deviennent trop épaisses en mode sombre pour garder la visibilité. Ça rend tout lourd et inélégant.
En 2015-2016, j’ai refondé le système de design d’une plateforme SaaS avec 2 millions d’utilisateurs mensuels. C’était le moment où le mode sombre commençait à peine à devenir demandé. On a créé une architecture complète de tokens CSS — une première pour nous à l’époque. Les utilisateurs n’ont pas remarqué le changement parce qu’on a fait la transition progressivement. C’est ça le succès : quand les gens ne réalisent pas qu’il s’est passé quelque chose.
Utilisez un simulateur de déficience visuelle — vraiment. Pas juste Contrast Ratio. Des outils comme NoCoffee ou Sim Daltonism vous montrent exactement comment votre design est perçu par quelqu’un avec du daltonisme ou une vision basse. Testez aussi avec un lecteur d’écran comme NVDA ou JAWS. Et honnêtement, demandez à des gens atteints de ces déficiences de tester votre design. Rien ne remplace le retour humain.
Figma avec les tokens et les variables locales — c’est vraiment devenu puissant pour ça. Mais honnêtement, j’aime aussi travailler directement en CSS. Ça force à être plus précis. Avec des variables CSS et un bon système de nommage, vous pouvez expérimenter en live dans le navigateur. C’est plus rapide que de faire un allez-retour avec Figma. Et les développeurs apprécient quand le design est déjà en CSS.
Diplôme en Design Graphique et Design d’Interaction, 2010
Formation intensive sur la théorie des couleurs, la typographie, l’ergonomie et les systèmes de design.
Web Accessibility Initiative, 2018
Expertise reconnue en accessibilité web, contraste des couleurs et conformité des normes d’accessibilité.
Design Masterclass International, 2017
Étude approfondie de la perception des couleurs, la psychologie visuelle et l’application en design numérique.
European Design Awards, 2019
Reconnaissance pour la refonte du système de design d’une plateforme SaaS avec support complet du mode sombre.
Depuis 2020 — Présent
Leadership en design d’interface, ateliers de formation, consultation en systèmes de design et mode sombre.
Depuis 2019 — Présent
Articles réguliers sur le design en mode sombre, les systèmes de couleurs duels et l’accessibilité WCAG. Conférences aux principales conférences de design en France.
L’accessibilité n’est pas une contrainte. C’est une opportunité d’innovation. Quand je conçois pour le mode sombre, je ne pense pas à des règles — je pense à comment quelqu’un avec une vision basse perçoit les contrastes, ou comment quelqu’un avec du daltonisme interprète les couleurs.
Chaque pixel doit avoir une raison d’être là. Les ombres sur fond sombre ne fonctionnent pas comme sur fond clair — elles n’existent pas, elles sont invisibles. Donc on travaille avec les contrastes, les bordures subtiles, la saturation des couleurs. C’est plus difficile, mais c’est aussi plus honnête. On crée des interfaces vraies, pas des copies.
Je crois que le design en mode sombre est devenu un élément non-négociable. Ce n’est plus une feature optionnelle. C’est une attente. Les utilisateurs veulent choisir comment ils consomment du contenu. Notre job, c’est de s’assurer que les deux modes sont égaux en qualité et en accessibilité.
Et les systèmes de design ? Ils doivent être vivants, documentés et maintenables. Si votre système de design nécessite une formation de trois jours pour être compris, vous avez échoué. Ça doit être simple, cohérent, et les développeurs doivent aimer l’utiliser.
Système de design complet avec support natif du mode sombre. Travail sur les tokens CSS, les palettes de couleurs complémentaires et la persistance des préférences utilisateur. Résultat : 2.3 millions d’utilisateurs avec accès au mode sombre en phase 1.
Architecture de design scalable avec thèmes duels. Documentation exhaustive, test d’accessibilité WCAG Level AA, et formation complète des équipes. Implémentation sur 45+ écrans critiques.
Formation des designers et développeurs sur les bonnes pratiques en mode sombre. Plus de 200 participants. Sessions interactives avec cas d’usage réels et outils pratiques.
Explorez mes guides détaillés sur le design en mode sombre et l’adaptation de thèmes duels
Guide complet pour construire des palettes de couleurs qui fonctionnent dans les deux modes sans inversion simple.
Explications détaillées sur pourquoi les ombres ne fonctionnent pas en mode sombre et comment créer la profondeur autrement.
Techniques pour concevoir des systèmes d’icônes qui restent lisibles en clair et en sombre sans augmenter l’épaisseur.
Comment implémenter un switcher de thème sans flash blanc, avec animations douces et persistance des préférences.
Vous avez besoin d’aide pour implémenter un système de design avec mode sombre ? Je suis disponible pour des consultations, des ateliers ou des projets de refonte.
