2020 – 2021 · SaaS / Marketing localVISIPERF
Visiretail, la plateforme de Visiperf, sert aux réseaux de magasins à lancer leurs publicités locales. Pendant un an, j'en ai mené la refonte avec ma manager Kèmie Zountangni. Le Design systemLa bibliothèque commune d'une marque : couleurs, textes, boutons, champs, avec leurs règles d'usage. Chaque écran se construit à partir de ces mêmes pièces., je l'ai créé de A à Z.
Comment faire une seule plateforme pour le siège, qui pilote les campagnes de tout son réseau, et pour le magasin, qui doit pouvoir en lancer une simplement ?
Situation
Un siège qui pilote, des magasins qui lancent
Visiperf fait du marketing local pour les réseaux d'enseignes. Une marque nationale, des centaines de points de vente, et pour chacun des publicités locales à produire. Visiretail fait le lien. La Tête de réseauLe siège d'une enseigne qui compte de nombreux magasins, franchisés ou non. Il décide de la marque et des campagnes nationales., le siège, y diffuse ses campagnes, et les magasins les activent chez eux.
Les deux publics n'attendaient pas la même chose. Le siège voulait accéder à l'ensemble des statistiques de ses points de vente, retrouver simplement les campagnes marketing de tout le réseau et suivre le Retour sur investissementCe que rapporte une dépense comparé à ce qu'elle a coûté. Pour une publicité : les clients gagnés face au budget engagé. de chacune. Le point de vente, lui, avait besoin d'une interface simple pour lancer une campagne digitale.
Je suis arrivée en septembre 2020, pour un an, au moment où la crise sanitaire et l'accélération des investissements faisaient de cette période un tournant stratégique majeur pour Visiperf et Visiretail, dont les clients s'appelaient alors KFC, Coca-Cola, Grain de Malice ou Centrakor.
- magasins connectés à Visiretail aujourd'hui, selon Visiperf
- +4 000
Tâche
Le national et le local dans le même outil
Réaliser des interfaces graphiques à la fois pour le national et le local.
Avec Kèmie Zountangni, j'ai repris toute la plateforme. Le défi : rester simple avec plusieurs publics, plusieurs canaux et plusieurs façons de payer.
- 01
Plusieurs canaux de diffusion
D'Instagram à Waze, les campagnes partaient sur des canaux qui n'ont rien à voir entre eux, et l'outil devait tous les proposer sans perdre en simplicité.
- 02
Plusieurs façons de payer
Un canal de paiement, un parcours. Il a fallu les établir un par un.
- 03
Deux designers, six à huit développeurs
Ils travaillaient à distance ; nous étions deux designers, eux six à huit.
Action
Un parcours par cible, un système pour tous
Quatorze livrables en un an. D'abord comprendre chaque public, puis refondre la plateforme et poser ses fondations visuelles, enfin outiller le marketing des enseignes.
La recherche : à chaque cible son besoin
La Recherche utilisateurInterroger et observer les personnes qui se servent d'un outil avant de le dessiner. On part de ce qu'elles vivent, pas de ce qu'on imagine. menée auprès des utilisateurs de Visiretail m'a laissé un enseignement. Le besoin est très spécifique selon la cible. Le siège et le magasin n'attendent pas la même chose de l'outil, alors chaque parcours a été conçu pour l'un ou pour l'autre.
Refondre Visiretail pour ses deux publics
Du ZoningUn croquis de page fait de simples blocs, qui place chaque contenu avant de dessiner le détail. aux maquettes puis aux prototypes, toute la plateforme a été reprise. Côté siège, les chiffres de chaque magasin et les campagnes nationales. Côté magasin, juste l'essentiel pour en démarrer une.
Créer le design system de zéro
Créé de zéro, il sert aux écrans du siège comme à ceux des magasins : une même bibliothèque de pièces pour les deux.
Des composants de la plateforme. Une carte d'offre dit en un coup d'œil qui paie, sur quels canaux elle passe et combien de magasins l'ont déjà rejointe. Travailler dans GitHub, au rythme des développeurs
Tout le suivi de projet vivait dans GitHubLe site où les équipes rangent le code d'un projet et suivent chaque tâche. On y propose un changement, les autres le relisent avant qu'il entre.. Les User storyUne tâche écrite du point de vue de la personne qui utilise l'outil : qui elle est, ce qu'elle veut faire, pourquoi. Chaque développement part d'une de ces phrases. aussi. À deux designers pour six à huit développeurs à distance, il a fallu nous adapter à leurs process, et GitHub est devenu notre référentiel projet.
Outiller les enseignes et le marketing
Un Store locatorLa page qui aide à trouver le magasin le plus proche sur une carte, avec son adresse et ses horaires. pour des enseignes comme Grain de Malice. Des visuels de communication pour les clients de Visiretail, dont KFC et Coca-Cola. Puis des pages de blog et un template Figma de Landing pageLa page sur laquelle arrive un visiteur, souvent l'accueil. Elle doit dire en quelques secondes ce que propose le site., pour en monter de nouvelles plus vite.
Le dispositif
- Durée
- Septembre 2020 à septembre 2021, un an.
- Entreprise
- Visiperf, marketing digital multi-local.
- Équipe
- Refonte menée avec ma manager Kèmie Zountangni ; deux designers pour six à huit développeurs, à distance.
- Rôle
- Product Designer : recherche utilisateur, refonte de la plateforme Visiretail, design system créé entièrement, store locator, visuels, blog, templates Figma.
Figma
GitHub
Résultat
Toujours vendu cinq ans plus tard
Tout a été livré. Quatorze livrables en un an, de la plateforme aux supports marketing, et un outil que Visiperf commercialise toujours, présenté aujourd'hui comme sa MarketplaceUn site de vente qui réunit les produits de plusieurs marques ou vendeurs au même endroit. Le client y compare et achète sans changer de boutique. de campagnes multi-locales.
Ce qui n'est pas mesuréJe n'ai pas accès aux chiffres d'usage réels de la plateforme, et je ne sais pas si mon design system est encore en place.
Ce que j'en retiens
Un outil simple pour plusieurs publics, ça commence par accepter que chaque cible a un besoin très spécifique. Avec GitHub, j'ai appris à travailler dans les outils des développeurs et à suivre leurs process. C'est là que j'ai commencé à passer de designer à builder. Aujourd'hui, je code mes propres produits avec Claude Code.
Projets suivants
- ADEME, Recherche & DéveloppementADEME · 2023 – 2024Centraliser les financements et les programmes scientifiques pour propulser les innovations dédiées à la transition écologique.
- Identité et packaging d'un miel artisanalPtit Abeille · 2025Donner au miel d'un apiculteur artisan un packaging haut de gamme, posé à la main pot après pot.
- RESET, refonte de marque d'une plateforme de mode éthiqueRESET · 2022Créer l'unique marketplace française pour comprendre et acheter la mode éthique.
- TACITEMinistère des Armées (MINARM) · 2024Refondre l'outil de 2003 qui organise les déplacements de tout un ministère.
