Inspiration les magasins en ligne où les produits sont placés au centre et au centre

Dans cette synthèse d’inspiration, j'ai rassemblé des exemples de conceptions de commerce électronique et montré comment ils se concentrent sur leurs produits pour créer de meilleures expériences..

Contenu captivant

Pour que tout le monde puisse profiter de son temps sur un site Web, le contenu doit correspondre à ses besoins. Une fois que cela est défini, il est temps de rendre le contenu attrayant. Ceci est plus facile à démontrer et à reconnaître lorsqu'il s'agit de photos.  

Prenez les reproductions d'art mural de Juniqe. Lorsque vous faites défiler leurs produits, les images sont très concentré. Les images sont présentées de manière nette avec une bordure blanche pour chaque élément. Cela permet aux produits de parler d'eux-mêmes. Les tirages sont sympathiques et super colorés. C’est une façon de montrer un contenu attrayant.

https://www.juniqe.com/wall-art/prints

Jason Ratliff est un autre site au contenu remarquable. Sur sa page d'accueil, il a organisé son art par type. Au fur et à mesure que vous faites défiler, les différents types d'œuvres d'art passent et attirent votre regard. Cet effet ne serait pas le même si les différentes collections étaient affichées de manière interchangeable et simultanément. Ceci est important car il permet au contenu de faire impression sur l'utilisateur un à un..

http://www.jason-ratliff.com

Arriver au point

Parfois, il est préférable de «ne pas tourner autour du pot» pour établir un lien émotionnel avec le visiteur..

Examinons le «lookbook» de J.Hannah. Ce que j'aime dans le lookbook, c’est la manière dont il s’agit. Sur les photos des bijoux, il y a peu d'encombrement visuel. Il n'y a pas de scènes élaborées, ni de modèles qui posent n'importe où, qui font n'importe quoi. C'est un simple affichage des bijoux sur une personne. Les couleurs sont bien composées pour mettre en valeur les teintes dorées. Je peux voir le produit, donc je peux imaginer le porter moi-même. Il n’est pas nécessaire d’embellir le décor dans lequel les bijoux sont affichés..

https://jhannahjewelry.com/blogs/lookbook/glace

Informations utiles

Une autre chose qui fait une bonne expérience est de supprimer les conjectures sur des informations connexes, telles que la livraison gratuite, ou les ventes en cours. Encore une fois, vous n'avez pas besoin d'embellir le contenu pour le rendre efficace. Indiquez clairement à votre acheteur potentiel que la livraison gratuite est disponible et continue. La livraison gratuite pourrait être une raison secondaire (au mieux) pour leur visite sur votre site Web, ils cherchent principalement à acheter quelque chose, et ils savent que vous avez la livraison gratuite ne doit pas occulter leur objectif initial..

Un bon exemple de tous les conseils que j'ai énumérés jusqu'à présent est la page d'accueil de Ward Whillas. La première chose que vous voyez est une photo d'un modèle, la photo est épurée et va droit au but. La photographie est belle, ce qui me passionne et m'intrigue. Enfin, ils ont une petite étiquette noire en bas à gauche pour faire savoir à leurs clients potentiels qu’ils assurent la livraison gratuite aux États-Unis. Ce n'est pas une bannière flashy géante, ce qui rend l'expérience de cette page d'accueil d'autant plus agréable.

http://www.wardwhillas.com

Je suis tombé sur un thème WooCommerce qui fait très bien cela aussi. Comme vous pouvez le constater dans la conception, deux éléments de bloc indiquent «Livraison gratuite» et «Retours gratuits». Ils sont directs, tout en s'intégrant dans l'esthétique de la conception globale.. 

https://themeforest.net/item/delphinus-creative-multipurpose-woocommerce-theme

Vendre avec des photographies

Il est difficile de vendre quelque chose en ligne avec de mauvais visuels. Une des raisons pour lesquelles les images deviennent de plus en plus grandes dans la conception Web est parce que nous comprenons les images de manière inhérente; nous pouvons les relier et les traiter cognitivement rapidement.

Prenons, par exemple, le portefeuille d'Isabel Urbina Peña. Sur sa page d'accueil, elle montre les couvertures de livre qu'elle a conçues. Elle aurait pu prendre une photo du livre sur un fond plat, quelque chose de blanc pour plus de clarté, et l'a appelé un jour. Mais ce n'est pas intéressant. C'est normal. Au lieu de cela, Isabel a conçu les plans de héros pour montrer sa créativité et aider à accentuer les motifs des livres. L’aspect graphique de ces scènes de héros est charmant, elles aident à raconter l’histoire du livre plus loin, elles aident à attirer l’utilisateur dans. 

http://www.isabelurbinapena.com

Le site de Tian utilise un effet similaire. La première chose que vous voyez lorsque vous arrivez sur la page d'accueil est une simple photo d'un modèle jouant avec un foulard. Les photos sont belles de différentes manières. Tout d’abord, tout ce que vous voyez est le modèle et son foulard, il est donc facile de se concentrer sur elle. Le foulard est fluide et coloré, ce qui ajoute un dynamisme à l’appel. Enfin, il y a un seul CTA dans le coin en haut à droite, ce qui clarifie la prochaine étape, mais n'enlève rien à la visualisation de la photo.. 

http://www.tianstudios.com

J'ai trouvé un autre thème qui met très bien en valeur les produits. Celui-ci s'appelle Averly. Dans la capture d'écran ci-dessous, vous pouvez voir que les photos sont utilisées de deux manières différentes. Tout d'abord, il s'agit de mettre l'accent sur le produit, comme un chapeau ou un short en jean. Ensuite, il présente le produit dans un scénario réel à travers une photo d'une fille portant un short en jean dans une rue. Cela concerne les consommateurs. Vous pouvez clairement apprécier les deux types de photos, une qui vous permet de vous concentrer sur le produit et une qui vous permet de prendre une photo de la vie une fois que vous possédez le produit..

https://themeforest.net/item/averly-a-hip-creative-multipurpose-theme/15888311

La cohérence dans la conception est la clé

Une incohérence dans la conception peut nuire à l'expérience d'un utilisateur. Lorsqu'un utilisateur remarque une incohérence, cela soulève de manière subliminale des drapeaux rouges, ce qui le pousse dans des traînées de pensées indésirables. Vous voulez que l'utilisateur soit concentré sur l'achat et ne remarque pas que quelque chose ne va pas. Cela peut sembler trivial, mais les incohérences distraient.

Kant est un autre thème au design spectaculaire et cohérent. C'est audacieux et très agréable à l'œil. Il est facile de naviguer et offre un très bon débit grâce à son interface utilisateur claire. Honnêtement, la page produit est très jolie. Le thème entier est.

https://themeforest.net/item/kant-a-multipurpose-template-for-startups-and-freelancers/16760116

Emballer

J'espère que vous avez apprécié ma collection de pages de commerce électronique fantastiques mettant l'accent sur leurs produits. J'espère que ces exemples vous ont inspiré pour créer vos propres conceptions de commerce électronique axées sur les produits.!