Cas d'étude Coloris : une application Flutter de catalogue de peintures développée de A à Z

Coloris est une application mobile de catalogue de produits développée pour une entreprise de peinture. Contrairement aux projets repris en cours de route, celui-ci est un développement de A à Z : cadrage, conception, architecture, développement Flutter, tests, publication. Le produit sert un usage très concret : donner aux équipes et aux clients un accès rapide et structuré à l'ensemble des références de peinture, avec les fiches techniques associées, directement depuis leur smartphone.

Le contexte du projet

Dans le secteur de la peinture, les catalogues sont denses : des dizaines de gammes, des centaines de références, chacune avec ses caractéristiques techniques précises (support, rendement, temps de séchage, finition, compatibilité, précautions d'usage). Tout cela est disponible dans des documents PDF, des classeurs ou des interfaces internes pas toujours adaptées à une utilisation terrain sur un smartphone.

L'entreprise voulait un outil clair : une application mobile qui regroupe l'ensemble du catalogue, qui permet de retrouver une référence rapidement, et qui affiche la fiche technique complète de chaque produit dans un format lisible sur téléphone. Un outil simple à utiliser, qu'on sorte sa poche sur un chantier, en rendez-vous client ou en magasin.

Le défi : structurer un catalogue dense pour un usage terrain

Sur une app catalogue, la tentation est de tout afficher. Dans la pratique, c'est exactement ce qu'il ne faut pas faire. Les principales contraintes étaient les suivantes :

• Trouver une référence en moins de 10 secondes, depuis l'écran d'accueil, que l'utilisateur connaisse le nom exact, une partie du code produit ou juste une gamme.
• Restituer les fiches techniques fidèlement, sans perdre la précision des données d'origine, mais dans une mise en page adaptée à un smartphone.
• Permettre des mises à jour fréquentes du catalogue sans repasser par une mise à jour de l'application sur les stores.
• Fonctionner dans des conditions terrain : connexion parfois capricieuse, gants aux mains, écran au soleil.

La solution technique

Une architecture pensée pour la consultation

Coloris n'est pas un e-commerce, c'est un outil de consultation. Cette distinction a guidé toutes les décisions techniques : pas de panier, pas de paiement, pas de gestion utilisateur complexe. L'objectif est de servir la donnée produit le plus vite possible, avec la meilleure ergonomie possible.

Côté Flutter, on a privilégié une architecture simple, avec une séparation nette entre la couche de données (récupération et mise en cache du catalogue) et la couche de présentation (listes, filtres, fiches produits). Ce choix garde l'application rapide au démarrage et fluide en navigation, même sur les modèles d'entrée de gamme.

Une recherche pensée pour aller vite

Des fiches techniques lisibles sur mobile

Traduire une fiche technique PDF en écran smartphone demande plus qu'une simple retranscription. On a structuré chaque fiche produit en blocs clairs : identification du produit, usages, caractéristiques techniques, conditions d'application, précautions, visuels. Chaque bloc reste lisible même sur un écran de 5 pouces, avec une typographie travaillée pour ne pas fatiguer la lecture.

Les données techniques sont présentées sous forme de tableaux natifs côté Flutter, pas sous forme d'images ou de PDF embarqués. L'utilisateur peut copier une valeur, zoomer, rechercher à l'intérieur de la fiche, ce qui n'est pas possible avec un simple rendu d'image.

Un catalogue mis à jour sans republier l'app

Dans le secteur de la peinture, les gammes évoluent : nouveaux produits, nouvelles teintes, ajustements de fiches techniques. Faire dépendre chaque mise à jour du catalogue d'une nouvelle release sur les stores serait inefficace. On a donc côté-serveur la source de vérité du catalogue : l'application récupère la dernière version à chaque ouverture, la met en cache localement et la sert en local pour la navigation. Les mises à jour du catalogue sont disponibles pour tous les utilisateurs en quelques minutes, sans intervention des stores.

Les résultats

Coloris est aujourd'hui un outil utilisé au quotidien dans le périmètre de l'entreprise, en complément des outils historiques.

• Catalogue accessible en quelques secondes, depuis n'importe quel smartphone, sans connexion stable.
• Fiches techniques lisibles sur mobile, sans repasser par un PDF ou un classeur papier.
• Mises à jour du catalogue déployées côté serveur, sans nouvelle publication sur les stores.
• Une seule codebase Flutter déployée sur iOS et Android, maintenue par une équipe réduite.

Ce qu'on retient de ce projet

Un projet de catalogue mobile est trompeur : il semble simple de l'extérieur, mais c'est typiquement là que l'ergonomie fait toute la différence entre une app qu'on ouvre et une app qu'on oublie. Sur Coloris, l'effort a porté sur la recherche, la lisibilité des fiches et le confort d'usage terrain. Ce sont des détails qui transforment un catalogue "techniquement correct" en un outil réellement adopté.

L'autre enseignement tient à la séparation entre cycle produit et cycle applicatif. En sortant le catalogue de la mise à jour des stores, on donne de l'agilité au métier sans alourdir le processus technique. C'est un motif qu'on retrouve sur beaucoup d'applications où la donnée évolue plus vite que l'interface.