Vos produits sont-ils vendus en ligne ? Vous avez besoin de packshots optimisés.

Mark Zuckerberg le savait déjà en 2014 : de plus en plus de notre activité en ligne se déroule sur des appareils mobiles, avec des écrans de la taille d'une main humaine, ou de taille inférieure. Regardez partout où les gens attendent, même quelques secondes, et vous verrez par vous-même : un pourcentage important de ceux présents : la tête baissée, le regard fixé sur leur appareil, les visages illuminés par la lueur bleuâtre de leur écran.

Ils ne sont pas tous à défiler leur fil d’actualités sur Facebook ou ne regardent pas de vidéos sur les chiots. Ils effectuent également des opérations bancaires. Et ils font les magasins. Oh, font-ils des courses ?

Lors du Black Friday 2018, les paiements mobiles⁠ [1] étaient en hausse de 42% par rapport à 2017. 90% des consommateurs déclarent utiliser plusieurs appareils pour effectuer leurs tâches quotidiennes, tandis que 40% déclarent utiliser leur appareil mobile pour effectuer des recherches avant de concrétiser un achat [2].

https://www.pixelunion.net/blog/mobile-ecommerce-stats/

Il n'y a pas à dire : l’eRetail devient mobile. En ce qui concerne la présentation visuelle des produits, cela pose un ensemble de défis spécifiques aux propriétaires de marques et aux détaillants. Réduire simplement une image de taille standard ne fonctionnera pas.

Pour aider les entreprises à adopter une approche cohérente et uniforme pour la présentation de leurs produits en ligne sur des appareils mobiles, GS1 a mis à jour en août 2018, le guide « Mobile Hero Image ».

GS1, une organisation à but non lucratif qui élabore des normes mondiales pour une utilisation dans la chaîne d'approvisionnement, est probablement mieux connue pour son harmonisation des codes à barres ; les codes à barres GS1 sont scannés 6 milliards de fois par jour.

Cependant, son système mondial de normes va bien au-delà du modeste dessin de lignes et d’espaces sur pratiquement tout ce que nous achetons. Leurs normes sont utilisées par d'innombrables sociétés, notamment des marques renommées, des chaînes multinationales de distribution et des magasins locaux.

Les consommateurs ont besoin de savoir

Les consommateurs doivent savoir tout ce dont ils ont besoin au moment où ils cliquent sur le bouton « Ajouter au panier ». Toutefois, sur les appareils mobiles, cela s'avère être un défi : à mesure que les images sont réduites, la lisibilité est la première chose à faire. Pratiquement tous les indicateurs des informations requises sont réduits à quelques motifs de pixels indéchiffrables.

Dans une situation idéale, les consommateurs seraient en mesure de voir, même d'un simple coup d'œil, les 4 informations essentielles sur un produit qu'ils envisagent d’acheter.

Les 4 informations essentielles

Lorsque vous achetez des produits en ligne, vous devez pouvoir consulter certaines informations sur les produits en un coup d’œil : de quel produit il s’agit, de quelle variété il s’agit, quelle marque l’a produit et quel est son contenu. Si ces 4 informations essentielles ne sont pas claires, les clients ne recevront pas ce qu'ils pensaient recevoir et le détaillant mCommerce aura davantage de chances de faire de la logistique inverse lorsque les clients souhaitent renvoyer des produits au détaillant. Cela reste un défi majeur pour l’ecommerce.

Émergence d’Hero

Le guide GS1 Mobile Ready Hero Images cherche à standardiser la présentation des produits pour le commerce électronique sur les plateformes mobiles, parfois appelées mCommerce.

Les images de Mobile Ready Hero sont des versions spéciales d'un packshot qui clarifient les informations clés sur un nombre limité d'écrans. Ce sont des représentations de produits déclinées et améliorées, qui transmettent clairement les 4 informations essentielles.

Chaque élément de Mobile Ready Hero Image doit contribuer à la reconnaissance du produit. Si ce n'est pas le cas, comme un texte illisible, il peut être supprimé en toute sécurité. Les éléments essentiels - marque, produit, variété et quantité - peuvent alors occuper la place laissée vacante sur le packshot et être agrandis. Parfois, le désencombrement et l’agrandissement ne suffisent pas, et une ou plusieurs des 4 informations essentielles doivent être déplacées hors emballage pour garantir la lisibilité.

