Le guide ultime du design des sites web e-commerce. Créer une boutique en ligne soi-même

Mis à jour : 11 mars 2018

Alors que les sites web d'e-commerce étaient autrefois traités avec méfiance par de nombreux internautes, il est devenu aussi courant d'acheter en ligne que de consulter ses emails. Même si nous sommes sûr qu'il y a encore des internautes qui n'ont jamais fait d'achat en ligne, ils se font de plus en plus rares.


En tant qu'entreprise, vous ne pouvez pas vous permettre d'ignorer un bon design de commerce électronique. Vous trouverez ci-dessous un guide complet sur la création de superbe boutique en ligne avec quelques exemples.


Multi sites web de produits uniques


L'une des plus grandes différences dans la façon d'aborder la conception d'un site web e-commerce est basée sur le fait qu'il s'agit d'un site multi-produit ou d'un site mono-produit. Un site web vendant des tonnes de produits a des besoins très différents par rapport à celui qui ne vend qu'un seul article (qu'il s'agisse d'un produit physique ou virtuel).


Les sites web mono-produit ont souvent une seule page. Parfois, ils sont formatés comme une lettre (nous pensons que nous en connaissons tous, et bien qu'ils n'ai pas le meilleur style sur le plan de la conception, ils ont tendance à fonctionner dans de nombreuses industries).


D'autres sites internet monoproduits comportent plusieurs pages (en particulier pour les produits haut de gamme et plus onéreux), mais restent relativement simples du point de vue de l'architecture et de l'informations. D'autres sites internet peuvent vendre des milliers (ou des dizaines de milliers, voire des millions) d'articles, ce qui nécessite beaucoup, beaucoup plus de pages.


Réfléchissez bien à la façon dont les informations du sites web devraient être organisées. Un site internet avec des milliers de pages va avoir des besoins et des systèmes significativement différents pour garder le tout cohérent et organisé.


Le processus de conception


Bien que le processus de conception d'un site internet e-commerce ne soit pas très différent du processus des autres types de site web, il y a certains éléments à considérer et à comprendre avant de commencer la conception.


Tout d'abord, s'il s'agit d'une gamme de produits ou d'un magasin bien établi, il y aura probablement déjà beaucoup de concepts en place. Découvrez ce qu'ils sont et à quoi ils servent dès le début.


Une autre chose à considérer sont les photos de produits existants. Si chaque photo de produit que vous devrez utiliser a un aspect très minimaliste, alors concevoir un site web très orné peut ne pas fonctionner (ou prendre plus de temps pour faire du travail), et vice versa. Mieux vaut le savoir dès le début que d'attendre que le design soit fini pour être fourni avec des photos qui s'opposent horriblement.


L'entonnoir des ventes et le nombre de pages qui existent entre la page d'accueil du site internet et la page de paiement finale sont également une considération vitale et doivent être définis dès le départ.


Trois choses dont chaque boutique en ligne a besoin


Il y a beaucoup à faire pour créer une boutique en ligne réussie, mais chaque site web a besoin de trois éléments clés:


Fiabilité: chaque site internet de commerce électronique doit susciter un sentiment de confiance chez les acheteurs. Si un client ne sent pas que le site web (et le marchand, par association) est digne de confiance, ils vont aller ailleurs.


Simplicité et facilité d'utilisation:  une boutique en ligne doit être simple dans son fonctionnement, sinon dans la conception elle-même. À aucun moment, votre client ne devrait 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 les éléments tels que les informations de contact et les règles du commerçant pour les expéditions et les retours sont faciles à trouver. Il peut également être lié à des choses telles que les avis des clients sur le site web, et répondre ouvertement à toute critique qui pourrait venir du marchand.


Assurez-vous que ces trois éléments sont intégrés dans tous les sites internet de commerce électronique que vous concevez, ainsi que les meilleures pratiques (qui suivent).


Les meilleures pratiques


Il y a des tonnes de choses à garder à l'esprit lors de la conception d'un site web de commerce électronique. Certaines dépendent du type de site internet, de l'entreprise et des produits vendus. Mais il y en a d'autres qui s'appliquent à presque tous les sites web ou produits.


Voici quelques-unes des meilleures pratiques à garder à l'esprit, dont la plupart s'appliquent quel que soit le type de produit que vous vendez.


DE GRANDES IMAGES ET BEAUCOUP D'ENTRE EUX


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 s'ils étaient présents.


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 façons de manipuler le zoom sur les images, mais la norme est essentiellement 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 de façon à ce que de nombreuses images soient affichées.


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 ami. Les gens veulent savoir ce qu'ils achètent avant d'acheter. Ne jamais perdre ça de vue.


Le site web ModCloth, par exemple, contient généralement de 4 à 6 images de leurs vêtements, et inclut parfois des vidéos. Les images ne sont pas énormes, mais elles incluent une fonction de zoom pour mieux voir.


METTRE EN ÉVIDENCE LA RARETÉ


Avez-vous déjà remarqué le nombre qu'Amazon affiche d'articles qui sont en stock? C'est parce que la rareté oblige les gens à acheter. Si quelqu'un est retissant à propos de l'achat d'un produit, mais qu'il craint qu'il soit vendu avant de se décider, il peut alors aller de l'avant et l'acheter pour éviter de passer à côté. Surtout si c'est en solde.


ATTIRER L'ATTENTION SUR LES PRODUITS CONNEXES


À moins que vous ne vendiez qu'un seul produit, chaque page de produit devrait inclure des liens vers d'autres produits connexes. Vous vendez des robes? Incluez des liens vers des chaussures assorties, un sac à main ou d'autres accessoires.


Celles-ci devraient occuper une place prépondérante sur la page et être intégrées dans le design dès le départ, plutôt que d'être collées à la fin. Voici un exemple:


RENDEZ-LE FACILE À PARTAGER


Les fonctions de partage de médias sociaux devraient également être une partie importante de la conception de votre page web de produit. Le bouche à oreille est une publicité puissante, et permettre aux clients de partager facilement leur achat (ou leur achat en attente) est un moyen précieux d'obtenir de la publicité essentielle et gratuite.


Assurez-vous d'avoir intégré les boutons de partage sur les pages du produit, ainsi qu'après l'achat du visiteur.


ASSUREZ-VOUS QUE LES DESCRIPTIONS DE PRODUITS SONT DÉTAILLÉES


Une mauvaise description du produit peut faire ou défaire une vente. En tant que concepteur, vous n'êtes peut-être pas toujours celui qui écrit ces descriptions, vous devez vous assurer que votre conception peut gérer élégamment des descriptions de plus d'un paragraphe sans avoir l'air gênant.


Une solution consiste à utiliser une mini-description ou un résumé à côté du produit (et à proximité du bouton "Ajouter au panier" ou d'un autre bouton d'appel à l'action), tout en incluant une description plus détaillée sur 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, déplaçant un autre contenu vers le bas (ou créant une section de défilement plus petite). Gardez à l'esprit la facilité d'utilisation mobile lors de la conception de ces choses.


Le site Web 20Jeans est un excellent exemple de description détaillée des produits.


Avec les bases superposées sur l'image du produit et une description plus détaillée ci-dessous, en plus de la navigation accordéon pour des choses comme les soins, les matériaux, le style et l'ajustement, les expéditions et les retours.


SIMPLIFIER LE PAIEMENT


Le processus de paiement doit être rapide et facile. Idéalement, vous avez une seule page qui permet aux acheteurs d'examiner ce qui se trouve 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 web créent un entonnoir de paiement plus long, avec une page pour examiner le panier, une page pour entrer les informations d'expédition, une page pour entrer les informations de facturation, un emplacement pour vérifier la commande et une page supplémentaire pour confirmer avant de passer la commande finale. Un processus de paiement long et compliqué peut décourager les clients et leur faire abandonner leur panier d'achat.


Une page que vous ne devriez pas ignorer, cependant, est une page pour les clients de passer en revue leur commande entière avant de le finaliser celle-ci. Les acheteurs sont habitués à cette étape, et peuvent hésiter davantage s'ils n'ont pas une dernière page à consulter avant de passer la commande.


NE NÉCESSITE PAS DE COMPTE


Exiger un compte pour faire un achat est généralement une mauvaise idée. Il y a des exceptions, bien sûr (comme s'il y avait un soutien continu inclus dans l'achat), mais en général, c'est juste un obstacle à l'achat.


Au lieu de demander aux clients de s'inscrire à un compte avant l'achat, donnez-leur l'option à la fin, après leur achat est terminé. Et si un compte est absolument nécessaire, intégrez l'inscription à l'une des autres pages de votre processus de commande, comme la page d'informations de facturation ou d'expédition.


L'entonnoir des ventes


L'entonnoir de vente est l'une des considérations de conception les plus importantes pour tout site web 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 de navigation/catégorie) remplie de produits, de pages de produits individuelles et du processus de paiement.


Le but de l'entonnoir est de faire entrer les acheteurs d'une partie du site internet à l'autre, au plus près de l'achèvement de la vente.


Il existe plusieurs façons de créer l'entonnoir des ventes, et cela dépend en grande partie du type de produit que vous vendez et du prix de vente.


Une technique qui peut être particulièrement efficace sur un site web avec un seul produit consiste à faire en sorte que les visiteurs aient l'habitude de passer à l'étape suivante, tout au long de l'entonnoir des ventes. Donc, plutôt que d'avoir une longue page décrivant le produit, avoir une série de pages plus courtes que l'utilisateur clique à travers, menant directement dans le processus de commande. Il développe une habitude pour l'utilisateur de passer à l'étape suivante, en abaissant les barrières psychologiques qui peuvent exister.


Appels à l'action


L'appel à l'action sur n'importe quel site web de commerce électronique est absolument l'un des éléments les plus importants de sa conception. Sans un appel à l'action efficace, vos ventes vont sérieusement souffrir.


Maintenant, il existe deux types d'appels à l'action que vous êtes susceptible de trouver, selon le type de site internet. Les sites web de commerce électronique vendant des produits multiples vont avoir des appels à l'action sur chaque page de produit, ainsi que peut-être 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 comme "ajouter au panier". À l'occasion, vous pourriez trouver un appel à l'action qui dit quelque chose comme «acheter maintenant» à la place.


Les sites web de commerce électronique vendant un seul produit peuvent avoir plus d'un appel à l'action sur le site internet, souvent avec un sur chaque page (ou plusieurs à divers endroits sur un long site web d'une seule page).


Pages de produits


Vos pages de produits doivent créer une expérience similaire à l'achat en personne. Cela signifie beaucoup d'informations sur les produits. Les photos, les descriptions et les spécifications doivent fournir autant de détails que possible.


Voici quelques bons exemples de pages de produits à consulter:


LEVELS


Cette page de produits Levels offre peu d'informations, mais c'est tout ce dont vous avez besoin. Il offre également seulement quelques photos, mais encore une fois, c'est tout ce qui est nécessaire. Le bouton "Ajouter au panier" est affiché en évidence, ainsi que les produits associés.


VICTOIRE BOUTIQUE


Les pages de produits Victoire Boutique sont simples et mettent l'accent sur l'image du produit. Il y a aussi un accent sur les produits connexes.


ARTICLE


Article propose des pages de produits simples avec un diaporama de photos d'images de produits. Le bouton "Ajouter au panier" est important. Les détails du produit sont donnés immédiatement au-dessous de la description, tandis que les produits similaires sont affichés ci-dessous.



La navigation


Il y a généralement deux façons principales de naviguer sur un site web de commerce électronique: les menus et la recherche. Les menus intègrent souvent des listes déroulantes avec des sous-menus, en fonction de la taille du site internet et du nombre de types de produits vendus.


Alors que de nombreux sites web intègrent la recherche de base, les sites web de commerce électronique ont besoin d'options de recherche et de filtrage plus granulaires dans la plupart des cas. Quelque chose comme ça:


Ces filtres permettent aux acheteurs d'affiner les options du produit, en fonction des caractéristiques communes.


Aperçu rapide


Vous devriez certainement envisager d'intégrer une fonctionnalité de «aperçu rapide» sur votre site Web. Cela permet aux acheteurs d'afficher une sélection limitée de détails sur les produits à partir des pages de navigation ou de recherche (généralement dans une fenêtre modale), plutôt que d'avoir à cliquer sur la page du produit. La plupart d'entre eux permettent également aux utilisateurs d'ajouter un produit directement à leur panier dans la fonction «aperçu rapide».


ANTHROPOLOGIE


La fonction ''Aperçu rapide'' d'Anthropologie apparaît dans une fenêtre modale qui inclut des détails de base, des informations sur les prix, les tailles et la possibilité d'ajouter un produit au panier du client («basket» dans ce cas).



PEOPLE


L'aperçu rapide gratuite de People a des informations très limitées sur le produit, avec seulement des photos, des avis, des prix, des informations sur la couleur et la taille, ainsi que la possibilité d'ajouter le produit au panier du client.


MODCLOTH


La fonction ''Aperçu rapide'' de ModCloth offre une description complète, plus les détails du produit dans un format à onglets. Des photos et informations sur les prix sont également inclus, ainsi que la possibilité d'ajouter des produits dans le panier du client.


Sélection d'une plateforme de commerce électronique


Il y a des tonnes de plateformes de commerce électronique, alors comment allez-vous choisir le bon pour votre magasin ou vos clients?


Il y a un certain nombre de choses que vous devriez vérifier avant de décider. Certains d'entre eux comprennent:

  • Quel langage de programmation la plateforme utilise-t-elle? Ceci est particulièrement important si vous envisagez 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 considérablement selon les langues).

  • Que la plateforme soit gratuite ou payante il y a des tonnes de types de plates-formes, qui contiennent de bons choix. Les plates-formes payantes offrent souvent un meilleur support que les plateformes gratuites, mais sinon, il existe de bonnes solutions dans les deux catégories.

  • Si elle prend en charge les types de produits que vous envisagez de vendre (produits numériques vs produits physiques, par exemple).

  • Les passerelles de paiement sont supportées par la plateforme, en particulier si vous êtes déjà engagé à en utiliser un particulier.

  • Les services d'expédition qu'elle intègre.

  • Est-ce facile de personnaliser? Combien d'options la plateforme doit-elle personnaliser? Devrez-vous plonger dans le code chaque fois que vous voulez changer quelque chose ou pouvez-vous apporter des modifications à partir de la zone d'administration?

  • A quoi ressemble le support? Est-ce entièrement axé sur la communauté ou y a-t-il un soutien direct des développeurs? Combien ça coûte?

Prenez votre temps pour explorer les options disponibles et déterminer quelle plateforme répond le mieux à vos besoins.


Plateformes gratuites


Il existe des dizaines de grandes plateformes de commerce électronique, certaines payantes et d'autres gratuites. Les payants offrent généralement plus de support, et parfois plus de fonctionnalités que les gratuits, bien qu'il existe aussi des plateformes gratuites très complètes.


PRESTASHOP


PrestaShop propose bien plus de 300 fonctionnalités, y compris l'encaissement d'une page, l'intégration de services Web, la gestion des stocks, la prise en charge des produits téléchargeables et bien plus encore. C'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 payants) si vous ne voulez pas concevoir votre propre site web.


