CIGO
Un conseiller de cave premium pour une maison de tabac : il lit le goût d'un client en sept questions, puis lui rend un trio court et justifié. Mené des écrans concept à un prototype en ligne, testable, en deux thèmes.
Aperçu
CIGO est un assistant d'achat premium, une application web mobile-first, conçue pour une maison de tabac qui a une vraie culture du conseil. Il transpose le conseil du buraliste sur un écran : comprendre le goût d'un client en quelques questions, puis lui recommander une sélection courte et justifiée, disponible au comptoir ou sur commande.
Le client est arrivé avec une base Lovable : assez pour mettre l'idée à l'écran, pas assez côté design, il fallait faire intervenir un pro. Le projet a ensuite couvert toute la chaîne : recherche et benchmark, cadrage produit (PRD), direction artistique et écrans clés dans Figma, architecture et parcours, puis un prototype interactif haute-fidélité couvrant chaque écran, du contrôle d'âge à la confirmation de commande, en clair et sombre. Le design system était partiellement fourni ; je l'ai ajusté et rendu fonctionnel pour la PWA de test UX. Deux boucles d'itération client ont suivi, 24 points de retour intégrés un par un. La cover et les visuels concept sont les écrans clés Figma à partir desquels la PWA de test a ensuite été construite, ce qui explique que les écrans du prototype soient moins raffinés que le concept.
Toute l'expérience, de la recherche au prototype interactif
Chaque écran, les écrans clés Figma et un prototype fonctionnel en deux thèmes, livré en solo
Transposé le conseil du buraliste en un produit testable par le client
Le problème
L'achat en ligne casse ce qui fait la valeur du buraliste : le conseil. Des centaines de références et un vocabulaire technique, vitole, cape, force, longueur en bouche, opaque pour qui n'est pas expert, et des catalogues qui listent sans hiérarchiser. Rien ne dit au client lequel est le sien.
Recherche & approche
La phase amont a posé les fondations. Un benchmark d'expériences premium, retail de luxe et apps produit haut de gamme, a calé le niveau d'exigence visuel et interactionnel. Un PRD produit a cadré les fonctionnalités, le modèle de recommandation et les règles métier : origine, force, format, marques, durée, budget, disponibilité. Et une direction artistique a posé le registre : un fond chevron d'inspiration Art déco pour une ambiance lounge, le médaillon hexagonal de la maison, le logo tel que fourni, suspendu en tête de chaque écran, les codes couleur du luxe classique, un orange façon Hermès pour toute action, un violet réservé aux mots du client, et des rayures héritage-vintage qui descendent le long du ruban. Tanker, une display éditoriale, sur Hanken Grotesk. Quatre principes ont tenu l'ensemble : guider vers un choix, justifier chaque recommandation, rester cohérent et prévisible, et garder le premium, la sobriété et l'accessibilité, contraste AA, vraies cibles tactiles, scroll natif.
- Guider vers un choixDes centaines de références et un vocabulaire d'expert : chaque écran guide vers un choix et dit pourquoi, pour que le conseil survive au passage à l'écran.
- Un benchmark, puis le PRDJ'ai étudié des références premium, retail de luxe et apps produit haut de gamme, pour fixer le niveau, puis rédigé un PRD cadrant le modèle de recommandation : sept signaux en entrée, un profil nommé et un score calculé en sortie.
- Une ambiance loungeUn chevron Art déco, le médaillon de la maison, les codes couleur du luxe classique et un seul orange façon Hermès pour l'action ont donné à CIGO l'ambiance d'un lounge.
Parcours
L'onboarding est une conversation avec le Conseiller. Le contrôle d'âge ouvre le fil, puis deux portes couvrent tous les profils : un quiz guidé pour le néophyte, une saisie directe pour l'amateur qui a déjà des noms. Sept questions plus tard, le client tient un profil nommé et un trio, avant d'avoir vu le moindre catalogue.
- Une question, un contrôle sur mesureUne jauge braise pour la force, des silhouettes de cigare pour les formats, des puces de marques avec leur logo, une molette façon minuteur iOS pour la durée et la fréquence, une jauge or pour le budget. Chaque réponse retombe en bulle de chat, et le fil se relit comme une conversation.
- Une progression visibleUne barre fixe, « question 3 sur 7 », maintenue à travers chaque transition, plus une flèche retour à chaque étape et un redémarrage en tête. Rien n'est piégé, et chaque réponse reste modifiable avant de compter.
- Le compte, plus tardL'e-mail n'est demandé qu'une fois le trio à l'écran, formulé comme « pour retenir vos goûts et vous prévenir des arrivages », avec un discret « continuer sans compte ». La valeur d'abord, le formulaire ensuite.
Décisions de design
Une conversation avec le Conseiller.
L'activation se déroule en fil de discussion avec le Conseiller. Le contrôle d'âge légal est le premier échange, si bien que l'avertissement tabac ouvre la conversation. Deux portes couvrent tous les profils : « aide-moi à trouver les miens », un quiz guidé, et « j'ai déjà des cigares que j'aime », saisie directe avec les favoris de la maison et la dictée vocale. Le conseil se ressent dès la première seconde.
Un profil nommé et un trio justifié.
Le quiz aboutit à un profil de dégustation nommé, « L'Équilibriste » pour un palais mesuré, et à un trio : trois cigares suggérés, chacun avec son score de correspondance CIGO en %, expliqué d'un tap, « pourquoi pour vous ? », et distinct de la note d'avis ★/5. Deux indicateurs, jamais confondus. Le client a demandé une refonte en profondeur du trio : feuilletable, cliquable jusqu'à la fiche, ajout au panier sur place, un seul CTA pour tout voir.
Les écrans clés d'abord, puis les faire fonctionner.
Le style a été posé dans Figma avant la moindre ligne du prototype : un fond chevron d'inspiration Art déco pour une ambiance lounge, le logo médaillon hexagonal de la maison repris en tête d'écran, Tanker sur Hanken Grotesk, les codes couleur du luxe classique avec un orange façon Hermès pour l'action, violet pour les mots du client, des rayures héritage-vintage sur le ruban, des références qui portent leur score, et une carte de profil qui nomme votre archétype, « Le Robuste » ici, l'un des cinq qui suivent le profil. Le design system était partiel ; je l'ai ajusté, complété, passé les icônes en Iconoir et rendu fonctionnel pour la PWA de test UX, en deux thèmes complets, clair et sombre, pour que chaque écran se teste en main.
Un panier fait pour le comptoir.
Le panier est ancré dans le contexte local : la TVA à 8,1 % affichée sur le total, carte ou TWINT, et un retrait au comptoir sous 24 heures. Commande confirmée, le client est renvoyé vers le profil où vit son goût, pour que la boucle se referme sur le conseil.
Les écrans
Tout le parcours, haute-fidélité et testable.
Le lounge en cinq onglets, Sélection, Explorer, Nouveautés, Favoris, Profil, plus les filtres et les alertes d'arrivage, en clair et sombre
Résultats
Un prototype crédible et testable couvrant l'intégralité du parcours, en ligne et déployé en continu, avec la totalité du retour client intégrée point par point et un protocole de test prêt pour de vrais utilisateurs.
Le cigare parfait n'existe pas. Le vôtre, si, et CIGO est fait pour le trouver.