Conception de sites Web de commerce électronique 10 exemples intéressants

La conception de commerce électronique est l’un des types de projet de conception les plus courants - et parfois même les plus négligés. Pensez à combien de fois vous cliquez sur? Achetez maintenant? sur un site web.

Mais qu'est-ce qui fait que ça marche? L’expérience utilisateur et le flux d’achats sont au cœur de la conception du commerce électronique, mais de plus en plus de sites commencent également à mettre au point des schémas de conception impressionnants. Ici, nous allons examiner dix sites de commerce électronique qui fonctionnent bien et qui ont l’air fantastique.

Idem

La page de renvoi de Ditto présente une image géante et un défilement de parallaxe pour une expérience Web unique. Les pages d'achat sont faciles à trouver et présentent des images nettes dans un style minimal qui met en valeur leur produit: des lunettes. Chaque article est clairement visible et son prix. La capacité de recherche fonctionne facilement et ce site propose un bonus amusant: soumettez une photo et essayez? lunettes pratiquement.

Leçon pour les concepteurs: La conception du commerce électronique peut comporter des effets d'interface utilisateur à la mode tels que le défilement de parallaxe ou d'autres technologies amusantes de manière simple.

Néronote

À première vue, vous avez l’impression que Neronote propose un service ou un produit haut de gamme, allant du jeu de couleurs au style classique des images. Le site fonctionne également avec cette sensation de qualité supérieure, avec une navigation simple et une facilité d’achat. Vous pouvez sélectionner tout ce que vous souhaitez, du tissu à la couleur, pour l'adapter au fur et à mesure de l'utilisation du site pour créer une chemise italienne personnalisée. Bonus supplémentaire: chaque image présente un texte survolé qui explique en détail l'élément que vous voyez.

Leçon pour les concepteurs: Faites correspondre l'apparence de votre site à la sensation de ce que vous vendez. Un site proposant des produits haut de gamme doit présenter une présentation et une convivialité de premier ordre.

Tables en verre en ligne

Comment serait cette table dans ma maison? C'est la question que tout consommateur se pose lorsqu'il regarde un nouveau meuble. Glass Tables Online est en mesure de répondre à cette question en affichant sa ligne de tableaux dans des environnements réels. En outre, l'interface est incroyablement simple, avec un style design plat et des couleurs vives qui vous donnent envie de cliquer sur «Ajouter au panier».

Leçon pour les concepteurs: Une photographie de qualité associée à un design simple est un bon moyen de mettre en valeur n'importe quel produit.

47 marque

Êtes-vous à la mode? Accrocher avec la foule cool? 47 Brand joue magnifiquement cette scène avec de grandes images défilantes qui présentent toutes les deux leur produit de manière à vous faire sentir comme si vous faisiez partie de la «foule». La page de destination intègre également très bien les médias sociaux, un autre élément qui vous donne l’impression de faire partie de la gamme de produits. L'expérience de magasinage est tout aussi amusante. Les éléments sont clairement présentés dans une disposition en forme de grille avec des effets de survol indiquant les tailles et les informations disponibles. Commande en un clic sans quitter la liste des produits.

Leçon pour les concepteurs: L'intégration sociale peut aider les consommateurs à se sentir partie intégrante de la marque, ce qui les incite à vouloir acheter auprès d'une entreprise ou d'un site Web donné.

Mon propre vélo

Construis-le, achète-le. My Own Bike vous permet de créer un vélo sur mesure et de partager l'amour de la marque avec une variété d'options de vêtements et d'accessoires. Le processus de construction est simple: ajoutez une fonctionnalité et visualisez-la sur un vélo virtuel. (De plus, le prix change automatiquement pour que vous ne soyez pas surpris plus tard.) Il s'agit de l'un des sites de construction personnalisés les plus conviviaux et la conception est simple et attrayante.

Leçon pour les concepteurs: Une conception simple associée à de puissants outils et options d'interface utilisateur constitue une combinaison puissante.

Cravates maigres