MAGENTO COMMUNITY EDITION


Magento Community Edition est la branche open source de Magento, qui est utilisée par plus de 240 000 marchands dans le monde. C'est évolutif, donc il peut grandir avec vous, et il est flexible pour répondre à vos besoins.


Il y a beaucoup de soutien communautaire pour vous aider si vous êtes coincé, ainsi que de la documentation technique complète. Il y a aussi une foule d'extensions disponibles (et bien sûr vous pouvez créer votre propre extension).


SPREE COMMERCE


Spree Commerce est une plate-forme open source qui vous offre des ressources complètes de contrôle et de personnalisation. C'est entièrement documenté, bien que bien sûr il y ait un soutien payé et une formation disponible.


Les caractéristiques comprennent un design de site web flexible et réactif dès la sortie de la boîte, avec un support pour la vidéo en direct et l'animation. Il y a une API complète pour à peu près n'importe quel aspect du système, vous donnant 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 nécessaires pour créer une vitrine de base.


Le tableau de bord d'administration responsive est alimenté par Twitter Bootstrap, tandis que le front-end a un design propre, convivial et élégant, avec une grande collection de composants de l'interface utilisateur qui fonctionnent 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 illimitées, de produits et de fabricants, 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 méthodes d'expédition.


OpenCart offre également une assistance pour les avis et évaluations de produits, les produits téléchargeables, les taux d'imposition multiples, un système de coupon, et bien plus encore. Il est entièrement modélisable, avec un modèle par défaut utilisable dès la sortie de la boîte.