Le Canvas Mobile Ready Hero Image

Lorsque des produits sont présentés sur un appareil mobile, certaines restrictions déterminent la quantité de surface disponible. La surface maximale disponible est appelée Mobile Ready Hero Image (MHRI) Canvas. Elle peut varier d’un détaillant à l’autre. Sur cette grille, tous les éléments permettant d'identifier clairement un produit apparaissent : les éléments du pack digital et des éléments hors emballage.

Le Pack Digital

Un packshot simplifié, optimisé pour la lisibilité, le pack numérique a pour tâche principale de faire en sorte que les consommateurs reconnaissent votre produit de marque et qu'il puisse voir les 4 informations essentielles aussi clairement que possible. Il doit être aussi grand que possible dans la grille MHRI et ne contenir que les 4 informations essentielles.

Les informations hors emballage

Parfois, le pack digital peut contenir les 4 informations essentielles. Cependant, il peut arriver que le pack ne dispose pas de suffisamment d'espace pour tout afficher. Dans ce cas, vous pouvez en afficher certaines hors emballage, avec un élément de conception visuelle dédié, comme une barre, un disque ou un médaillon.

Même si tous les éléments s’affichent correctement, vous voudrez peut-être montrer d'autres éléments, tels que des logos relatifs aux normes environnementales. Vous pouvez présenter ces informations hors emballage. Il est conseillé de le faire systématiquement. Mobile-ready hero image est une expression de votre marque et est soumis à la charte de votre marque au même titre que toute autre communication.

Créer une image mobile ready hero

Créer une image mobile ready hero ne nécessite que quelques étapes :
Commencez par désencombrer le packshot : supprimez tous les éléments non essentiels. Cela permettra de libérer de l'espace pour agrandir les éléments importants, afin qu'ils restent reconnaissables et lisibles lorsque l'image est visionnée sur un petit écran. Ensuite, vous créez des éléments hors emballage pour afficher les informations qui ne peuvent être placées dans le packshot produit.

En soi, définir vos propres directives pour la création d'images mobile ready hero n'est pas si difficile. La différence est dans l'exécution, cependant. À moins d'appliquer une automatisation avancée à ce processus, celui-ci devient rapidement incontrôlable. Pour avoir une idée du nombre de versions requises, effectuez un calcul simple : multipliez le nombre de règles et de spécifications de mCommerce par le nombre de produits, de variantes et de tailles. Il atteint rapidement des milliers d'images et toute idée à les produire manuellement passe par la fenêtre. La seule façon de les produire à grande échelle est d'utiliser une intelligence documentaire avancée.

Vous pouvez même aller plus loin et utiliser une connexion directe avec votre plateforme de PIM ou DAM. Toute modification des informations sur le produit ou des assets utilisés serait alors automatiquement reflétée dans toutes les variantes de l'image mobile ready hero.

Tester vos Mobile Ready Hero Images**

Si vous souhaitez tester vos images mobile ready hero de manière scientifique, vous pouvez flouter une image dans votre logiciel de traitement d'images : un flou gaussien avec un rayon de 34 pixels appliqué à une image de 3 000 x 3 000 pixels vous indique approximativement à quoi ressemblera une image de 16 mm sur 16 mm sur un appareil mobile à 40 cm de l'utilisateur.

Pour obtenir une indication rapide et sommaire : plisser les yeux. Si vous parvenez encore à trouver les 4 informations essentielles, tout est correct.

Voici ce qui nous étonne le plus : toutes les technologies nécessaires à la création automatisée d’images GS1 mobile ready hero sont disponibles aujourd’hui. La plupart des marques ont déjà déployé une grande partie de la technologique requise. Les gabarits intelligents sont toutefois la clé de voûte technologique pour tout réunir. Ces gabarits intelligents peuvent automatiser la plupart des tâches pour générer de nombreuses versions différentes, dans le respect des directives GS1 et de l'identité de la marque.

Pour plus d’informations sur le guide GS1 Mobile Hero Image, consultez : https://www.gs1.org/standards/Mobile-Ready-Hero-Image/1-0

[1] https://techcrunch.com
[2] https://www.thinkwithgoogle.com