Vectaury.io

Création du premier dispositif médias Drive to Store.

  • AD Tech
  • Drive to Store
  • Marketing prédictif
  • Client Vectaury.io
  • Rôle Lead UX Webdesigner
  • Durée 2 ans
  • Équipe 3 Designers, 8 Dev, 3 Traffic Managers

Contexte

Avant de développer une infrastructure technologique massive capable de traiter des milliards de requêtes par jour, Adnow, l'ancien nom de Vectaury, a démarré avec un positionnement beaucoup plus orienté vers l'agence d'experts.
L'idée était de rassembler des talents du numérique et d'accompagner les marques sur des enjeux naissants : le marketing mobile de performance et les premiers pas du ciblage ultra-local.

La génèse du projet reposait sur une frustration du marché : les enseignes physiques perdaient de la vitesse face au e-commerce et les publicités sur smartphone n'étaient pas capables de prouver qu'elles amenaient réellement des clients dans les boutiques physique. « La Coopérative Digitale » éditée par Adnow a donc commencé à bricoler les premières briques du marketing prédictif pour résoudre ce problème.

De la coopérative à la startup technologique industrielle. C'est en construisant son propre modèle et ses propres technologies de startup hyper-croissante pour passer à l'échelle que mon rôle a été de designer un produit média à forts impacts, de trouver le nom Vectaury avec les équipes marketing et commerciale et designer le logo de Vectaury.

MVP & tests

La Coopérative Digitale a laissé place au nom de l'entreprise « Adnow », nous avons drastiquement fait évoluer le produit et son positionnement.

La conception du dispositif média Drive to Store

La publicité mobile Drive to Store s'appuyait sur plusieurs données de géo-profiling entre le mobinaute et la boutique la plus proche.

Parcours utilisateur simplifié Drive to Store
Parcours (simplifié) du mobinaute sur une publicité Drive to Store.

Une bascule importante vers le full html. Alors que la majorité de l'industrie utilisait des images jpg ou gif pour leurs publicités, nous avons utilisé l'html pour notre set média.
Cela m’a aussi permis d’identifier les zones importantes de l’interface afin de définir les libertés pour l’annonceur ou encore de définir des zones qui peuvent être animées.

L'approche Lean UX : Dans ce contexte de startup, l'enjeu pour moi n'était pas de viser le pixel perfect absolu dès le premier jour, mais de livrer rapidement un Proof of Concept fonctionnel. Équilibrer l'exigence qualité du design avec l'urgence du Go-To-Market a permis à l'entreprise de générer ses premiers revenus et de prouver sa proposition de valeur à ses investisseurs.

Wireframe d'une campagne Drive to Store
L'interstitiel s'affiche moins de 10 secondes dans une app, l'animation utilise 3 secondes pour afficher la distance de la boutique la plus proche et 5 secondes pour afficher l'offre de l'annonceur.

Coté design, le dispositif s'articule en deux parties. Un interstitiel s'affichant dans l'application du mobinaute. Une landing page qui prolonge l'expérience, si le mobinaute clique sur l'interstitiel.

Les données dynamiques finement intégrées dans l'interface

Plusieurs types de données sont utilisées pour la campagne, de l'interstitiel à la landing page en passant par des bannières elles aussi construites en full html css.

Données utilisées dans un campagne Drive to Store
Exemple de données utilisées dans un set de campagne Drive to Store.

MVP - Le premier test

C'est en collaboration avec Sephora que nous avons fait notre premier test. L'objectif a été de gamifier le dispositif avec un code de réduction qui se révélait au fur et à mesure que le mobinaute s'approchait de la boutique.

J’ai codé toute l’interface en HTML5, CSS3 et JS avec l’aide de l’équipe de développement. Impossible de voir le résultat en conditions définitives de campagne. Notre seul moyen de comprendre ce qu’il se passait fut de tracker un maximum d’éléments d’interface.

Campagne Drive to Store de test avec Sephora
Aperçu du premier test de campagne Drive to Store

Industrialisation

Après plusieurs campagnes sur-mesures ayant permis de tester différentes configurations de contenu et d'objectifs, l'heure a été à la rationnalisation des formats. Pour faciliter la production mais aussi la vente qui pouvait présenter un catalogue de fonctionnalités précis dans le set médias.

Industrialisation de l'interstitiel

Construction de l'interstitiel Drive to Store
Aperçu des différents types d'interstitiels Drive to Store

Industrialisation de la landing page

La landing page reprend toutes les données qui ont permis d'arriver jusqu'à elle en plus d'intégrer une navigation dynamique permettant d'afficher un store locator, une carte ou visiter le site de l'annonceur.

Construction de la landing page Drive to Store
Aperçu de la structure de la landing page et ses différents gabarits

Impacts et chiffres

En 2016, Vectaury a bouleversé le marché de l'AdTech en s'imposant comme la génération "post-Criteo" grâce au marketing prédictif et au Drive-to-Store à la performance.

  • 5 millions d'euros de chiffre d'affaires en 2016
  • + 25 millions de profils mobinautes qualifiés en France
  • + 100 grandes marques et agences clientes
  • + 250 campagnes mobiles sur-mesure
  • 2 milliards de requêtes géolocalisées par jour