Il y a longtemps que je n'étais pas tombé sur un site qui me donne envie d'en faire une analyse un peu plus détaillée.
C'est le cas de Forzieri, un site de vente en ligne spécialisé dans les marques de luxe italiennes, qui a réussi le difficile exercice de combiner une très belle interface respectant les codes graphiques du luxe, avec des nombreuses fonctions marketing disséminés à tout les coins de page, sans jamais dégrader la fameuse "expérience utilisateur".
Résultat : une boutique en ligne résolument axée sur l'efficacité commerciale, qui ne sacrifie pas le plaisir de la navigation.
Au menu :
- Les vertues du "Less is more" en design d'interface.
- Savoir donner la bonne information, au bon moment.
- Ne jamais laisser partir le client sans avoir son adresse email.
- Techniques pour augmenter le panier d'achat moyen.
Page d’accueil
La page d'accueil utilise une structure désormais très classique avec un grand visuel en diaporama qui occupe tout l’écran, avec les éléments de rassurance (livraison rapide, retour marchandise gratuit, …) juste au-dessus de la ligne de flotaison, puis 4 encarts sur une ligne pour faire du push produits, mettre en valeur des avantages clients : programme de fidélité client, abonnement newsletter, etc.
Au dela de la page d'accueil, tout le graphisme du site est travaillé sur une déclinaison de gris/beige très éléguante, qui rend l'ensemble léger, et donne un impact visuel formidable aux photos des produits.
Au gré de la navigation, on peut aussi se rendre compte que le site utilise intelligement le javascript pour afficher/cacher des informations disséminées un peu partout sur les pages, et venir enrichir celles-ci uniquement lorsque le visiteur le souhaite (passez votre curseur sur le 1er des 4 encarts "Avenue du luxe" ou sur la newsletter juste en dessous).
La baseline est claire et exprime bien la promesse, le positionnement du site. D'habitude, je n'aime pas les typos manuscrites qui sont souvent trop stylisés et difficiles à lire sur écran, mais dans ce cas, ça fonctionne assez bien.
Le menu principal avec les titres de rubrique en lettres capitales lui permet de se démarquer sans nécessiter l'utilisation de couleurs. Je lui reprocherai juste d'être un peu étroit, cela oblige à être très précis avec le curseur. Une taille de police supérieure n'aurai pas été du luxe.
Le panier est bien placé à droite, au bout de la ligne, avec le nombre de produits en mauve pour attirer l’œil.
Enfin, notez la bande calée sur la bas du site qui reste affiché en permanence, contenant la connexion à son compte client et la liste de produits favoris que vous pouvez constituer au-fur-et-à-mesure de votre visite.
Page catégorie
La page catégorie a été bien pensée pour faciliter la recherche, et pour afficher à ce stade un maximum d'information sur chaque produit.
On retrouve dans la colonne de gauche la désormais classique navigation à facettes. Elle propose un 1er niveau de filtrage sur les principaux critères de chaque catégorie de produit.
Un 2nd niveau de filtre peut s'appliquer sur les résultats de la recherche pour réduire encore la sélection, ainsi que des critères de tri.
Le visiteur peut élargir à nouveau sa sélection en supprimant simplement les filtres appliqués qui sont affichés tout en haut de la page.
Au niveau de la navigation, les mini-fiches produit deviennent un incontournable des grands sites e-commerce. Elles permettent d'avoir plus d'information sur chaque produit, ce qui permet d'éviter des aller-retours successifs entre chaque fiche produit détaillée et la liste des produits. Même le Facebook Like a été prévu !
Enfin, le système escamotable de listes de produits favoris trouve ici son utilisation. L'ensemble est bien fait et permet ensuite de partager ses listes sur Facebook.
Fiche produit
La fiche produit est elle aussi très bien conçue. D'aspect plutôt dépouillé en apparence, elle recèle en réalité de nombreuses informations accessibles au passage de la souris (info-bulle), ou en cliquant sur un lien (dans une élégante popin), sans jamais quitter la page en cours (photos complémentaires, articles similaires, essai à domicile, délais de livraison, ...).
A noter l'excellente idée du module d’estimation de la date d’envoi et d’arrivée du produit. Je choisi mon pays et le mode de livraison souhaité dans la fenêtre qui s'ouvre.
Et le site m'indique le jour de la livraison, avec le coût. Pas besoin de revenir à la fiche produit pour ajouter le produit à mon panier si les délais me conviennent, Forzieri a pensé à mettre un bouton d'ajout direct, qui tombe à point nommé.
Si le produit n'est pas disponible, voila une belle occasion qui se présente pour tenter de récupérer une adresse email. Forzieri ne passe pas à côté.
Le panier
Comme le reste du site, le panier est un must du genre. Le bouton de Commande mauve est immanquable au milieu de cette ambiance sobre. Il y en a même un deuxième dans la page, pour être certain que celui-ci sera toujours visible au dessus de la ligne de flotaison, lorsque que la panier est rempli avec plusieurs articles (ce qui créé une longue liste, et renvoi le bouton de Commande habituel loin en bas de page).
Chose rare, le panier commence immédiatement avec le cross-selling. Pourquoi pas ? Etant donné que sur ce site, rien n'a l'air d'être laissé au hasard, quelque chose me dit que ça doit bien fonctionner.
Un élément que j'apprécie beaucoup, et que j'intègre systématiquement dans les sites que je conçois, c'est le choix du mode de livraison (et donc la valeur des différents frais de port) à cette étape, ce qui évite de devoir créer un compte pour connaitre les possibilités de transport qui me sont proposées.
Notez que, à ce stade, les élements importants de rassurance ont été remis en avant afin de lever toutes les objections possibles au passage de la commande :
- Livraison rapide,
- Retour sans frais
- Satisfait ou remboursé
- Paiment sécurisé
- Garantie de confidentialité
Viennent ensuite quelques pratiques marketing intéressantes.
Si je quitte la page du panier sans avoir terminé ma commande, une fenêtre d'alerte me propose de créer un compte pour sauvegarder mes articles. En réalité, mes articles resteront quand même en mémoire lors de ma prochaine visite grâce au bon vieux système du cookie permettant de me reconnaitre (et les produit que j'ai sélectionné aussi) lors de ma prochaine visite. Mais tous le monde n'est pas censé le savoir, et Forzieri en profite pour ne pas vous laisser partir sans que vous ayez laissé votre email.
Enfin, quand vous validez votre panier, un autre message s'affiche pour vous proposer d'acheter un peu plus et vous permettre de bénéficier d'une belle réduction.
En conclusion, Forzieri nous propose un site particulièrement réussi, tant sur le plan esthétique que marketing, avec de nombreuses bonnes pratiques mises en application, particulièrement bien intégrées dans le processus d'achat. Un exemple à suivre si vous pouvez vous le permettre.
A lire sur le même sujet :
Commentaires
Superbe site ! merci pour la découverte.
A savoir aussi que le site semble optimisé pour les appareils mobiles. La fenêtre cadre parfaitement avec l'écran quand on le parcours avec un iPad.
Merci pour ce décorticage détaillé, très intéressant.
Le site est très très joli.
Plus qu'un beau site, c'est l'efficacité pour vendre qui me frappe. Tous des petits détails qui semblent banals pris un par un, mais qui ensemble font probablement grimper la conversion de plusieurs pourcents.
C'est rare que le luxe fasse un tel effort pour un site ecommerce.
C'est un site qui répond grandement à la demande du luxe en e-commerce.
De très beaux articles, de bonne manufacture, encapsulé dans un site tape à l'oeil.
Rien à redire.
Bonjour, ce site est-il propulsé par prestashop et si oui savez vous par hasard où je peux trouver un module "essai à domicile" ?