Le configurateur s’utilise très facilement et fonctionne rapidement. Le site est motorisé par Magento, avec son processus de commande original et efficace.

Sur la base existante, les possibilités d’évolutions sont encore nombreuses avec différentes formes de pulls, de matières, de nouvelles couleurs et motifs, ou encore de broderies. A suivre…

• Utilisation d’une très grosse photo pour présenter le produit,
• Pas de distraction visuelle causée par le contenu de la page du site lorsque le zoom est activé,
• Utilisation à la souris uniquement
• Pas de difficulté à fermer ou quitter la fonction zoom

Voici une capture vidéo pour montrer comment le fonctionnement du zoom et un lien vers une fiche produit pour tester cela en live.

La navigation proposée sur les sites de deux marques de vêtements rappelle cette façon de ranger les habits, chez Diesel et Abercrombie Kids.

A la différence du portant, les vêtements peuvent être présentés de face sur le web. Une barre de défilement horizontale permet de passer d’un modèle à l’autre.

Seules des données chiffrées permettraient de savoir si cette présentation est plus efficace que les grilles de produits que l’on trouve sur la plupart des sites. Cette façon de présenter les produits est en tout cas originale et assez naturelle à utiliser pour l’internaute que je suis. Les photos plus grosses qui peuvent être utilisées ne sont sans doute pas étrangères à ce sentiment.

Abercrombie Kids

8 modèles de jeans sont affichés côte à côte. Avec les différents coloris sous chaque jean, ce sont 19 jeans qui sont présentés sur la page. Un clic sur chaque coloris affiche le jean dans le coloris choisi sans rechargement de la page. Le survol d’un modèle à la souris affiche le prix et le nom du modèle cachés par défaut.

L’ajout du produit au panier se fait sur la fiche produit de chaque jean. Ajouter à cette interface la possibilité de sélectionner une taille n’aurait pas été une mince affaire.

Diesel

Aucune possibilité de changer de coloris, mais le nom du modèle et son prix sont immédiatement visibles. Le survol de la souris sur chaque modèle ouvre une fenêtre qui indique les coloris existants (en texte, dommage) ainsi que les tailles disponibles.

Je préfère le choix de photos de Diesel, qui ne se contente pas de montrer le jean seul, mais suggère un look complet.

Que pensez-vous de cette façon de présenter une catégorie de produits ?

Le catalogue adapté à la morphologie

En plus de la navigation classique via des catégories produits, Taillissime propose de parcourir le catalogue en affichant les produits les plus adaptés à une stature donnée. Sur la page suivante, la stature est décrite plus explicitement. Par exemple, la stature 1, moins de 1m76, équivaut à « Petit ventre généreux ».

Je crois beaucoup que le succès des marchands passera de plus en plus par des catalogues s’adaptant le plus possible aux besoins des clients et aux produits vendus. Le défi pour les agences de conception de sites sera d’arriver à proposer des interfaces adaptées à ces besoins qui vont bien au delà de la simple classification de produits en catégories/sous-catégories.

Les catégories produits visuelles

Cette mise en forme est plus anecdotique, mais j’ai trouvé plus la lecture des différentes catégories plus aisée à l’aide d’une simple image représentative de la catégorie. Cette mise en forme pose quand même un problème : il faut scroller pour voir tous les éléments qui ne sont pas tous visibles immédiatement dans une résolution 1024×768.

Une disposition étudiée

La liste des produits est disposée à gauche de la photo de la suggestion de tenue. Les vêtements sont classés de haut en bas comme s’ils étaient portés et en référence avec la photo de la tenue. L’ordre des couches de vêtements est respecté, la plus visible sur la photo étant en première position.

Configuration des produits et ajout au panier

Chaque vêtement du look peut être sélectionné à l’aide d’une case à cocher. A chaque sélection, GAP demande au minimum de choisir la taille du vêtement. Le client peut aussi changer de coloris selon le vêtement proposé.

Une fois la taille et les coloris choisis, l’ajout au panier des produits sélectionnés se fait à l’aide d’un bouton unique. Chaque produit apparaît alors individuellement dans le panier.

Une mise en avant subtile

GAP fait beaucoup de mises en avant de ses suggestions de tenues sur les pages principales de sa boutique, mais n’oublie pas d’en rajouter une couche lorsque le visiteur s’apprête à devenir client.

Quand celui-ci ajoute au panier un produit composant un des looks proposés, GAP fait apparaitre la suggestion de tenue juste sous le message indiquant qu’un produit a été ajouté au panier. Une bonne idée pour augmenter le panier moyen…

Voici six exemples pris dans les catalogues de différents marchands. Le produit est toujours un jean pour femme ou adolescente.

La Redoute (www.laredoute.fr)

Le pantalon est disposé à plat avec les jambes bien parallèles avec de légères pliures pour donner du relief au vêtement. Le bouton est ouvert et laisse apparaître l’intérieur arrière qui ajoute un brin de personnalité au jean qui serait très banal sans cela.

Abercrombiekids (www.abercrombiekids.com)

La présentation est identique à celle de La Redoute à deux exceptions. D’abord le jean donne l’impression d’avoir été porté, ce qui permet d’imaginer l’aspect du jean une fois utilisé et non son apparence sorti de l’emballage. Puis le jean est présenté sur un fond sombre qui lui donne une image plus haut de gamme.

3 suisses (www.3suisses.fr)

Un mannequin porte le jean qui est associé à une paire de chaussures et un haut dont on aperçoit un tout petit bout. C’est une bonne façon de montrer le jean car faute de cabine d’essayage, il est dur d’imaginer comment il sera porté. La prochaine bonne idée, avec ce type de mise en scène, sera montrer le jean porté par des personnes de corpulence différente. Car si le jean sur le mannequin peut faire rêver, c’est loin de la réalité d’une majorité de personnes…

Quelle La Source (www.quelle.fr)

Quelle propose un look complet mais on passe sur les détails du jean. Il n’est qu’un composant d’une tenue imaginée par le marchand pour la saison et d’une ambiance par l’utilisation du décor autour du mannequin. Si aucune photo complémentaire n’est proposée sur la fiche produit, je ne suis pas sûr que cela soit une bonne façon de présenter le jean.

Taatoo (www.taatoo.com)

La boutique a investi dans un fer à repasser. Le jean a été mis bien à plat avant d’être photographié. Le visiteur qui verra cette photo aura du mal à imaginer le vêtement porté. Tatoo se rattrape sur ses fiches produit en offrant un maximum de détails en photos.

Vendeur particulier Ebay (www.ebay.fr)

Cette photo cumule une série de problèmes qui ne mettent pas le vêtement en valeur. Ici, le jean est montré plié en deux, mal repassé, incomplet et sur un fond carrelage. Le vendeur n’a sans doute pas pris le temps de travailler une belle photo pour vendre cet objet unique pour lui. Mais peut-être que les enchères pourraient monter plus haut avec une belle photo…

Les photos que l’on utilise sur un site marchand doivent être le résultat d’un choix à la fois technique et éditorial pour mettre en valeur le produit. Et ce n’est pas une mince affaire quand il faut passer à la réalisation…

Quelles sont vos présentations préférées ci-dessus ?