Project Chroma : moteur visuel UI/UX
01. Chroma : régler notre propre problème avec la couleur
Chaque projet de design chez Wiby commence par une palette, et pendant des années cela signifiait jongler avec trois onglets d’outils de couleur, dont aucun ne comprenait comment les palettes sont réellement utilisées : sur du vrai texte, sur de vrais fonds, avec le contraste d’accessibilité en tête. Project Chroma est né comme une réalisation interne d’un week-end pour mettre fin à ce jonglage : un sélecteur et générateur de palettes qui montre chaque couleur candidate en train de faire son vrai travail.
Le brief de design était impitoyable : zéro prise en main. Un designer doit arriver, choisir, ajuster et exporter en deux minutes sans rien lire. Cette contrainte a façonné chaque écran : les contrôles apparaissent là où sont déjà vos yeux, les raccourcis clavier imitent la mémoire musculaire des outils de design, et l’interface elle-même reste presque monochrome pour que les couleurs jugées soient les seules en scène.
Notes d’ingénierie
Chroma fonctionne entièrement côté client : pas de comptes, pas d’allers-retours serveur, les palettes encodées dans l’URL elle-même, si bien que partager une palette revient à partager un lien. Les calculs de couleur se font dans un espace colorimétrique perceptuellement uniforme, et c’est pourquoi ses harmonies générées paraissent équilibrées au lieu de mathématiquement correctes mais laides.
Les choix de design qui ont survécu
Ratios de contraste en direct sur texte blanc et foncé pour chaque échantillon (la fonction que nous utilisons le plus), aperçu de la palette sur une fausse landing plutôt que des carrés isolés, et export en un clic vers variables CSS et tokens de design, parce qu’une palette qui reste dans l’outil n’a jamais rien livré.
02. Ce que Chroma nous a appris
Construire pour des designers nous a rendus meilleurs pour construire pour tout le monde : quand vos utilisateurs sont professionnellement allergiques à la friction, chaque aspérité est signalée dans l’heure. Le motif « l’URL comme état » et la discipline zéro prise en main ont depuis migré vers des projets clients.
Cela a aussi validé notre habitude de tester d’abord en interne les idées ambitieuses. Le moteur de couleur perceptuel de Chroma a ensuite alimenté le travail de palettes de deux systèmes de marque clients, payé, en pratique, par une expérience de week-end.
03. L’intérêt des produits maison
Nous construisons des outils comme Chroma parce que livrer nos propres produits garde notre jugement honnête : nous ressentons chaque décision d’UX en tant qu’utilisateurs, pas seulement en tant que prestataires. Si vous voulez appliquer cet état d’esprit produit à votre idée, la page de contact est ouverte et le simulateur vous donnera un chiffre de départ.
Prêt à revendiquer le leadership de votre secteur ?
Ne laissez pas vos concurrents vous prendre un jour de plus de parts de marché. Contactez dès aujourd’hui notre équipe dirigeante ou utilisez notre simulateur interactif pour fixer le périmètre de votre projet sur mesure avec notre remise temporaire de 50 %.