OSCOMMERCE


osCommerce compte plus de 7 000 ajouts gratuits et possède un réseau de plus de 260 000 propriétaires de magasins et fournisseurs de services. Il y a une communauté active pour le soutien et l'aide si vous rencontrez des problèmes, ainsi qu'un soutien gratuit et commercial.


osCommerce existe depuis 14 ans, donc ils ont une base solide sur laquelle construire votre entreprise. Des modèles et des thèmes sont également disponibles, afin que vous puissiez personnaliser l'apparence de votre site web sans avoir à recommencer à zéro.


ZEN CART


Zen Cart est un panier libre, convivial, 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 a une excellente documentation, ce qui permet de profiter facilement de toutes les fonctionnalités qu'il offre. Il y a aussi une vitrine de sites web créés avec Zen Cart pour vous inspirer.



SIMPLECART (JS)


simpleCart (js) est un panier d'achat 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 sont requises.


Sa conception est incroyablement flexible, elle prend en charge plusieurs passerelles de paiement (y compris les paiements PayPal, Google Checkout et Amazon) et prend en charge les langues et les devises internationales. Il s'agit également de hautes performances, avec un encombrement incroyablement réduit, en particulier par rapport à de nombreuses grandes plateformes de commerce électronique.


WOOCOMMERCE


