British American Tobacco - Switzerland

Brief

La collaboration avec Antistatique s’est déroulée pour la refonte complète des deux sites des marques Davidoff et Gauloises. Nous avons alors pu réaliser des projets rendant une expérience en concordance avec la communication des marques le tout dans un écosystème moderne et multilingue.

British American Tobacco (BAT) Switzerland fait partie du groupe international British American Tobacco. Actif aussi bien globalement que localement, la société BAT est présente dans 41 pays et elle est détentrice de plus de 200 marques.

View live

Year:
2016
Client:
British American Tobacco
Skills: Backend CMS PHP Drupal Frontend Design UX
Tableau pour la marque Davidoff
Campagne pour la marque Gauloises

Analyse et Étude

L’objectif principal était de renforcer la communication avec les clients des deux marques.

Personas - approche centrée utilisateur

Les personas aident à mieux saisir le cœur du public cible, en l'occurrence, ceux-ci nous ont permis de synthétiser les besoins des différents types de personnes.
Grâce à elles, nous avons pu diriger notre étude sur les attentes des parties prenantes directement au niveau web, mais également d’un point de vue rédacteur ou responsable de la plateforme.

Voici quelques exemples dans le cadre de ce projet:

  • La personne connectée qui profite des offres et des concours
  • L’hôtesse qui promeut la marque pendant les événements
  • Le responsable du site qui veut engager ses clients
Écrans version mobile pour Davidoff
Écrans version mobile pour Gauloises

Solution proposée

L’étroite collaboration entre BAT Suisse et Antistatique a permis de proposer des solutions en adéquation avec les attentes et les besoins. Voici quelques points principaux de cette solution.

Flux d’inscription

Nous voulions rendre le processus d’inscriptions plus engageant et bien moins contraignant pour l’utilisateur final. Effectivement, devoir passer par de nombreuses étapes avant de pouvoir se connecter pousse les utilisateurs à abandonner. Ce sont donc des clients que nous perdons. Afin de répondre à cet objectif, nous avons décidé de séparer le processus d’inscription en plusieurs étapes distinctes. De plus, nous avons rendu la dernière partie de finalisation facultative afin de ne pas décourager les utilisateurs.
En outre, les utilisateurs participant aux événements de la marque sont également automatiquement inscrits dans le site Internet, dès lors l’utilisateur peut naviguer librement sans passer par l’inscription obligatoire.

Gamification

L’un des objectifs de ces refontes était l’implémentation d’une participation à des jeux-concours dynamiques.
L’idée est simple, sur chaque paquet de cigarettes se trouve un code unique - entrer celui-ci sur le site Internet permet de participer aux concours en ce moment. Une seule participation par concours et par code est acceptée.

L’Héritage

La page Héritage est spécifique au site Davidoff, celle-ci permet de découvrir la marque au travers de son histoire.
Cette page est agréablement découpée en sections afin de la rendre plaisante à naviguer, en effet sous ses aires de landing-page elle renferme énormément d’informations. Aussi, un gros travail a dû être effectué quant à la hiérarchie des contenus et aux choix des images en amont de la réalisation concrète de cette page.
[aside] Il n’existe pas de définition exacte de la landing-page. Cependant nous pouvons résumer cela par une page riche en contenu et en informations. De par sa nature extrêmement dense, une landing-page doit être bien plus travaillée et soignée qu’une page standard. [/aside]

Les “Grands Moments”

Spécifiques au site Gauloises, Les “Grands Moments” permettent de revivre, au travers d’images, les moments forts de la marque. Nous avons rapidement proposé un affichage en “Wall” dynamique, semblable à Pinterest, dans l’intention de permettre une visualisation rapide, intelligente et complète des images.

Contraintes & challenge

Une inscription tentaculaire

L’un des grands défis de ces deux projets fut la rationalisation et la simplification du processus d’inscriptions. En effet, un compte peut être ouvert de plusieurs manières :

  • Récupération des anciens comptes, provenant de sources très variées,
  • Durant la participation à un jeu dans un des événements de la marque,
  • Inscription directe depuis le nouveau site Internet.

Il nous a donc fallu mettre en place des outils et des écosystèmes capables de communiquer entre eux afin de créer des comptes utilisateurs de manière asynchrone et automatisé.

Unifier pour mieux régner

L’un des besoins principaux évoqués par le client fut le développement sous un aspect commun pour les deux sites. Ce tronc de base identique pour chaque site fut un défi de tous les instants pour l’agence; que ce soit l'expérience utilisateur, le design ou le développement, nous avons été amenés à normalisation des contenus et des fonctionnalités pour deux marques ayant une identité très forte et complètement différente.

Technologie utilisée

Drupal 8

Afin de répondre à un besoin d’uniformisation des technologies, mais également de pérennité à long terme des projets, nous avons opté pour un développement à l’aide du CMS Drupal 8.
Extrêmement expérimentés et à l’aise avec les versions précédentes, nos développeurs ont rapidement pris en main ses nouveaux mécanismes de développement afin d’en tirer pleinement profit.
Travailler avec ce genre de technologie apporte ainsi un côté visionnaire et précurseur, mais également de très grands avantages quant à la robustesse et à l’évolutivité des produits finaux.

Détail d'interface Davidoff
Détail d'interface Gauloises

Conclusion

Ce projet fut extrêmement riche pour Antistatique. D’un point de vue UX et design nous avons amené tout notre savoir-faire afin de faire écho aux identités des deux marques. Sans oublier le côté technique, grâce à ce nouveau projet Drupal 8 nous avons pu appréhender des mécanismes du CMS très poussés et intéressants.
Ce projet est un encore une fois un très bon exemple de notre capacité à comprendre les besoins et problématiques des clients et à les retranscrire en une expérience web unique.

Antistatique est une des rares agences aujourd'hui capable de non seulement délivrer un projet avec excellence, mais aussi d'agir en amont en tant que consultant. Nous sommes arrivés avec une problématique complexe multimarque et Antistatique a su y apporter une réponse à la fois personnalisée, simple et efficace. J'apprécie de travailler avec une agence réactive, complètement "solution oriented" et qui sait rester on top des évolutions digitales.

Romain Gauron Business Unit Manager Licensed brands