30 exemples de design ecommerce vraiment réussis

En ecommerce, le design a un impact capital sur la conversion du site, et donc sur vos ventes. Proposer un design à la fois élégant, fluide et fonctionnel permet d’améliorer l’expérience utilisateur, de crédibiliser votre marque et d’inciter à l’achat.

Nous avons sélectionné pour vous 30 exemples innovants de design ecommerce – couvrant un maximum de domaines (prêt-à-porter, chaussures, accessoires, bijoux, literie, montres…) – pour vous aider à créer ou améliorer le design de votre e-commerce. Vous y trouverez sans aucun doute matière à inspiration.

Exemples design ecommerce – Prêt à porter

Voici pour commencer 14 exemples de design de sites e-commerce dans le domaine du prêt-à-porter (vêtements et chaussures).

#1 Panafrica

Le site commercialise, selon ses mots, des baskets responsables aux couleurs de l’Afrique. Panafrica, fruit d’un projet financé avec succès sur Ulule, est une marque éthique et solidaire de baskets confectionnées avec des tissus africains pour les deux sexes. Le site est très récent et utilise un design moderne très séduisant. Les produits sont présentés directement sur la home page, bien mis en avant grâce au fond blanc (surtout que les baskets sont colorées). Le bandeau change de couleur lors du scrolling, ce qui créé un effet très sympa. Les boutons sociaux sont bien mis en avant. Le menu apparaît en haut de la page, mais est aussi accessible en cliquant sur le bouton en bas à gauche. Bref, c’est un design vraiment très efficace. Le site est propre et propose une navigation très fluide.

• Auteur : HANDS

 

#2 Vivre Nus

NUS est une marque de prêt-à-porter pour « hommes libres et décomplexés ». On apprécie le côté très visuel du design, composé de nombreuses photographies (toutes HD évidemment), mais aussi de vidéos. Le menu à gauche fixe et blanc est très bien approprié. Il rend l’expérience de navigation très fluide. On peut remarquer que le bouton d’ajout panier n’apparaît que lorsque la souris survole la photo du produit. C’est assez intéressant. On peut aussi remarquer la présence des boutons de réseaux sociaux, de connexion au compte et d’accès à panier en haut à droite (qui restent fixes). Les éditeurs du site ont l’art du détail.

• Auteur : Adveris

 

Découvrez comment réussir le design de la page d’accueil de votre site web à travers 12 exemples.

#3 Marie Sixtine

Le design du site Marie Sixtine n’est pas en soi révolutionnaire. Mais il est efficace ! C’est un design épuré, composé de couleurs claires, avec très peu de textes, un menu assez sobre, une structure en sections assez classique. On a particulièrement apprécié le carousel, avec les CTA. A noter qu’on peut s’inscrire à la newsletter en renseignant directement son email dans le champ dédié en haut à gauche de la page. Sans aucun formulaire à remplir. C’est un bon moyen d’augmenter le taux d’inscription.

• Auteur : Agence Soon

 

#4 Fangio

Le design du site Fangio (une marque de vêtements haut de gamme pour hommes) est beaucoup plus innovant que celui de l’exemple précédent. On y trouve quelques unes des techniques les plus novatrices en matière de webdesign. Notamment l’effet parallaxe, qui est ici très bien exploité, et la division verticale de certaines pages en deux sections. Une vraie claque visuelle. En revanche ce design est sans doute assez difficile à utiliser lorsque l’on a un gros catalogue.

• Auteur : Make me Pulse

 

Découvrez notre guide complet pour maîtriser le fondamentaux du web  design.

#5 Rudy’s

En atterrissant sur le site, vous êtes accueilli par un popup vous invitant à vous inscrire à la newsletter. Ça peut agacer certains…Mais ce serait dommage de quitter le site sans l’avoir parcouru. Rudy’s commercialise des chaussures pour les deux sexes. On a particulièrement apprécié l’effet hypnotisant produit par l’animation des lignes brisées qui incite fortement à cliquer sur la promotion.

La mise en avant de la promotion en haut de la page d’accueil est d’ailleurs en soi une idée intéressante. Les effets de zoom (qui appartiennent à la catégorie des effets parallaxes) sont particulièrement réussis. Nous vous invitons à visiter le site pour vous faire votre propre opinion.

• Auteur : Colorz

 

Vous cherchez des conseils pratiques et méthodologiques pour travailler le design de votre site ecommerce ? Nous vous invitons à découvrir toutes nos ressources pour concevoir le design de votre site web.

#6 Bureau Tonic