La conception de commerce électronique réactif est la nouvelle meilleure pratique. Combien de clients potentiels sont perdus lorsqu'ils ne peuvent pas accéder aux fonctionnalités d'un site ou acheter directement depuis un appareil mobile? Skinny Ties n'est pas seulement facile à regarder, il fonctionne sur une variété de périphériques avec un design de style carte qui affiche de manière magnifique toutes les tailles. Le style minimal rend chaque produit facile à voir dans des tailles plus petites et les prix et les styles sont clairement indiqués.

Leçon pour les concepteurs: Le design réactif devient un outil essentiel pour les ventes en ligne.

Nuts.com

Nuts.com est amusant. Des choix de couleurs au petit? Parler? Si les écrous sont présents sur différentes pages, les utilisateurs voudront s’engager dans le design, qui combine ventes et histoires. En prime, presque chaque mot descriptif sur la page de destination est un lien vers ce produit. De plus, le site offre de nombreuses options pour ajouter au panier, dans la vue en liste réduite et en vue plus d'informations élargies pour chaque article, idéal pour les acheteurs qui savent ce qu'ils recherchent ou pour ceux qui ne font que parcourir.

Leçon pour les concepteurs: Offrez plusieurs possibilités de clics, en particulier des clics pouvant générer des ventes.

Jenier World of Thés

Quand vous pensez au thé, qu'est-ce qui vous vient à l'esprit? J'associe souvent le thé à des propriétés apaisantes et calmantes. Le site Jenier World of Teas combine cette idée avec l'utilisation de la couleur - blues - et d'imagerie et de typographie simples et gaies. Cela fonctionne particulièrement bien pour cette gamme de produits, car les images de thé ne constituent pas un argument de vente facile. Les options de tri sont bien, permettant aux acheteurs de trouver des thés basés sur la saveur, l'effet souhaité ou la taille de l'emballage.

Leçon pour les concepteurs: Créez une ambiance et une association visuelle distinctes sur des produits plus difficiles à vendre avec des images utilisant des outils de conception tels que la couleur, les images et la typographie.

Vêtements Inkefx

Chaque image sur le site Inkefx comprend un lien pour acheter ou en savoir plus sur un produit. Non seulement les images sont-elles très nettes et précises, mais les boutons et le texte environnant sont créés dans un style qui crée un contraste distinct, vous attirant à eux. Une fois que vous avez cliqué, les descriptions sont agréables et faciles à comprendre. Les informations de redimensionnement sont particulièrement utiles. Elle indique la taille du produit et la taille du modèle qui le porte. Par exemple: «Le modèle porte un GRAND. 6'0 '? / 165 livres.?

Leçon pour les concepteurs: Chaque image est une opportunité de convertir un utilisateur en acheteur. Texte fort et boutons avec? Pop? peut attirer le regard d'un produit à l'appel à l'action souhaité.

Maison Blanche | Marché noir

?Comme vu à la télé.? "Comme on le voit dans le magazine Glamour." Porter ces vêtements vous rendra à la mode. Détaillant féminin White House | Black Market fait un travail exceptionnel en communiquant sur la popularité de sa ligne de vêtements sur son site Web, en présentant des articles présentés dans des publicités télévisées (que vous pouvez regarder sur le site) ou dans des magazines, ce qui facilite l'achat des vêtements que vous avez vus ailleurs. voulait.

La page de destination comporte également une interface utilisateur amusante avec des effets de défilement et de survol intéressants. Cliquez dans la galerie d'objets et le style minimal met parfaitement en valeur les articles, indique les prix et comprend de nombreuses options de tri.

Leçon pour les concepteurs: Utilisez les mêmes images et mettez en valeur les mentions et les éloges pour vous aider à vendre des objets.

Conclusion

Le but ultime du commerce électronique est de concevoir un clic en une vente. Une excellente façon de fonctionner et de concevoir est un moyen d’y arriver.

Qu'il s'agisse d'outils d'interface utilisateur sophistiqués ou d'images impossibles à ignorer ou de choix de couleurs et de caractères gras, la conception fantastique devient rapidement un facteur important pour les sites de vente, qui se sont peut-être principalement concentrés sur les outils d'interface et d'interaction dans le passé.

Un site peut paraître à la mode et encourager les ventes. Quels autres grands sites de commerce électronique avez-vous découvert? Partagez-les dans les commentaires.