Le lockdown (mars-juin 2020) a dopé l'activité de BackMarket(ses ventes ont doublé par rapport à la période précédant la pandémie) et la récente levée de fonds (110 M € - mai 2020) permet à l'entreprise de soutenir ses ambitions internationales, notamment sur le marché américain.
Afin d'accompagner cette croissance et dans le but d'améliorer la conversion des ventes, des opérations marketing de plus en plus régulières sont menées tout au long de l'année sur le site Internet en s'appuyant sur des encarts publicitaires réalisés en interne par l'équipe de l'entreprise design .
Nous sommes passés d'un modèle de génération de bannières à la main (très fastidieux vu le nombre de formats et de pays auxquels il faut s'adapter), à une interface qui génère directement tous les formats après un entonnoir rapide à compléter. Un gain de temps énorme, mais aussi un résultat plus précis grâce à la mise en place de guidelines précises.
Agathe Brault, directrice artistique @Backmarket
bannière création à l'échelle
Les emplacements publicitaires sur le site backmarket.com sont nombreux et couvrent un ensemble de 15 dimensions non standardisées (formats web et mobile). Pour chaque opération marketing, un minimum de 3 produits sont poussés et 8 langues doivent être supportées afin de couvrir tous les pays dans lesquels BackMarket est présent.
Il en résulte
L'équipe de design est chargée de créer ces bannières et de les transférer à l'équipe marketing, qui les insère ensuite sur le site.
Production manuelle à l'aide d'un outil traditionnel design
Une fois le contenu marketing et le site template validés, le processus de production du site bannière peut commencer.
Production :
Les membres de l'équipe se partagent le travail (langues, produits). Chaque designer doit produire un ensemble de 15 bannières par produit/langue, ce qui implique :
- Utilisation d'un logiciel design (Sketch / Figma / Illustrator...).
- Insérer le contenu marketing au bon endroit.
- S'assurer que les éléments sont bien positionnés et que le site bannière respecte les directives de la marque.
- Répéter les mêmes efforts pour chaque dimension.
Cela représente au total 9 jours de travail répartis entre 3 designers pour produire 360 bannières.
Cette tâche est extrêmement fastidieuse car elle demande au designer un maximum de concentration et d'organisation sur son outil design (Sketch, Figma ...) et ne requiert plus aucune créativité de sa part, ce qui réduit son bien-être au travail, donc, son implication et sa productivité.
Alessandro Stigliani, CEO @Abyssale
Évidemment, comme cette tâche est manuelle, elle implique des erreurs humaines dans le processus (positionnement/alignement des éléments, taille du texte...), qui ne sont pas toujours respectées et entraînent un manque de cohérence dans l'ensemble des bannières.
Production visuelle automatique avec Abyssale
Contactée par BackMarket à ce sujet, l'équipe de Abyssale a proposé l'approche suivante pour résoudre ce problème :
#1 - Chaque template sera intégré par l'équipe Abyssale dans son outil de génération via son modèle de description propriétaire bannière .
Ces templates contiennent le nombre exact de formats (dimensions) nécessaires ainsi que toutes les règles supplémentaires design fournies par BackMarket (polices personnalisées, différentes couleurs de fond/texte, tailles de texte, positionnement vertical/horizontal des éléments, intégration de stickers propriétaires...).
#2 - La génération de bannière est gérée sur l'outil en ligne Abyssale .
Afin de répondre aux demandes de génération de bannière , un entonnoir (spreadsheet) est disponible dans lequel chaque élément (texte principal/secondaire, image du produit, etc.) peut être enregistré ainsi que certains paramètres plus fins affectant le design. Afin de contrôler si le résultat est correct, la génération d'un bannière est effectuée, ce qui permet une approbation visuelle avant de poursuivre le processus de génération complet.
#3 - Une fois la demande approuvée, les bannières sont automatiquement générées par l'outil Abyssale .
Un zip contenant toutes les bannières est envoyé aux personnes concernées et un projet sur l'outil en ligne est également créé, à l'intérieur duquel chaque bannière peut être édité et exporté (Retina @ 1x ou @ 2x). Si nécessaire, des ajustements peuvent être effectués après coup par le biais d'un éditeur.
Les avantages de cette approche
Au-delà du gain de temps évident pour l'équipe de design , la mise en œuvre de cette approche a permis ce qui suit :
- Standardisez la production de bannière et garantissez ainsi des résultats optimaux.
- Soutenir la croissance de l'activité de BackMarket par des opérations de marketing de plus en plus fréquentes, adaptées à tous les pays.
- Libérez du temps pour des tâches plus stratégiques.
- Unifier la production de bannière sur un outil permettant une collaboration efficace (approbation des bannières avant production, commentaires...).