WooCommerce, de WooThemes, est un excellent plugin de commerce électronique WordPress qui a des tonnes de fonctionnalités. Vous pouvez vendre n'importe quoi avec WooCommerce, y compris les produits physiques et téléchargeables. Il fonctionne même avec des produits d'affiliation.


UBERCART


Ubercart est une solution de panier d'achat complète pour Drupal. C'est génial pour bâtir une communauté autour de votre magasin. Vous pouvez vendre du contenu premium, des téléchargements de fichiers payants, des biens physiques, et plus encore.


Il est construit comme un module, ce qui facilite son intégration complète avec le reste de votre site Drupal. Et il existe des modules et des thèmes supplémentaires pour étendre les fonctionnalités d'Ubercart.


TOMATOCART


TomatoCart a été spécialement conçu pour fonctionner parfaitement sur tous les appareils numériques. Il inclut un CMS complet avec un diaporama, un menu d'images, un défileur de produits, un gestionnaire de bannière et l'intégration de Google AdSense. Il offre également des outils de gestion de catalogue, de gestion de produits et de gestion des commandes.


TomatoCart inclut é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, y compris Amazon IPN, Google Checkout, PayPal, Western Union et plus encore.


X-CART


X-Cart offre des licences gratuites et payantes (avec des frais uniques, plutôt que des coûts récurrents). C'est facile à maintenir et à modifier, avec des codes PHP open source. Il existe des centaines d'add-ons auxquels vous pouvez accéder directement à partir de la zone d'administration de votre magasin.


