Conception de sites Web de commerce électronique: 10 exemples intéressants
La conception de commerce électronique est l'un des types de projets de conception les plus courants - et parfois les plus négligés. Pensez simplement à la fréquence à laquelle vous cliquez sur «acheter maintenant» sur un site Web.
Mais qu'est-ce qui fait que ça marche? L'expérience utilisateur et le flux d'achat sont de la plus haute importance dans la conception de commerce électronique, mais de plus en plus de sites commencent également à développer des schémas de conception impressionnants. Ici, nous allons examiner dix sites de commerce électronique qui fonctionnent bien et qui sont également fantastiques.
Explorez les ressources de conception
Idem
La page de destination Ditto propose 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 minimaliste qui met en valeur leur produit - des lunettes. Chaque article est clairement visible et tarifé. La capacité de recherche fonctionne facilement et ce site offre un bonus supplémentaire amusant: soumettre une photo et «essayer» des lunettes virtuellement.
Leçon pour les concepteurs: la conception de commerce électronique peut présenter des effets d'interface utilisateur à la mode tels que le défilement de parallaxe ou d'autres technologies amusantes de manière simple.
Neronote
À première vue, vous avez l'impression que Neronote propose un service ou un produit haut de gamme, de la palette de couleurs à la sensation classique des images. Le site fonctionne également avec cette sensation premium, avec une navigation simple et une facilité d'achat. Vous pouvez tout sélectionner, du tissu à la couleur, en fonction de votre utilisation du site pour créer une chemise italienne personnalisée. Bonus supplémentaire: chaque image comporte un texte flottant qui explique l'élément que vous voyez en détail.
Leçon pour les concepteurs: faites correspondre l'apparence de votre site à la sensation de ce que vous vendez. Un site qui propose des produits haut de gamme devrait avoir une sensation et une présentation haut de gamme.
Tables en verre en ligne
À quoi ressemblerait 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 montrant leur ligne de tableaux dans des environnements réels. De plus, l'interface est incroyablement simple, avec un style de design plat et une couleur élevée qui vous donne envie de cliquer sur "Ajouter au panier".
Leçon pour les concepteurs: une excellente photographie 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 à merveille 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 fait également un excellent travail d'intégration des médias sociaux, un autre élément qui vous donne l'impression de faire partie de la gamme de produits. L'expérience d'achat est tout aussi amusante. Les éléments sont clairement présentés dans une disposition de style grille avec des effets de survol qui montrent 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 comme faisant partie de la marque, ce qui les incite à acheter auprès d'une certaine entreprise ou d'un site Web.
Mon propre vélo
Construisez-le, achetez-le. My Own Bike vous permet de créer un vélo personnalisé 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 voyez-le se construire directement sur un vélo virtuel. (De plus, le prix change automatiquement afin que vous ne soyez pas surpris plus tard.) C'est 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 est une combinaison puissante.
Cravates fines
La conception réactive du commerce électronique 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 à partir d'un appareil mobile? Skinny Ties est non seulement facile à regarder, il fonctionne sur une variété d'appareils avec un design de type carte qui s'affiche magnifiquement à n'importe quelle taille. Le style minimal rend également chaque produit facile à voir dans des tailles plus petites et les prix et les styles sont clairement étiqueté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 aux petites noix «parlantes» sur différentes pages, les utilisateurs voudront s'engager dans la conception, qui combine les ventes et les histoires. En prime, presque chaque mot descriptif sur la page de destination est un lien vers ce produit. De plus, le site offre plusieurs options pour ajouter au panier, dans la petite liste et en tant que vue plus détaillée pour chaque article, idéal pour les acheteurs qui savent ce qu'ils recherchent ou les acheteurs qui ne font que naviguer.
Leçon pour les concepteurs: offrez plusieurs opportunités pour les clics, en particulier les clics qui peuvent conduire à des ventes.
Jenier World of Teas
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 couleurs - bleus - et d'imagerie et de typographie simples et joyeuses. Cela fonctionne particulièrement bien pour cette gamme de produits, car les images de thé ne sont pas un argument de vente facile. Les options de tri sont agréables, permettant aux acheteurs de trouver des thés en fonction de la saveur, de l'effet souhaité ou de la taille de l'emballage.
Leçon pour les concepteurs: créez une ambiance et une association visuelle distinctes sur les produits qui sont plus difficiles à vendre avec des images à l'aide d'outils de conception tels que la couleur, les images et la typographie.
Vêtements et 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 très nettes et propres, mais les boutons et le texte environnant sont créés dans un style qui crée un contraste distinct, vous attirant vers eux. Une fois que vous cliquez sur les descriptions, elles sont agréables et faciles à comprendre. Les informations de dimensionnement sont particulièrement agréables, notant la taille de l'article et la taille du modèle qui le porte. Par exemple: «Le mannequin porte un GRAND. 6'0 '' / 165 livres. "
Leçon pour les concepteurs: chaque image est l'occasion de convertir un utilisateur en acheteur. Un texte fort et des boutons avec «pop» peuvent attirer l'attention d'un produit sur l'appel à l'action souhaité.
Maison Blanche | Marché noir
"Comme vu à la télé." "Comme vu dans le magazine Glamour." Le port de ces vêtements vous rendra à la mode. Détaillant femme White House | Le marché noir fait un travail exceptionnel en communiquant la popularité de leur ligne de vêtements sur le 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 des magazines, ce qui facilite l'achat des vêtements que vous avez vus ailleurs et voulait.
La page de destination comprend également une interface utilisateur amusante avec des effets de défilement et de survol intéressants. Cliquez dans la galerie d'articles et le style minimal met parfaitement en valeur les articles, affiche les prix et comprend de nombreuses options de tri.
Leçon pour les concepteurs: utilisez les mêmes images et mettez en évidence les mentions et distinctions pour aider à vendre des articles.
Conclusion
Le but ultime du commerce électronique est la conception: transformer un clic en vente. La grande fonctionnalité et le design sont un moyen d'y arriver.
Des outils d'interface utilisateur sophistiqués aux images impossibles à ignorer ou aux choix de couleurs et de types audacieux, le design fantastique devient rapidement une considération pour les sites de vente, qui peuvent se concentrer principalement sur les outils d'interface et d'interaction dans le passé.
Un site peut être à la mode et encourager également les ventes. Sur quels autres grands sites de commerce électronique êtes-vous tombé? Partagez-les dans les commentaires.