Bureau Tonic est un bureau d’étude concevant et commercialisant du prêt-à porter H/F et des accessoires. Plusieurs éléments de design intéressants sont à relever : le choix d’un menu encadrant la page, d’un carousel qui défile verticalement. Le choix en matière de couleurs (avec une dominante de blanc) permet à la marque de proposer un site web à la fois sobre et classe. Nous vous invitons à jeter un oeil sur les pages de catalogue et les pages produits. Il y a des idées à piquer !

• Auteur : Lunettes noires

Découvrez les 8 tendances ergonomie / design sur les sites ecommerce.

#7 Le Coq Sportif

Le coq sportif est une marque de prêt-à-porter française. Le design de ce site web est moins innovant que certains des exemples de design e-commerce présentés plus haut. La page d’accueil est minimaliste, se réduisant à un carousel et à des boutons renvoyant vers le catalogue produit. A remarquer le choix, encore une fois, du blanc comme couleur dominante. Ce choix permet de proposer un site lisible et de faire ressortir les éléments de premier plan : en premier lieu, les produits du catalogue. On a particulièrement apprécié la qualité des photographies de produits sur les pages produits.

• Auteur : UZIK

 

#8 Amaio Swim

Amaio Swim commercialise des maillots de bain pour femmes. Le site propose un design ecommerce tout à fait innovant. Un gros travail a été produit sur les animations – notamment à l’arrivée sur la page d’accueil. Les nouvelles tendances design sont présentes, notamment l’effet parallaxe qui est très bien utilisé. Le menu est affiché verticalement à gauche de l’écran, ce qui est intéressant d’un point de vue design mais oblige à quelques contorsions du cou ! Dans l’idéal, il ne faut pas que le design impacte négativement l’utilisabilité du site. Avant d’être beau, un site doit être facile à comprendre et à utiliser.

• Auteur : Oui Will

 

Découvrez 15 bonnes pratiques UI pour booster la conversion de votre site e-commerce.

#9 Pollen London

La page d’accueil de POLLEN est très originale dans sa conception. On est accueilli par une cinématique qui occupe la totalité du fond d’écran. Le visiteur est invité à naviguer de deux manières : en cliquant sur le menu hamburger très discret en haut à droite, ou en cliquant sur la flèche vers le bas. Les animations sont très réussies, la photo de grande qualité. Le site propose une vraie expérience d’immersion. Pas de doute, POLLEN est un site très élégant et très innovant. Par contre, il s’agit d’un intrus : POLLEN n’est pas un site ecommerce, mais une agence de création de sites innovants. On n’a pas résisté à l’inclure dans ce Top 30.

• Auteur : POLLEN

 

#10 Le Café Noir

Le Café Noir sort de l’ordinaire du point de vue design. Ce qui frappe en premier, ce sont les choix très originaux faits au niveau des polices de caractère. En dehors de cet aspect, on a beaucoup apprécié la page de catalogue et les animations qui se déclenchent lorsque l’on passe d’une page à l’autre et qui contribuent à créer un univers à part. On regrette seulement le caractère pour le moins très léger des descriptions de produits.

• Auteur : Wonderland

 

#11 B&O Play

B&O Play est une marque d’écouteurs et de casques audio haut de gamme. La page d’accueil de ce site e-commerce est très convaincante. Les différents produits sont présentés un à un, mis en valeur par des animations et des photos de grande qualité. En bas de la page, des liens vers la boutique incitent subtilement le visiteur à passer à la caisse s’il a été convaincu par la présentation. A noter le choix d’un menu fixe, quo permet à tout moment d’interrompre la présentation et d’accéder aux autres pages.

• Auteur : Trouble

 

#12 MSR

MSR commercialise des vêtements de marque (Levi’s, IKKS…). On est frappé dès l’arrivée sur le site par un élément très original : l’image de couverture couvre tout le haut de page, et fait office d’arrière plan du menu, ce qui le rend pratiquement illisible. Mais les concepteurs du site ont trouvé une solution : lorsque la souris survole le menu, le fond devient blanc. Le menu, avec son fond blanc, reste fixe pendant le scrolling mais change de forme pour devenir plus discret. Le traitement du menu est l’élément de design le plus intéressant de ce site. Le reste est plus classique, mais efficace (les photographies sont de belle qualité).

• Auteur : Altima

 

#13 Dainty Jewels

Dainty Jewels est une marque de prêt-à-porter. Le site n’intègre aucune technique innovante en matière de webdesign, et pourtant réussit à faire la différence. Il a une identité propre, est reconnaissable entre tous. Son design est très original sans être innovant. Comme quoi, l’un ne suppose pas forcément l’autre. On passera sur l’arrière-fond un peu bigot et tradi du site.