X-Cart est doté d'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 des produits, des services et des téléchargements, et même vendre hors ligne en utilisant le système de point de vente X-Cart. Il s'intègre également à toutes les passerelles de paiement populaires et aux transporteurs maritimes.


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 met moins de pages entre vos produits et votre commande.


WP e-Commerce s'intègre à Stripe, PayPal et plus encore, et inclut des options d'expédition flexibles. Il fonctionne bien avec d'autres plugins WP, prend en charge les widgets WP, utilise des shortcodes et des balises de gabarit, offre des tonnes d'outils marketing, et plus encore. Il y a des plugins et des thèmes disponibles pour étendre ses fonctionnalités encore plus loin.


JIGOSHOP


Jigoshop est un plugin de commerce électronique WordPress qui comprend de puissantes fonctionnalités de marketing et de référencement, ainsi qu'une gestion simple pour les produits et services physiques et téléchargeables.


Jigoshop offre la possibilité d'attribuer des gestionnaires de magasin pour gérer les 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, plusieurs courriels d'administration, et bien plus encore.


ESHOP


eShop est un plugin de panier d'achat WordPress accessible. Il offre une gamme de passerelles de paiement marchand et 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.


Il y a une documentation très complète disponible en ligne, y compris des informations de dépannage. Il existe même des didacticiels vidéo pour une aide supplémentaire.


