* * * * *

Abonnez-vous !

Innovablog, Le Web où l’Innovation ordinaire : design, ergonomie, interfaces riches, web 2.0, eCommerce,…

  • A propos de l’auteur
  • Archives
  • Contacts
  • 7
    mai 08
    Catégorie : Ebusiness

    Threadless : revue de checkout



    Avez-vous déjà commandé un t-shirt sur la boutique en ligne Threadless ? J’ai redécouvert cette boutique hier soir, et je n’ai eu que de bonnes surprises. Encore un bel exemple d’e-commerce réussi ! Le site entier est dédié à l’interactivité avec les clients.

    Threadless

    Un drill-down simple, mais réussi

    Pour des boutiques de retail proposant de multiples références (marque / produit / taille) un aspect crucial dans la présentation de son offre est la possibilité offerte au client de découvrir le produit qui lui est destiné. Cela peut passer par une galerie, une mise en scène ou une recherche par exemple. Threadless offre une fonctionnalité de drill-down à ses visiteurs à la fois très simple mais aussi très pertinente. Elle permet d’aborder la question par 3 grands axes de segmentation : gamme / taille / style. Et visuellement le résultat est réussi :

    Threadless : Drill-down par gamme
    Cliquez pour agrandir

    Threadless : Drill-down par taille

    La fiche produit : l’accent mis sur la disponibilité

    Une fois la perle rare dénichée, on atterrit logiquement sur la fiche produit. Celle-ci est particulièrement bien pensée.

    Threadless : Fiche produit
    Cliquez pour agrandir

    On peut tout particulièrement s’intéresser au choix de la taille. Celles-ci sont toutes affichées pour un produit donné avec un code couleur permettant de mettre en valeur les disponibilités de stock.

    Threadless : Fiche produit, tailles disponibles

    • D’un regard on peut discerner les tailles disponibles de celles épuisées (Sold out!).
    • Une taille en rupture ? Aucun problème, un clic sur celle-ci permet de renseigner son email afin d’être averti d’un réassort :

    Threadless : Fiche produit, tailles non-disponibles

    • Pour les articles dont le stock diminue, un état du stock réel est affiché. Pour cette référence il ne reste par exemple que 8 tailles XL.

    L’ajout du produit au panier se fait d’un simple clic sur la taille, peut être trop facilement d’ailleurs, sans indication explicite de l’action à réaliser. Un bouton “Undo” pourrait rendre les choses plus confortables.

    Threadless : Fiche produit, ajout au panier

    Le checkout process

    Une fois le panier bien rempli, le client passe à l’étape ultime de la conversion, à savoir la concrétisation de la commande. Chez Threadless, j’ai trouvé le process clair, détaillé, rassurant. Voici pourquoi.

    • Etape 1 : Panier / vérification de la commande. A cette étape, on me propose un récapitulatif complet de ma commande, sous forme de tableau. Il est expliqué comment mettre à jour ma commande (modification de quantités) et également comment supprimer un article.
      Un détail : la gestion des frais de livraison. Le montant affiché dans le récapitulatif ne tient pas compte des éventuels frais de livraison. Or comme ceux-ci seront déterminés par l’étape suivante où l’on va décliner son adresse de livraison, l’information ne sera connue qu’à l’étape 3, et le site nous l’indique clairement.

    Threadless : Checkout process - Panier
    Cliquez pour agrandir

    • Etape 2 : Informations de livraison. Bien qu’étant identifié et ayant donc déjà renseigné dans mon profil mon pays, il faut le renseigner à nouveau pour la livraison. C’est à partir de cette information que l’on va accéder à l’étape suivante…
      Notez au passage la possibilité de correction des données saisies par le lien “Edit” près de chaque étape.

    Threadless : Checkout process - Livraison
    Cliquez pour agrandir

    • Notez également sur chaque étape la présence d’informations additionnelles, extrêmement utilise pour rassurer le client. Par exemple, voici ce que propose l’étape de livraison : les différentes possibilités de livraison, le délai estimé.

    Threadless : Checkout process - Livraison, informations connexes

    • Etape 3 : Facturation. Les frais de port apparaissent enfin, soit à la même étape que la saisie des coordonnées bancaires ! Le client européen n’est pas habitué à une telle présentation de l’information, à savoir présenter le montant final à acquitter qu’à l’ultime étape du checkout, ce qui pourrait choquer, mais il faut reconnaître que tout est habilement bien amené et finalement passe très bien.

    Threadless : Checkout process - Facturation
    Cliquez pour agrandir

    Conclusion

    Je n’ai ici abordé qu’une infime partie des écrans et fonctionnalités proposés par Threadless, qui veut agir comme réseau social ayant pour communauté d’intérêt la création (collaborative) et l’achat de t-shirts uniques. Beaucoup donc de bonnes choses dont on peut s’inspirer pour nos boutiques.

    Allez, un petit cadeau pour ceux qui ont su lire le billet jusqu’au bout. Voici le dernier épisode d’une série de vidéos (Threadless Tee V) créées par les membres de la communauté Threadless :


    Episode Seven: Against All Odds from Threadless.com on Vimeo.

    Cet article vous a plu ? Ne perdez plus aucune info : abonnez-vous gratuitement !

    A vous de jouer ! Laissez un commentaire :

    XHTML: Vous pouvez utiliser ces tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Innovablog motorisé par WordPress
    Theme Wordpress par Olivier Favre
    Site Map
    RSS Feed
    Contenu intégralement sous licence Creative Commons