• Auteur : Adveris

#14 Patricia Blanchet

Patricia Blanchet est une créatrice de chaussures pour femmes. On a beaucoup apprécié la place accordée aux visuels, qui permettent une mise en avant optimale de la collection. Sur les pages produits, l’auteur utilise des photos en très haute définition qui permettent de zoomer sur les moindres détails des créations. A l’inverse, très peu de textes. Trop peu peut-être.

• Auteur : Colorz

 

Exemples design ecommerce – Accessoires

Nous vous présentons maintenant 8 exemples de design de sites e-commerce d’accessoires (montres, lunettes, couteux, bijoux…). Les sites d’accessoires proposent en général un catalogue moins important que les sites ecommerce de prêt-à-porter, ce qui a une influence sur les choix en matière de design.

#15 41 Watch

Comme son nom l’indique, 41 Watch commercialise des montres. Plus précisément des montres de luxe : Rolex, IWC, Omega…41 Watch offre aussi la possibilité aux particuliers de vendre leurs montres et propose des solutions de financement innovantes. Pour ce qui est du design, nous revenons sur quelque chose d’assez classique mais efficace. On a beaucoup apprécié la manière dont 41 Watch explique le process à suivre pour vendre sa montre et l’évaluateur du prix. Pas d’effet parallaxe ici, mais un site très facile à comprendre et à utiliser, qui présente très bien sa proposition de valeur.

• Auteur : Adveris

 

#16 John Dalia

John Dalia commercialise des lunettes de créateur. Les innovations du site en matière de design sont nombreuses. L’effet parallaxe est omniprésent et contribue à produire un effet d’immersion très réussi. A noter aussi la division verticale de l’écran, qui permet d’accéder aux deux pages principales du site. Le site contient très peu de pages au final mais propose un condensé des techniques de design les plus sophistiquées.

• Auteur : UPPERLIFE

 

#17 Onze Mètres Carrés

Onze Mètres Carrés est une marque française qui commercialise des accessoires et des baskets pour femmes uniquement. On a beaucoup apprécié le carousel de la page d’accueil, qui met en avant des photos de grande qualité. On remarque une nouvelle fois l’utilisation massive de la couleur blanche. Ce site n’a pas la prétention de révolutionner le design e-commerce, mais atteint efficacement son but : donner envie d’acheter les produits !

• Auteur : Rue Pavée

 

#18 RSVP Paris

RSVP, créé en 2015, propose des articles de maroquinerie de luxe en séries limitées. Beaucoup de choses intéressantes sont à relever au niveau du design de ce site ecommerce. Tout d’abord les bandeaux fixes à droite et à gauche de la page d’accueil, qui créent – avec le menu horizontale en haut – un effet de cadre très réussi. Cela rejoint un peu ce que l’on trouvait sur le site de Bureau Tonic tout à l’heure. La police de caractères est également très efficace. Le CTA renvoyant vers le catalogue sur l’image de couverture est aussi une idée inspirante.

• Auteur : Colorz

 

Découvrez notre guide complet sur l’art d’optimiser les images pour le web : choix du format, compression et bonnes pratiques.

#19 Goggles Wedze

Si vous cherchez des exemples de design ecommerce vraiment innovants, vous êtes servi avec Goggles Wedze. Le site – qui commercialise des lunettes de sport d’hiver – propose une expérience unique de navigation. Naviguer sur ce site, c’est vivre une aventure entièrement immersive. On exagère à peine. Le site propose par exemple un simulateur bluffant qui permet de tester chacune des lunettes proposées en situation de glisse. Nous vous invitons vraiment à visiter ce site 100% original pour vous faire votre propre opinion.

• Auteur : Adveris

 

#20 My Deejo

Le site My Deejo, qui vend des couteaux customisés, est un autre exemple très inspirant de design innovant. Le site est constitué d’une interface très innovante qui vous permet de personnaliser chacun des éléments du couteau. Vous pouvez changer l’angle à l’aide de la souris pour visualiser le couteau sous toutes les coutures. Une fois le couteau à votre goût, vous n’avez plus qu’à cliquer sur commander pour le recevoir dans votre boîte aux lettres. Ce site est une vraie pépite.

• Auteur : BETC Digital

 

#21 Texas Beard Company

Texas Beard Company, comme son nom l’indique, commercialise des accessoires de rasage pour hommes. Nous avons particulièrement apprécié sur ce site la photo de couverture, qui met vraiment en avant les produits, sur fond de paysage montagneux. La mise en évidence des avis clients (que des 5/5) est aussi une bonne idée. Ce site est bien moins innovant que les deux précédents, mais réussit ce qui est le plus important sur un site ecommerce : présenter les produits sous leur meilleur jour pour inciter le visiteur à acheter.

