Comparatif des paniers (première partie)
23 mars 2011
Mathilde
Chose promise, chose due, voilà une première série de processus de commandes testés avec des boutiques réalisées sur 42STORES, AMEN, CLIKEO et EMONSITE.
La qualité des boutiques ne dépend pas uniquement de la plateforme choisie par le e-commerçant. Dans les exemples suivants, on voit que certains e-commerçants ont particulièrement soigné graphiquement leur site en mettant notamment de beaux visuels quand d’autres oublient carrément de mettre des photos sur les fiches produits. L’éditeur de la solution n’y est pour rien. En revanche le processus de commande et le panier sont forcément liés à l’outil. Certains éditeurs ont vraiment cherché d’optimiser le processus quand d’autres obligent les internautes à passer par trop d’étapes à mon goût.
Site de "La boîte à thée" réalisé avec 42 Stores
Avant d'arriver au panier
La page d'accueil est claire, bien proportionnée (pas trop longue), avec des visuels soignés. La fiche produit permet d'ajouter des produits complémentaires au panier et affiche les vignettes des autres produits de la gamme. Le bouton ajouter au panier est bien visible.
Le panier
Une fenêtre de confirmation s'affiche quand on ajoute un produit au panier. Depuis cette fenêtre on accède au panier via un bouton. Le panier est également accessible depuis la barre de navigation principale.
Panier de La Boite à Thée
![]() |
Le processus de commande est expliqué |
![]() |
Le récapitulatif du panier, modifiable |
![]() |
L'adresse de livraison |
![]() |
Le bouton de validation |
Le panier permet de valider la commande et de passer à la dernière étape (choix du règlement). Le processus de commande est donc très rapide.
En haut de la page panier
- on voit le récapitulatif de la commande que l'on peut modifier
- on choisit le mode et le pays de livraison
- on peut saisir un code remise
Peut-être à cause de la présence de la vignette produit, l'affichage de la quantité est décalé. La quantité se modifie via des boutons + et - elle ne peut être saisie directement. C'est un peu dommage, comme l'obligation de cocher une case d'acceptation des CGV.
En bas de la page panier
On saisit directement son adresse. Un lien discret permet de créer un compte mais ce n'est pas obligatoire, ce qui est une bonne chose.
La confirmation de commande
Elle consiste à choisir son mode de règlement. C'est la deuxième et dernière page du processus de commande si on paye par chèque ou par virement. Les boutons "call to action" sont bien mis en valeur. Un récapitulatif complet de la commande est disponible en bas de page ainsi que les éléments de contact. Le processus est simple et rapide. Seul bémol, il n'y a pas vraiment de page de confirmation de commande quand on paye par chèque ou par virement.
Site de "Karinouchka" réalisé avec Amen
Avant d'arriver au panier
La haut de la page d'accueil est bien, un widget à droite met en avant les garanties commerciales de la boutique. En revanche sur le bas de la page, l'affichage des vignettes produits n'est pas terrible. La fiche produit détaille le contenu du produit très précisément. A mon goût il y a un peu trop de liens en dessous du bouton ajouter au panier, qui du coup ressort moins bien. Le bouton "aperçu avant impression" par exemple, n'est pas franchement utile.
Le panier
Un produit ajouté au panier met à jour le Widget panier situé à droite mais l'internaute ne reçoit pas de message lui confirmant sa requête. Dans le widget il y a un bouton Paypal très visible. Le lien qui permet d'afficher le panier est trop discret.
Panier de Karinouchka.com
![]() |
Les 4 étapes du processus de commande sont expliquées |
![]() |
Les widgets alourdissent la page |
![]() |
Le bouton "règlement" est affiché en haut et bas du récap |
![]() |
Le récap de commande, modifiable |
Le panier est clair. On peut choisir son mode de livraison et de paiement et modifier la quantité. Les informations s'affichent de façon dynamique en fonction des choix effectués. Le bouton de règlement est affiché en haut et en bas des lignes du panier, ce qui lui donne une bonne visibilité. La présence des widgets dans la colonne de droite alourdit cependant l'interface. L'adresse de livraison se saisit dans une autre fenêtre, ce qui ajoute une étape au processus de commande.
La confirmation de commande
La création d'un compte n'est pas obligatoire ce qui est une bonne chose. Une fois la page de renseignement de livraison passée, une avant-dernière page est disponible et permet de valider le règlement. Une dernière page de confirmation de commande s'affiche à la fin du processus.
Site de "Une part de rêve" réalisé avec Clikeo
Avant d'arriver au panier
La page d'accueil est très claire, bien proportionnée. Les produits mis en avant via des vignettes peuvent être ajoutés directement au panier sans passer par la fiche. Cela suppose qu'il n'y ait pas de déclinaison à choisir (couleur par exemple) mais cela permet de gagner un clic.
Le panier
Un message avertit l'internaute quand le panier a été mis à jour. On peut aussi voir ces informations via le widget panier à droite de la fenêtre
Le panier de Une part de rêve
![]() |
Le processus de commande est expliqué par un fil d'ariane |
![]() |
Le récapitulatif du panier, modifiable (quantité et code promo) |
![]() |
Le bouton "continuer vos achats" |
![]() |
Le bouton "recalculer" (si on modifie le panier) |
![]() |
Le bouton "passer la commande" |
Le panier permet de modifier la quantité et de saisir un code promo. Un bouton "continuer vos achats" s'affiche en bas du panier ce qui est bien. Le bouton de recalcul du panier n'est pas bien placé. Enfin, on doit créer un compte avant de connaître les frais de livraison et donc le montant total de la commande.
La confirmation de commande
Une fois le compte créé, il faut cocher une case si l'adresse de livraison est identique à celle de facturation. En général on fait le contraire, ce qui permet de gagner un clic dans la majorité des cas. Il faut également valider les CGV avant de poursuivre.
L'étape suivante permet de choisir un mode de livraison et de connaître le montant total de la commande. La dernière étape permet de choisir son mode de règlement. Enfin, une page de confirmation de commande est disponible.
Site "Toudoo Natura" réalisé avec E-monsite
Avant d'arriver au panier
La page d'accueil est un peu trop longue et trop chargée. Les produits sont mis en avant via des vignettes sur la page d'accueil depuis lesquelles on peut directement ajouter au panier. La fiche produit est assez longue également, mais le bouton ajouter au panier reste visible.
Le panier
Un message avertit l'internaute quand le panier a été mis à jour. Le panier est accessible via un lien "voir le panier" dans un widget situé à gauche des pages du site. Il est dommage que ce widget s'affiche également quand l'internaute est dans le panier.
Le panier de Toudoo-Natura
![]() |
Le récapitulatif du panier, modifiable (quantité et code promo) |
![]() |
Le bouton "recalculer" (si mon modifie le panier) |
![]() |
Le bouton "valider la panier" |
Le panier permet de modifier la quantité et de saisir un code promo. Il manque un bouton "continuer vos achats" ainsi qu'un message pour expliquer le processus de commande. Le bouton de recalcul du panier n'est pas bien placé en bas de page. Le mettre à côté des lignes du panier serait mieux.
La confirmation de commande
Le processus de commande est assez long :
- il faut créer un compte, retourner sur le panier et le valider puis confirmer l'adresse de livraison (trois pages).
- les dernières étapes consistent à choisir un mode de règlement puis revalider la commande (deux pages)
Une page de confirmation de commande s'affiche après la dernière étape. Elle est bien faite et récapitule toutes les informations.
La suite
Bientôt la suite des tests de boutiques faites avec d'autres solutions permettant la vente en ligne, notamment Kiubi, Oxatis et Powerboutique.
Bon comparatif, c'est toujours intéressant d'aller voir si l'herbe est plus verte ailleurs ! Bravo Mathilde