5 exemples inspirants de commerce électronique


Il y a des tonnes de merveilleux sites web de commerce électronique bien conçus pour vous inspirer. Ici, nous allons jeter un coup d'oeil à seulement cinq, et souligner ce qui fait d'eux des sites web géniaux.


The People's Pennant


The People's Pennant propose un design à la fois minimaliste et rétro. Les boutons "Acheter" sont proéminents sans dominer le design.


Les pages de produits individuelles sont bien agencé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 également bien visibles.

Le processus de commande se compose de seulement deux étapes après le panier d'achat, une approche très rationalisée.


GREATS


Greats 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 comme les prix et l'expédition.



En survolant un produit vous donne le nom, en cliquant dessus, vous accédez aux informations détaillées du produit, avec des photos, une description et des liens de partage.


La section caractéristiques de chaque page de produit est particulièrement intéressante et bien pensée.


METTA SKINCARE


Le magasin de Metta Skincare est le minimalisme à son meilleur. Passez la souris sur un produit et révélez le nom et les informations de prix.



Cliquez dessus et vous serez redirigé vers une page de produit avec beaucoup plus de détails



Les paiements sont pris en charge via PayPal, et le processus de paiement global est simple et rationalisé.


JM & SONS


Le magasin JM & Sons est minimaliste, avec un excellent produit et un curseur 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 connexes sont inclus dans une rubrique "Aussi aimé".


L'une des meilleures caractéristiques de la conception de JM & Sons est le chariot d'achat coulissant. Cliquez sur l'icône du panier en haut de la page, et plutôt qu'une fenêtre modale apparaissant ou étant redirigée vers une nouvelle page, votre panier est déplacé du côté droit de la page.


LOLA SHOETIQUE


La boutique Lola Shoetique a un design minimaliste qui fonctionne bien comme toile de fond pour les images vives et audacieuses utilisées sur le site web.


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 donne un design très net qui met l'accent sur les produits (où il devrait être).


Les pages de produits offrent une description ainsi que des spécifications. Une caractéristique remarquable, puisque c'est un magasin de chaussures, est ce guide d'ajustement qui vous indique comment les chaussures s'adaptent à la taille standard. Bien que ce ne soit pas une caractéristique de conception, en soi, c'est une fonctionnalité incroyablement utile.


Conclusion


Les éléments de base d'un bon design de commerce électronique sont quelque chose avec lesquels tout concepteur devrait être familier, ne serait-ce que parce qu'il est inévitable de trouver un client à un moment donné. Et ignorer cet aspect de la conception va soit entraîner des clients qui sont mécontents du travail que vous finissez de faire pour eux, soit des clients qui se tournent simplement vers une autre compagnie.


Boxcom | Concetion de site Web et rférencement Web Québec

581.741.7767