• Auteur : Ryan Olson

 

#22 Leticia Ponty

Leticia Ponty est une marque française de bijoux lancée en 2008. Les produits sont faits mains et fabriqués en France. On remarquera une nouvelle fois l’effet de cadre produit par les bandeaux de gauche (qui accueille le menu hamburger), de droite (qui permet d’accéder au panier) et du bas (qui accueille les boutons de réseaux sociaux). Le design de ce site, imaginé par un freelance, mérite le coup d’oeil.

• Auteur : Jonathan Da Costa

 

Exemples design ecommerce – Autres

Voici pour terminer 8 designs de sites ecommerce que nous avons regroupé dans la catégorie « autres », dans la mesure où il ne s’agit ni de prêt-à-porter ni tout à fait d’accessoires.

#23 Nespresso

On ne présente plus Nespresso, la marque de référence du café expresso. Nous avons souhaité vous présenter cet exemple à cause du choix inhabituel de la couleur d’arrière-plan : le noir. Nous avons vu que la tendance était plutôt au blanc. Toutefois, le noir peut aussi fonctionner à condition de bien choisir les couleurs des éléments de premier plan. Le jaune ici ressort très bien sur la page. Le noir peut, bien utilisé, servir à améliorer la lisibilité d’un site.

• Auteur : 84. Paris

 

#24 Kalios

Kalios propose divers produits grecs : des huiles d’olive, des crèmes, des gâteaux apéritifs, du miel…On remarquera la vidéo d’accueil, qui met tout de suite dans l’ambiance. On retourne sur un design à base de blanc. Nous vous invitons à parcourir les différentes sections du site, qui mêlent animations et photographies très alléchantes.

• Auteur : Viens-là

 

#25 Sabe Masson

Sabe Masson fabrique et commercialise des parfums de soin naturels pour hommes, femmes et enfants. On a particulièrement apprécié l’effet cadre sur toutes les pages du site, les animations sobres mais efficaces sur les images et la qualité des pages produits. Un design de site ecommerce à découvrir.

• Auteur : Colorz

 

#26 Blancrème

Blancrème est une épicerie fine cosmétique installée sur les Champs-Elysées. Le site est assez simple dans structuration mais contient certains éléments intéressants. Notamment le carousel de la page d’accueil très réussi ainsi que les pages produits, avec leurs descriptions claires et les recommandations de produits.

• Auteur : Adveris

 

#27 Solo Stove

Solostove commercialise des poêles en acier inoxydable destinés aux randonneurs. Ce que l’on a vraiment apprécié sur ce site, c’est la cinématique de couverture, qui met tout de suite dans le bain, le choix de tailles de polices très grandes et les multiples vidéos présentant les produits « en action ».

• Auteur :  Solo Stove

 

#28 Torie & Howard

Torie & Howard commercialise des confiseries bio. Cet exemple est à rapprocher de celui de Dainty Jewells. Là aussi, le design ne se démarque pas par l’utilisation de techniques innovantes mais n’en demeure pas moins très original par le choix des polices, les couleurs, les arrières-plans, etc. Ce design colle tout à fait aux valeurs et au positionnement de la marque.

• Auteur : Silver Creative Group

 

Découvrez comment construire l’identité visuelle de votre entreprise – Méthode & exemples.

#29 Au Lit Fine Linens

Au Lit Fine Linens est une marque canadienne qui propose des produits de literie de luxe fabriqués en Europe à partir de coton égyptien. Le site a été créé sur Shopify avec le thème Mobilia. Le design du site est classique mais fonctionne très bien. Les produits sont particulièrement bien mis en valeur. A noter aussi la mise en avant des avis clients, qui est toujours une très bonne chose.

• Auteur : Au Lit Fine Linens

 

#30 Dope

Terminons ce panorama des designs ecommerce avec le site Dope, qui propose une sélection de produits tendances. Nous avons particulièrement apprécié sur ce site la manière dont s’affiche le menu hamburger, le mode d’affichage des produits et l’arrière-plan blanc qui permet une mise en valeur optimale des produits. Vous trouverez surement sur ce site quelques idées intéressantes.

• Auteur : Martin Silvestre

 

En espérant que ces exemples vous donneront quelques idées pour créer ou améliorer votre site ecommerce ! Pour un panorama des dernières tendances en matière de design web, nous vous invitons vivement à découvrir l’article très complet réalisé par 99Designs sur les 9 tendances 2017 en web design.