Introduction
En écrivant cet article, nous voulions voir comment les détaillants en ligne abordaient la mise en page de leurs pages de panier. Ces pages sont si essentielles au processus d'achat du client, mais elles ont souvent l'impression d'être jetées ensemble sans trop de soucis. Oui, la page du panier est très difficile à concevoir.
Idéalement, elle devrait inclure le résumé du produit, le champ promotionnel, les options de paiement multiples, les méthodes d'expédition, les prix définitifs, la politique de confidentialité et de retour, les produits complémentaires, les achats ou les liens de caisse.
Le panier d'achat doit être examiné attentivement pendant le processus de conception, car le succès futur de votre travail dépend directement de la façon dont vous réussissez à conduire les clients à l'étape du paiement.
L'objectif principal de chaque page de panier est de conduire le client à la caisse, mais comment vous pouvez le faire plus efficacement ?
Les exemples d'aujourd'hui illustrent que les détaillants en ligne principalement :
- mettent en évidence le bouton de paiement avec la couleur (26 fois);
- parfois ils incorporent des flèches complémentaires (4 fois);
- ou ajoutent l'icône de panier (1 fois) à l'appel à l'action textuel.
De plus, les inscriptions du bouton de paiement peuvent être différentes :
- dans la majorité des cas, nous voyons le mot « checkout » (24 fois);
- d'autres mots populaires sont « proceed to checkout » (10 fois);
- 'proceed to purchase' (2 fois);
- 'proceed with your order' (1 fois);
- 'go to checkout' (1 fois);
- ‘proceed’ (2 fois);
- ‘check out now’ (2 fois);
- ‘begin checkout’ (1 fois).
Les sceaux de sécurité sont devenus particulièrement populaires car ils augmentent la confiance et la crédibilité d'un magasin chez 50% de clients. Dans une étude menée par Baymard Norton semble être le plus fiable avec 35,6%, McAffee est second avec 22,9%. Seulement 12 magasins de notre liste utilisent de tels joints.
Lorsque les utilisateurs choisissent de passer à la caisse, ils doivent être présentés avec une liste finale des articles sur la commande, ainsi que des options quant à la façon dont ils veulent payer. Vous pouvez voir que pas toutes les pages du panier dans cette liste incluent les logos de la carte de crédit à côté de l'option de paiement; Cet aspect aurait cependant été très pratique. De plus, considérez qu'un bon caddie doit avoir un sceau sécurisé (nous les repérons à peine ici) pour garantir des transactions sûres et de bonnes normes de sécurité.
Considérant tous ces aspects serait beaucoup mieux du point de vue du client, il est donc important de vraiment prendre le panier d'achat au bon niveau. Nous vous avons aidé un peu en rassemblant 40 exemples qui représentent des conceptions de panier d'achat efficaces. Il n'y a aucun doute qu'ils offrent aux clients une expérience d'achat agréable.
40 exemples de page de panier d'achat
1. Yoox.com
YOOX est le premier magasin de mode de vie en ligne au monde pour la mode, le design et l'art. Faire du shopping sur YOOX est une question de découverte - un voyage éclectique et ludique au-delà des règles saisonnières strictes de la mode - permettant aux hommes et aux femmes d'exprimer leur individualité à travers un style intemporel et créatif.
2. AE.com
American Eagle Outfitters is a leading global specialty retailer offering high-quality, on-trend clothing, accessories and personal care products at affordable prices under its American Eagle® and Aerie® brands.
Le panier du magasin est pratique et clair, toutes les informations nécessaires sous vos yeux
3. Store.Nike.com
Basée à Beaverton, Oregon, NIKE, Inc. comprend les marques Nike, Converse et Jordan. Dans le panier, vous voyez le résultat de votre commande: modèle, couleur, taille des chaussures ou des vêtements. Vous pouvez également procéder au paiement ou modifier votre commande. Ci-dessous, vous pouvez voir des modèles similaires de vêtements et de chaussures.
4. FaucetFace.com
FaucetFace se bat pour l'environnement et invite à changer ses habitudes. Par exemple, en ce qui concerne les conteneurs pour l'eau. L'entreprise vend des bouteilles en verre et en métal de différentes tailles et formes.
Le panier est simple, avec un minimum d'informations. Il vous suffit de choisir un mode de paiement.
5. DeathWishCoffee.com
En 2012, Death Wish Coffee Co. a commencé dans un petit café à Saratoga Springs, NY. Le fondateur Mike Brown a vu un besoin de café à la fois fort et délicieux pour servir ses clients matinaux groggy. Après avoir créé le mélange parfait de grains et l'avoir combiné avec sa technique de torréfaction unique, le «World's Strongest Coffee» est né.
Un panier dans des tons rouges et noirs évoque un sentiment de sérieux et de confiance. Toutes les informations nécessaires sur la page. Vous pouvez modifier votre commande ou procéder au paiement.
6. Store.Apple.com
Tout le monde connaît Apple. La moitié du monde apprécie leurs produits : iPhone, iPad, MacBook, etc... Le site Web de l'entreprise est clair et aéré. Le chariot répond aux mêmes critères. Ici tous les détails de votre commande, les informations de livraison, le montant total. Vous pouvez annuler ou modifier votre commande.
7. Gucci.com
Influente, innovante et progressive, Gucci réinvente une approche totalement moderne de la mode. Éclectique, contemporain, romantique - les produits Gucci représentent le summum de l'artisanat italien et sont inégalés pour leur qualité et leur souci du détail.
8. Skinny-Teatox.com
Entreprise détenue et exploitée par des Canadiens, Skinny Teatox, offre un programme de thé de désintoxication naturelle qui favorise une bonne santé. Le panier est simple avec un minimum d'informations pour votre commodité.
9. SurfDome.com
Surfdome est un nom commercial d'Internet Fusion Ltd. Le panier contient tous les détails de la commande. Disponibilité des marchandises, taille, article, quantité.
10. RalphLauren.com
Ralph Lauren Corporation est le leader mondial dans la conception, la commercialisation et la distribution de produits haut de gamme. «Ce que je fais, c'est vivre la meilleure vie possible et profiter de la plénitude de la vie qui vous entoure. De ce que vous portez à la façon dont vous vivez à la façon dont vous aimez. " - Ralph Lauren
11. MarcJacobs.com
L'entreprise se décline en trois lignes: la collection prêt-à-porter Marc Jacobs Collection, la jeunesse Marc by Marc Jacobs et les enfants Little Marc. Sa boutique new-yorkaise Marc by Marc Jacobs possède également son propre magasin de fournitures de bureau Bookmarc. Le créateur prétend que ses vêtements ne sont pas sexy et pas conçus pour le plaisir
12. Shop.AcneStudios.com
Acne Studios est une maison de mode basée à Stockholm avec une approche multidisciplinaire. Grâce à l'intérêt du fondateur et directeur créatif Jonny Johansson pour la photographie, l'art, l'architecture et la culture contemporaine, une voie alternative a été trouvée, faisant d'Acne Studios un créateur très respecté de prêt-à-porter, de magazines, de meubles, de livres et d'expositions.
Néanmoins, le panier du site est simple et concis. Détails de l'achat, photo, bouton pour accéder au paiement.
13. Shop.Guess.com
Le panier de la marque Guess n'est pas non plus trop brillant et créatif. Mais vous voyez toutes les informations nécessaires sur les produits sélectionnés. Que faut-il d'autre?
14. JuicyCouture.com
Boutons roses légèrement diluent le fond blanc du panier du site Web de Juicy Couture. Le rose est généralement une caractéristique de l'ensemble du site et de la marque. #ThePinkerTheBetter
15. Puma.com
Le panier d'achat du site Puma est clair, propre avec des accents rouges sur des éléments les plus importants comme le bouton "Checkout".
16. TopShop.com
Un panier propre et spacieux de TopShop contient également tous les détails sur l'achat et les accents sur les boutons.
17. NoonCopenhagen.com
Malgré le fait que le site ne fonctionne plus, vous pouvez considérer un exemple de cette entreprise comme une option pour un panier d'achat.
18. FlatSpot.com
Fondé en 1995, Flatspot est le premier détaillant en ligne indépendant de mode contemporaine et de streetwear pour hommes. Ils stockent une collection unique de chaussures, de matériel et de vêtements pour convenir à une variété de styles, des champions de vêtements de travail durables tels que Carhartt aux chaussures de skate-ready alimentées par la technologie de Nike SB, Vans et Adidas.
Le panier est simple, clair, sans distractions inutiles. Le bouton de paiement est accentué.
19. UO.com.au
Un panier soigné sans accents lumineux, avec les informations nécessaires et des photos de marchandises.
20. US.Burberry.com
Burberry a un panier très riche en éléments. Voici de nombreuses méthodes de paiement, des informations sur les produits et même la possibilité d'accéder à un chat d'assistance ou de demander un rappel.
21. Store.DolceGabbana.com
Le panier de Dolce & Gabbana est sombre et avec un minimum d'éléments. Vous trouverez ci-dessous des collections de vêtements et accessoires.
22. Triangl.com
Panier léger et aéré. Ne vous laissez pas vous perdre parmi une variété d'informations.
23. NeedaBump.com
Un panier soigné où vous trouverez une photo du produit commandé, des informations le concernant et des boutons lumineux vous permettront de passer rapidement à l'étape du paiement.
24. ShopAdidas.com
Dans le panier Adidas, tout est facile et simple. Comme dans les autres magasins, il y a toutes les informations sur l'achat : modèle, taille, quantité, etc. Les accents bleus vous permettront de retrouver rapidement le bouton de paiement.
25. Crocs.com
Dans le panier Crocs, vous pouvez voir les informations sur le produit acheté, vérifier si tout vous convient. Vous pouvez également saisir un code promotionnel dans le champ correspondant et bénéficier d'une remise. De beaux accents vert clair montrent où cliquer pour acheter un produit.
26. Case-Mate.com
Panier propre de Case-Mate vous permettra de faire des achats rapides sans distraire votre attention.
27. JCrew.com
CLASSICS, WITH A TWIST, AND STYLE YOU CAN TRUST. Il est écrit sur leur site Web, ce qui signifie des classiques, avec une touche et un style en lesquels vous pouvez avoir confiance. Le panier est parfaitement conforme à ce slogan.
28. CardinalCase.com
Ce site ne fonctionne plus non plus, mais vous pouvez vous inspirer d'un exemple de panier.
29. Zappos.com
Zappos.com propose un panier surchargé d'informations. Vous y trouverez presque l'intégralité du site.
30. Shop.Mango.com
Le panier de Mango est propre et net. Vous vous y ne perdrez pas.
31. NeimanMarcus.com
Neiman Marcus a également choisi des couleurs claires pour la conception du panier.
32. Fossil.com
Fossil.com - Quand le design intemporel rencontre le pouvoir de l'innovation, tout est possible.
33. Tiffany.com
Tiffany & Co. a commencé en 1837 et est devenue une maison de conception mondiale à la pointe de la conception de bijoux innovante et de l'artisanat expert. Le nom Tiffany a même nommé une couleur distincte qui a créé n'a pas manqué d'être utilisée dans le panier.
34. US.Faconnable-Store.com
Une autre option de panier, tout comme les autres.
35. Store-US.HugoBoss.com
Le panier en noir du magasin Hugo Boss transmet la gravité de la marque.
36. USA.Tommy.com
Tommy Hilfiger célèbre magasin de chaussures, vêtements et accessoires. Leur panier est clair avec des accents rouges.
37. ShopBop.com
ShopBop offre un panier lumineux où toutes les informations sur les marchandises sont indiquées, y compris la quantité restante dans l'entrepôt. Le bouton de paiement est de couleur contrastée.
38. FredPerry.com
Panier insolite du magasin Fred Perry. Appréciez la grande image, qui occupe presque tout l'écran. Exceptionnellement.
39. CharlotteRusse.com
Charlotte Russe est votre destination pour les dernières tendances en matière de vêtements, chaussures et accessoires. Le panier est léger avec des accents roses qui vous aident à accéder au bouton de paiement dès que possible.
40. Adam Lippes
Adam Lippes repense les traditions des vêtements de sport américains à travers sa marque de style de vie de luxe. Inspiré par son esthétique personnelle pour une élégance sans hâte et un design sobre, le travail d'Adam communique la facilité et le luxe confiant à travers la coupe, la coupe, la couleur et les détails.
Aspects de la conception d'un panier d'achat
Tous les aspects de la conception d'un panier sont importants. Voici la liste de contrôle que vous pouvez avoir à votre disposition pour comparer et voir si votre panier est adéquat.
1. Détails du produit – il devrait y avoir une image du produit, son nom, des descriptions supplémentaires (taille, couleur, etc.), la quantité, le prix, la possibilité de retirer l'article du panier ou de modifier ses caractéristiques comme la taille, la couleur ou le prix.
2. Méthodes de livraison – les incluez-vous, mentionnez la différence entre les options, indiquez leurs prix ?
3. Champ Promocode – Si vous autorisez l'utilisation des codes promotionnels, assurez-vous d'en avoir une section sur la page du panier. Comme le code promo diminue le prix - cela aura une incidence positive sur la décision d'achat du client.
4. Le prix final – le coût de tous les produits dans le panier + la livraison. Les clients doivent voir le montant total d'argent dont ils ont besoin pour payer la commande, afin d'éviter des surprises désagréables dans le processus de commande qui peuvent entraîner une rupture de la vente.
5. Plusieurs options de paiement – Si vous acceptez différentes options de paiement, vous devez les inclure toutes, mais vous ne devez pas charger le client de prendre une décision sur 10 systèmes de paiement. Idéalement, vous pouvez offrir deux options de paiement, qui sont les plus populaires parmi vos clients. Si vous êtes un détaillant basé aux États-Unis, il est indispensable d'avoir PayPal comme mode de paiement, car c'est le système de paiement le plus populaire aux États-Unis. Cependant, il ne convient pas dans l'ensemble, et il a un taux élevé de pourcentage pour le traitement des cartes. Donc, vous feriez mieux d'offrir une option de paiement supplémentaire qui acceptera les paiements par cartes de crédit. Pensez à ajouter des icônes à côté de vos options de paiement (icône PayPal, icônes de carte de crédit). Ainsi, les clients sont assurés que vous avez un magasin de confiance et qu'ils peuvent effectuer des paiements eux-mêmes.
6. Sceaux sécurisés – Si vous disposez de VeriSign Seal ou de McAfee Secure Seal, vous devez les placer sur la page du panier. Ce serait un signe supplémentaire que les clients peuvent vous faire confiance. Ces sceaux sont toutefois disponibles en tant qu'options à payer. L'alternative gratuite est de placer sur le bouton de commande une inscription - «Passer à la caisse sécurisée».
7. Politique de confidentialité et de retour – N'oubliez pas d'inclure les liens vers ces pages. Il est également préférable qu'ils soient ouverts en tant que pop-ups (pas en tant que nouvelles pages à onglets), afin que le client n'abandonne pas la page.
8. Produits complémentaires – offrez des produits complémentaires pour augmenter votre « valeur de transaction » moyenne. Rappelez-vous, pour maximiser le résultat, les produits doivent être vraiment gratuits, pas ceux qui restent invendus dans votre magasin. La meilleure façon est d'offrir une réduction pour le produit gratuit, et un point plus important - le prix des produits complémentaires devrait être inférieur à 50% du prix principal du produit. Ainsi, les clients se sentiront à l'aise de dépenser une somme d'argent supplémentaire pour améliorer leur expérience avec le produit principal. Plus en ce qui concerne que vous offrez un rabais de produit gratuit - la somme totale ne dépassera donc pas beaucoup le montant d'argent qu'un client était destiné à dépenser.
9. Continuez vos achats – Ceci est un lien très important à inclure car il donne aux clients la possibilité de continuer à remplir leur panier avec plus de produits.
10. Lien Procéder au paiement – c'est le bouton le plus important sur la page du panier. Votre tâche est d'attirer l'attention sur elle - comment ? Vous pouvez accentuer le bouton avec la couleur, pour le rendre le plus visible sur la page, et agrandir sa taille. Qu'est-ce que vous avez comme inscription - "checkout" ennuyeux ? Vous devez impliquer l'appel à l'action, par exemple, le simple «checkout now» ou «passez à la caisse» est bien meilleur. Notez qu'avec l'aide d'une inscription sur le bouton "Commander en toute sécurité", vous pouvez augmenter la confiance dans votre site eCommerce (ce qui est particulièrement important si vous n'utilisez pas de sceaux sécurisés).
Pour trouver la combinaison unique du design, de la farce textuelle, des produits complémentaires, vous devez expérimenter. Utilisez différentes inscriptions, couleurs, tailles de boutons de paiement, placement pour des produits complémentaires, etc. Un bon conseiller pour évaluer votre travail peut être Google Website Optimizer.
J'espère que cet article vous a été bien utile. Bon courage dans la poursuite de vos objectifs !
Articles connexes
Comment ajouter le panier PayPal à WordPress ?