Je crée mon site

Essayez UGAL gratuitement pendant 1 mois

Sans engagement

Solutions pour site internet

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.

4 boutiques en ligne

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

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 Karinouchka

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

 

Panier

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.

 

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.

Page d'accueil du site (www.la-boite-a-the.com)
  • Page d'accueil du site (www.la-boite-a-the.com)
  • Fiche produit du site (www.la-boite-a-the.com).
  • Message de confirmation d'ajout au panier (www.la-boite-a-the.com)
  • Panier haut de la page (www.la-boite-a-the.com)
  • Panier, bas de la page (www.la-boite-a-the.com)
  • Choix du règlement haut de la page (www.la-boite-a-the.com)
  • Choix du règlement bas de la page (www.la-boite-a-the.com)
  • Règlement par virement (www.la-boite-a-the.com)
  • Page d'accueil Karinouchka (www.karinouchka.com)
  • Fiche produit (www.karinouchka.com)
  • 1 article a été ajouté au panier (www.karinouchka.com)
  • Le panier du site (www.Karinouchka.com)
  • Création de compte, haut de page (www.Karinouchka.com)
  • Création de compte, bas de page (www.Karinouchka.com)
  • Validation et choix du règlement (www.Karinouchka.com)
  • Page d'accueil (www.unepartdereve.com)
  • Fiche produit (www.unepartdereve.com)
  • Panier (www.unepartdereve.com)
  • Création de compte (www.unepartdereve.com)
  • Choix livraison et paiement (www.unepartdereve.com)
  • Choix du règlement et validation (www.unepartdereve.com)
  • Page de confirmation (www.unepartdereve.com)
  • Page d'accueil (www.toudoo-natura.com)
  • Fiche produit (www.toudoo-natura.com)
  • Message de confirmation (www.toudoo-natura.com)
  • Le panier (www.toudoo-natura.com)
  • Création d'un compte (www.toudoo-natura.com)
  • Retour au panier (www.toudoo-natura.com)
  • Confirmation de l'adresse de livraison (www.toudoo-natura.com)
  • Choix du mode de règlement (www.toudoo-natura.com)
  • Récap et validation (www.toudoo-natura.com)
  • Confirmation de commande (www.toudoo-natura.com)

Commentaire de Frédérique

24 mars 2011 à 02:41 PM

Bon comparatif, c'est toujours intéressant d'aller voir si l'herbe est plus verte ailleurs ! Bravo Mathilde

Je crée mon site

Essayez UGAL gratuitement pendant 1 mois

Sans engagement

La newsletter UGAL