Le guide ultime pour la conception de sites Web de commerce électronique
Aux États-Unis uniquement, les ventes en ligne devraient atteindre plus de 434 milliards de dollars par an d'ici la fin de l'année; Les ventes européennes devraient également atteindre près de 250 milliards de dollars par an d'ici là. C'est beaucoup d'argent et ne prend pas en compte le reste du monde.
Le commerce électronique est une affaire importante et dure depuis longtemps. Alors que les sites de commerce en ligne étaient autrefois considérés avec suspicion par de nombreux internautes, ils sont devenus aussi courants que la consultation de courriers électroniques. Bien que je sois certain que certains internautes n’ont jamais fait d’achats en ligne, ils sont de plus en plus rares chaque jour.
En tant que concepteur, vous ne pouvez pas vous permettre d'ignorer une bonne conception de commerce électronique. Vous trouverez ci-dessous un guide complet sur la création de sites de commerce électronique performants, avec des exemples.
Sites multi vs un seul produit
L'une des plus grandes différences dans l'approche de la conception d'un site de commerce électronique repose sur le fait qu'il s'agisse d'un site multi-produits ou d'un site mono-produit. Un site qui vend des tonnes de produits a des besoins très différents de ceux qui vendent un seul article (que ce soit un produit physique ou virtuel).
Les sites à un seul produit sont souvent une seule page. Parfois, ils sont formatés comme une lettre (je pense que nous les connaissons tous, et bien qu'ils ne soient pas le meilleur du point de vue de la conception, ils ont tendance à travailler dans de nombreux secteurs).
D'autres sites à un seul produit ont plusieurs pages (en particulier pour les produits haut de gamme et plus chers), mais sont relativement simples du point de vue de l'architecture de l'information.
Les sites de vente de plusieurs produits, en revanche, ont presque tous plusieurs pages. Le nombre dépend en grande partie du nombre de produits vendus. Les sites plus petits ne vendraient peut-être qu'une poignée de choses et ne pourraient donc avoir qu'une poignée de pages. D'autres sites peuvent vendre des milliers (ou des dizaines de milliers, voire des millions) d'articles, nécessitant beaucoup, beaucoup plus de pages.
Examinez attentivement comment les informations sur ces sites doivent être organisées. Un site avec des milliers de pages aura des systèmes et des besoins significativement différents pour que tout reste cohérent et organisé par rapport à un site de quelques pages seulement.
Le processus de conception
Bien que le processus de conception d'un site de commerce électronique ne soit pas très différent du processus pour tout autre type de site, il y a d'autres éléments à prendre en compte avant de les concevoir et tout au long du processus. .
Tout d’abord, s’il s’agit d’une ligne de produits ou d’un magasin bien établi, il y aura probablement déjà beaucoup de concepts de conception en place. Découvrez ce qu'ils sont dès le début.
Une autre chose à prendre en compte est les photos de produits existantes, et si un budget est prévu pour les nouvelles. Si chaque photo de produit que vous devez utiliser a un aspect très minimaliste, concevoir un site très décoré risque de ne pas fonctionner (ou de prendre un peu de temps supplémentaire), et inversement. Il vaut mieux savoir dès le début que d'attendre que le design soit fini pour être fourni avec des photos qui s'affrontent horriblement (et donc rendre les produits eux-mêmes mauvais et blesser les bénéfices).
L'entonnoir de vente et le nombre de pages existant entre la page d'accueil du site et la page de vérification finale sont également des éléments essentiels à prendre en compte et doivent être définis dès le début. Mais plus là-dessus plus tard.
Trois choses dont chaque magasin en ligne a besoin
Beaucoup de choses se passent dans la création d'un magasin en ligne réussi, mais il y a trois éléments clés dont chaque site a besoin:
Fiabilité: chaque site de commerce électronique doit créer un sentiment de confiance parmi les acheteurs. Si un client ne se sent pas comme le site (et le marchand par association) est digne de confiance, il prendra ses affaires ailleurs.
Simplicité et facilité d'utilisation: une boutique en ligne doit être simple dans son fonctionnement, si ce n'est dans la conception même. À aucun moment, votre client ne doit se demander quoi faire ensuite.
Transparence: la transparence va de pair avec la fiabilité, mais elle va plus loin. La transparence signifie que vous devez vous assurer que des éléments tels que les informations de contact et les règles du commerçant pour des choses comme l'expédition et les retours sont faciles à trouver. Il peut également être lié à des éléments tels que les avis des clients sur le site, et répondre ouvertement à toute critique pouvant survenir à la manière du commerçant.
Assurez-vous que ces trois éléments sont intégrés dans chaque site de commerce électronique que vous concevez, ainsi que les meilleures pratiques suivantes.
Les meilleures pratiques
Il y a des tonnes de choses à garder à l'esprit lors de la conception d'un site de commerce électronique. Certains dépendent du type de site, de l'entreprise et des produits vendus. Mais il y en a d'autres qui s'appliquent à presque tous les sites ou produits.
Voici quelques-unes des meilleures pratiques à retenir, dont la plupart s’appliquent quel que soit le type de produit que vous vendez.
De grandes images et beaucoup d'entre elles
Les gens veulent voir les produits qu'ils achètent avant de faire un achat. Et comme les achats en ligne les empêchent de voir en personne ce qu'ils achètent, ils ont besoin d'images qui leur permettent de vivre la même expérience que possible.
Cela signifie qu'il devrait y avoir des photos de tous les angles possibles et que ces photos devraient être grandes (et de préférence zoomables). Il existe plusieurs manières de gérer le zoom sur les images, mais la norme est devenue une loupe sur l'image, affichant l'image agrandie sur le côté ou directement sur l'image principale.
En tant que concepteur, assurez-vous de concevoir des pages de produits d'une manière qui permet d'afficher un grand nombre d'images.
Maintenant, que se passe-t-il si vous vendez un produit virtuel? Comment gérez-vous les photos alors? Les captures d'écran sont généralement votre meilleur pari, et encore une fois: beaucoup d'entre elles. Les gens veulent savoir ce qu'ils achètent avant d'acheter. Ne jamais perdre de vue cela.
Le site ModCloth, par exemple, comporte généralement 4 à 6 images de leurs vêtements et inclut même parfois des vidéos. Les images ne sont pas énormes, mais elles incluent une fonction de zoom pour obtenir un meilleur rendu.
Mettre en évidence la rareté
Avez-vous déjà remarqué comment Amazon affiche combien d'articles sont laissés en stock? C'est parce que la pénurie oblige les gens à acheter. Si quelqu'un est sur le point d'acheter un produit, mais qu'il craint qu'il ne soit vendu avant de se décider, il peut alors simplement l'acheter pour éviter de rater sa perte. Surtout si c'est une affaire.
Attirer l'attention sur des produits connexes
À moins que vous ne vendiez qu'un seul produit, chaque page de produit devrait inclure des liens vers d'autres produits connexes. Vendre des robes? Inclure des liens vers des chaussures, des sacs à main ou d'autres accessoires assortis.
Celles-ci devraient se voir attribuer une place de choix sur la page et être intégrées dès le départ dans la conception, plutôt que d’être collées à la fin. Voici un exemple:
Facilitez le partage
Les fonctions de partage de médias sociaux doivent également faire partie intégrante de la conception de votre page produit. Le bouche à oreille est une publicité puissante, et le fait de permettre aux clients de partager leur achat (ou d’acquérir) est un moyen précieux d’obtenir de la publicité essentiellement gratuite.
Assurez-vous d’intégrer les boutons de partage sur les pages du produit, ainsi qu’une fois que le visiteur a effectué son achat.
S'assurer que les descriptions de produits sont détaillées
Une mauvaise description du produit peut faire ou défaire une vente. Même si en tant que designer, vous n'êtes pas toujours celui qui écrit ces descriptions, vous devez vous assurer que votre conception peut traiter avec élégance les descriptions de plus d'un paragraphe sans paraître maladroite (ou se casser le tout).
Une solution consiste à utiliser une mini description ou un résumé à côté du produit (et à proximité du bouton «Ajouter au panier» ou à un autre bouton d’appel à l’action), tout en incluant une description plus longue dans la page du produit. Une autre option consiste à utiliser un lien "lire plus" qui ouvre une fenêtre modale pour révéler la description complète ou la révèle sur la page, en déplaçant d'autres contenus (ou en créant une section de défilement plus petite). Gardez à l'esprit la facilité d'utilisation du mobile lors de la conception de ces éléments.
le 20Jeans Le site Web est un excellent exemple de description détaillée des produits.
Les notions de base sont superposées à l'image du produit et une description plus détaillée est fournie ci-dessous, complétée par la navigation en accordéon pour des éléments tels que l'entretien, les matériaux, le style et l'ajustement, ainsi que l'expédition et le retour.
Simplifier la caisse
Le processus de vérification devrait être rapide et facile. Idéalement, vous avez une seule page qui permet aux acheteurs de vérifier ce qui est dans leur panier et d’entrer leurs informations de facturation et d’expédition, avec une page supplémentaire pour confirmer leur commande avant de la placer.
Certains sites créent un entonnoir de paiement plus long, avec une page pour examiner le panier, une page pour saisir les informations de livraison, une page pour saisir les informations de facturation, un endroit pour consulter la commande et une page supplémentaire pour confirmer la commande finale. Un processus de caisse long et compliqué peut décourager les clients et leur faire abandonner leur panier.
Cependant, une page que vous ne devez pas ignorer est une page permettant aux clients d’examiner toute leur commande avant de la finaliser et de la placer. Les acheteurs sont habitués à cette étape et peuvent hésiter davantage s'ils n'ont pas de dernière page à vérifier avant de passer la commande.
Ne nécessite pas de compte
Exiger un compte pour effectuer un achat est généralement une mauvaise idée. Il y a des exceptions, bien sûr (comme s'il y avait un support continu inclus dans l'achat), mais en général, ce n'est qu'un obstacle à l'achat.
Au lieu de demander aux clients de s'inscrire à un compte avant de l'acheter, donnez-leur l'option à la fin, une fois leur achat terminé. Et si un compte est absolument nécessaire, intégrez l'inscription à l'une des autres pages de votre processus de paiement, comme la page d'informations de facturation ou d'expédition.
L'entonnoir de vente
L'entonnoir de vente est l'une des considérations de conception les plus importantes pour tout site de commerce électronique. L'entonnoir se compose généralement d'une page d'accueil, d'une page de résultats de recherche (ou d'une page parcourir / catégorie) remplie de produits, de pages de produits individuelles et du processus de paiement.
L’objectif de l’entonnoir est d’introduire les acheteurs d’une partie du site à l’autre, plus près du point d’achèvement de la vente.
Il existe un certain nombre de façons différentes de créer l'entonnoir de vente, et cela dépend en grande partie du type de produit que vous vendez et du prix de vente (un prix plus élevé peut nécessiter plus de coaxing).
Une technique qui peut être particulièrement efficace sur un site de produit unique consiste à faire en sorte que les visiteurs prennent l'habitude de cliquer sur l'étape suivante, tout au long de l'entonnoir de vente. Ainsi, plutôt que d'avoir une longue page décrivant le produit, vous avez une série de pages plus courtes sur lesquelles l'utilisateur clique, menant directement au processus de paiement. Il développe une habitude pour l'utilisateur de passer à l'étape suivante, en réduisant les barrières psychologiques qui peuvent exister.
Appels à l'action
L'appel à l'action sur n'importe quel site de commerce électronique est l'un des éléments les plus importants de sa conception. Sans un appel à l'action efficace, vos ventes vont sérieusement souffrir.
Il existe deux types d’appels à l’action que vous êtes susceptible de trouver, selon le type de site. Les sites de commerce électronique qui vendent plusieurs produits auront des appels à l'action sur chaque page du produit, ainsi qu'un appel à l'action pour chaque produit sur les résultats de recherche ou les pages de navigation.
Dans les deux cas, la plupart vont inclure une terminologie telle que "Ajouter au panier". À l'occasion, vous pourriez trouver un appel à l'action qui dit quelque chose comme "achetez maintenant" à la place.
Les sites de commerce électronique qui vendent un seul produit peuvent avoir plusieurs appels à l'action sur le site, souvent avec un sur chaque page (ou plusieurs à différents endroits sur un long site d'une seule page).
Pages de produits
Vos pages de produits doivent créer une expérience aussi similaire que le shopping en personne. Cela signifie beaucoup d'informations sur les produits. Les photos, descriptions et spécifications doivent fournir autant de détails que possible.
Voici quelques exemples de pages de produits à vérifier:
Les niveaux
Ce Les niveaux la page produit offre un minimum d’informations, mais c’est tout ce dont vous avez besoin. Il ne propose également que quelques photos, mais encore une fois, c'est tout ce qui est nécessaire. Le bouton "Ajouter au panier" est affiché avec les produits associés.
Victoire Boutique
le Victoire Boutique les pages de produits sont simples, en mettant l'accent sur l'image du produit. Il y a également un accent sur les produits connexes.
Article
Article propose des pages produits simples avec un diaporama de photos des produits. Le bouton "Ajouter au panier" est visible. Les détails du produit sont donnés immédiatement en dessous de la description, tandis que les produits similaires sont affichés en dessous.
La navigation
Il existe généralement deux manières principales de naviguer sur un site de commerce électronique: les menus et la recherche. Les menus incorporent souvent des menus déroulants avec des éléments de sous-menus, en fonction de la taille du site et du nombre de types de produits qu'ils vendent.
Alors que de nombreux sites intègrent une recherche de base, les sites de commerce électronique nécessitent des options de recherche et de filtrage plus détaillées dans la plupart des cas. Quelque chose comme ça:
Ces filtres permettent aux acheteurs d’affiner les options du produit en fonction de caractéristiques communes.
Aperçu rapide
Vous devriez certainement envisager d'incorporer une fonctionnalité de "vue rapide" dans votre site Web. Cela permet aux acheteurs de voir une sélection limitée de détails sur les produits directement depuis les pages de résultats de recherche ou de navigation (généralement dans une fenêtre modale), plutôt que de devoir cliquer sur la page du produit. La plupart d'entre elles permettent également aux utilisateurs d'ajouter un produit directement dans leur panier à partir de la vue rapide:
Anthropologie
Anthropologie La fonction Quick View apparaît dans une fenêtre modale qui comprend des informations de base, des informations sur les prix, des tailles et la possibilité d’ajouter un produit au panier de l’acheteur (dans ce cas, «panier»).
Peuple libre
Les gens libres L'affichage rapide contient des informations très limitées sur les produits, avec uniquement des photos, des avis, des informations sur les prix, la couleur et la taille, ainsi que la possibilité d'ajouter le produit au panier de l'acheteur.
ModCloth
ModCloth 's La fonction Quick View offre une description complète, ainsi que les détails du produit dans un format à onglets. Des photos et des informations sur les prix sont également inclus, ainsi que la possibilité d'ajouter des produits au sac du client.
Sélection d'une plateforme de commerce électronique
Vous avez le choix entre de nombreuses plateformes de commerce électronique, alors comment choisir la bonne pour votre boutique (ou celle de vos clients)?
Il y a pas mal de choses à vérifier avant de décider. Certains d'entre eux comprennent:
- Quel langage de programmation la plate-forme utilise. Cela est particulièrement important si vous prévoyez de faire beaucoup de personnalisation, mais cela peut également être important en fonction de l'hôte Web que vous prévoyez d'utiliser (le support varie largement selon les langues).
- Que la plateforme soit gratuite ou payante Il y a des tonnes des deux types de plateformes sur le marché, avec de bons choix dans les deux camps. Les plates-formes payantes offrent souvent un meilleur support que les plates-formes gratuites, mais il existe des solutions complètes dans les deux catégories.
- S'il prend en charge les types de produits que vous prévoyez de vendre (produits numériques et produits physiques, par exemple).
- Les passerelles de paiement prises en charge par la plate-forme, en particulier si vous vous êtes déjà engagé à en utiliser une.
- Les services d'expédition qu'il intègre.
- Est-ce facile à personnaliser? Combien d'options la plate-forme doit-elle personnaliser hors de la boîte? Devrez-vous plonger dans le code chaque fois que vous voulez changer quelque chose ou pouvez-vous apporter des modifications depuis la zone d'administration?
- A quoi ressemble le support? Est-ce entièrement axé sur la communauté ou existe-t-il un soutien directement des développeurs? Combien ça coûte?
Prenez le temps d’explorer les options disponibles et de déterminer quelle plate-forme répond le mieux à vos besoins.
Plates-formes gratuites
Il existe des dizaines de grandes plates-formes de commerce électronique, certaines payantes et d'autres gratuites. Les plates-formes payantes offrent généralement plus de support et parfois plus de fonctionnalités que les applications gratuites, bien qu'il existe également des plates-formes gratuites très complètes.
PrestaShop
PrestaShop dispose de plus de 300 fonctionnalités, y compris la vérification d'une page, l'intégration de services Web, la gestion des stocks, le support technique téléchargeable et bien plus encore. Il est gratuit à télécharger et totalement open source.
PrestaShop est livré avec une documentation complète et des tonnes de ressources pour vous aider à démarrer. Il existe des modules (payants) pour étendre ses fonctionnalités, ainsi que des thèmes (également payés) si vous ne souhaitez pas concevoir votre propre site.
Magento Community Edition
Magento Community Edition est la branche open source de Magento, utilisée par plus de 240 000 marchands dans le monde. Il est évolutif et peut évoluer avec vous, et il est flexible pour répondre à vos besoins.
Il y a beaucoup de soutien de la communauté pour vous aider si vous êtes bloqué, ainsi qu'une documentation technique complète. Il existe également une multitude d'extensions disponibles (et vous pouvez bien sûr créer vos propres extensions).
Commerce Spree
Commerce Spree est une plate-forme open source qui vous offre des ressources de contrôle et de personnalisation complètes. Il est entièrement documenté, bien que, bien sûr, un soutien et une formation soient disponibles.
Les fonctionnalités incluent la conception flexible et réactive du site dès le départ, avec prise en charge de la vidéo en direct et de l'animation. Il dispose d'une API complète pour à peu près tous les aspects du système, ce qui vous donne encore plus de contrôle.
Zeuscart
Zeuscart est une plateforme de commerce électronique basée sur PHP / MySQL. Il est simple à utiliser et facile à personnaliser sans une tonne de compétences informatiques requises pour créer une vitrine de base.
Le tableau de bord admin réactif est alimenté par Twitter Bootstrap, tandis que le frontal a un design propre et convivial, avec une grande collection de composants d'interface utilisateur fonctionnant sur tous les principaux navigateurs (y compris les appareils mobiles).
OpenCart
OpenCart offre une tonne de fonctionnalités, y compris la prise en charge de catégories, produits et fabricants illimités, la prise en charge de plusieurs devises et langues, la documentation gratuite, etc. Il peut également intégrer plus de 20 passerelles de paiement et plus de 8 modes de livraison.
OpenCart offre également un support pour les avis et évaluations de produits, les produits téléchargeables, les taux de taxes multiples, un système de coupons et bien plus encore. Il est entièrement modélisable, avec un modèle par défaut utilisable immédiatement.
osCommerce
osCommerce possède plus de 7 000 add-ons gratuits et dispose d'un réseau de plus de 260 000 propriétaires de magasins et fournisseurs de services. Il y a une communauté active pour le support et l'aide si vous rencontrez des problèmes, ainsi qu'un support gratuit et commercial.
osCommerce existe depuis 14 ans et dispose donc d'une base solide pour développer votre activité. Des modèles et des thèmes sont également disponibles pour personnaliser l'apparence de votre site sans avoir à recommencer à zéro.
Zen Cart
Zen Cart est un panier d'achat gratuit, convivial et open source avec des tonnes de plugins et d'addons pour étendre ses fonctionnalités. Il existe des modules complémentaires pour les outils d'administration, le marketing, les méthodes de paiement, les outils de tarification et bien plus encore.
Zen Cart dispose d'une excellente documentation, ce qui vous permet de profiter de toutes les fonctionnalités offertes. Il y a aussi une vitrine de sites créés avec Zen Cart pour vous inspirer.
simpleCart (js)
simpleCart (js) est un panier JavaScript gratuit que vous pouvez intégrer à votre site Web existant. Il n'y a pas de base de données et pas de programmation, juste des connaissances de base en HTML requises.
Sa conception est incroyablement flexible, prend en charge plusieurs passerelles de paiement (y compris les paiements PayPal, Google Checkout et Amazon.com) et prend en charge les langues et les devises internationales. Il est également très performant, avec un encombrement incroyablement réduit, en particulier par rapport à de nombreuses grandes plates-formes de commerce électronique.
WooCommerce
WooCommerce , de WooThemes, est un excellent plug-in de commerce électronique WordPress qui contient de nombreuses fonctionnalités. Vous pouvez vendre n'importe quoi avec WooCommerce, y compris les produits physiques et téléchargeables. Cela fonctionne même avec les produits de filiale.
Il fonctionne avec les paiements PayPal, BACS et COD dans le package de base WooCommerce, avec des tonnes d'extensions pour des passerelles de paiement spécifiques. Il existe des outils pour gérer l'inventaire (numérique ou physique), les options d'expédition, le support des campagnes de coupons, la taxe de vente, etc. Et il existe d'excellentes fonctionnalités de reporting pour vous permettre de suivre les ventes et les avis entrants, les niveaux de stock, etc., directement depuis WordPress.
Ubercart
Ubercart est une solution complète de panier d'achat pour Drupal. C'est génial pour construire une communauté autour de votre magasin. Vous pouvez vendre du contenu premium, des téléchargements de fichiers payants, des biens physiques, etc.
Il est conçu comme un module, ce qui facilite son intégration complète au reste de votre site Drupal. Et il y a des modules et des thèmes supplémentaires pour étendre encore plus les fonctionnalités d'Ubercart.
TomatoCart
TomatoCart a été conçu spécifiquement pour fonctionner parfaitement sur tous les appareils numériques. Il comprend un système de gestion de contenu complet avec diaporama, menu image, défilement des produits, gestionnaire de bannières et intégration Google AdSense. Il offre également des outils de gestion de catalogue, de gestion de produits et de gestion des commandes.
TomatoCart comprend également des outils de gestion des clients et des utilisateurs, notamment la possibilité d'importer et d'exporter des clients, des outils d'interrogation, etc. Des tonnes de passerelles de paiement sont prises en charge, notamment Amazon IPN, Google Checkout, PayPal, Western Union, etc.
X-Cart
X-Cart offre à la fois des licences gratuites et payantes (avec une redevance unique, plutôt que des coûts récurrents). Il est facile à maintenir et à modifier, avec du code PHP open source. Il y a des centaines de modules complémentaires auxquels vous pouvez accéder directement depuis la zone d'administration de votre magasin.
X-Cart a une conception réactive basée sur Bootstrap, de sorte qu'il fonctionne sur pratiquement tous les appareils, des téléphones cellulaires aux ordinateurs de bureau. Vous pouvez vendre n'importe quoi avec X-Cart, y compris les produits, les services et les téléchargements, et même vendre hors ligne à l'aide du système de point de vente X-Cart. Il s'intègre également à toutes les passerelles de paiement et aux transporteurs maritimes les plus populaires.
WP e-commerce
WP e-commerce est un plugin WordPress qui fonctionne pour les produits physiques, les téléchargements et les services. Il est entièrement personnalisable, avec un processus de paiement simplifié qui place moins de pages entre vos produits et votre paiement.
WP e-Commerce s'intègre à Stripe, PayPal, etc., et comprend des options d'expédition flexibles. Il fonctionne bien avec les autres plug-ins WP, prend en charge les widgets WP, utilise des codes abrégés et des balises de modèle, offre des tonnes d'outils marketing, etc. Il existe des plugins et des thèmes disponibles pour étendre encore ses fonctionnalités.
Jigoshop
Jigoshop est un plugin de commerce électronique WordPress qui inclut de puissantes fonctionnalités de marketing et de référencement, ainsi qu'une gestion simple des produits et services physiques et téléchargeables.
Jigoshop offre la possibilité d'affecter des directeurs de magasin pour la gestion des opérations quotidiennes, ainsi que des outils de gestion de magasin complets avec une interface utilisateur intuitive. Il existe des extensions gratuites et payantes pour étendre davantage ses fonctionnalités. Les extensions gratuites incluent l'onglet Produit vidéo YouTube, le Connecteur ShipWorks, les Emails d'administration multiples et bien plus encore.
boutique en ligne
boutique en ligne est un plugin WordPress accessible. Il offre une gamme de passerelles de paiement pour marchands et d’options d’expédition, entre autres fonctionnalités. Il est hautement configurable, avec des options pour le panier et la caisse, les produits et plus encore.
Une documentation très complète est disponible en ligne, y compris des informations de dépannage de qualité. Il existe même des didacticiels vidéo pour une aide supplémentaire.
5 exemples de commerce électronique inspirants
Il existe des tonnes de sites de commerce électronique merveilleux et bien conçus pour vous inspirer. Ici, je vais jeter un oeil à cinq, et montrer ce qui rend les différentes parties de ces sites formidables.
Le fanion du peuple
Le fanion du peuple offre un design à la fois minimaliste et rétro. Les boutons "Acheter" sont proéminents sans dominer le design.
Les différentes pages du produit sont bien présentées, avec des boutons de partage faciles à trouver. Toutes les informations de base sont faciles à trouver (taille, matériel, édition, etc.), avec des photos supplémentaires bien en évidence.
Le processus de paiement se compose de deux étapes seulement, une approche très simplifiée.
Grands
Grands a un design simple avec des photos proéminentes des produits sur la page d'accueil. Entre les images du produit, il y a des informations supplémentaires sur des choses telles que la tarification et la livraison.
En survolant un produit, vous obtenez le nom, et en cliquant dessus, vous accédez aux informations détaillées sur le produit, avec des photos, une description et des liens de partage.
La section des fonctionnalités de chaque page de produit est particulièrement intéressante et bien pensée.
Metta Skincare
Metta Skincare's store est le minimalisme à son meilleur. Survolez un produit et affichez le nom et les informations de prix.
Cliquez dessus et vous accédez à une page produit avec beaucoup plus de détails.
Les paiements sont pris en charge via PayPal et le processus de paiement global est simple et simplifié.
JM & Sons
le JM & Sons store est minimaliste, avec un bon curseur de produit et de fonctionnalités sur la page d'accueil qui occupe presque tout l'écran.
Les pages de produit individuelles contiennent des détails sur les produits, ainsi que des dimensions dans un format à onglets. Il y a plusieurs photos de chaque produit, affichées dans un diaporama. Les produits associés sont inclus dans une rubrique "également aimé".
L'une des meilleures caractéristiques de la conception de JM & Sons est le panier d'achat coulissant. Cliquez sur l'icône du panier en haut de l'écran, et plutôt qu'une fenêtre modale apparaissant ou redirigée vers une nouvelle page, votre panier se glisse du côté droit de la page.
Lola Shoetique
le Lola Shoetique shop a un design minimaliste qui sert de toile de fond aux images lumineuses et audacieuses utilisées sur le site.
Les pages de résultats pour les catégories de produits sont simples, avec des photos qui se fondent dans l'arrière-plan, ce qui lui confère un design très propre qui met l'accent sur les produits (où il devrait être).
Les pages de produits proposent une description ainsi que des spécifications. Une caractéristique unique, car il s'agit d'un magasin de chaussures, est ce guide adapté qui vous indique comment les chaussures correspondent à la taille standard. Bien que ce ne soit pas une fonctionnalité de conception en soi, c'est une fonctionnalité UX incroyablement utile.
Conclusion
Tous les concepteurs doivent connaître les éléments de base d’une bonne conception de commerce électronique, ne serait-ce que parce qu’ils sont amenés à trouver un client à un moment donné. Et ignorer cet aspect de la conception va soit entraîner des clients mécontents du travail que vous finissez par faire pour eux, soit des clients qui se tournent simplement ailleurs.