Tendances

4 tendances webdesign e-commerce

Par Elodie Girardet le 21 septembre 2017/

La plupart des consommateurs considèrent l’apparence visuelle comme l’élément clé de leur décision d’achat sur un site e-commerce. Pour augmenter vos chances de réaliser de belles ventes, l’équipe PayPlug vous propose de vous intéresser de plus près aux tendances clés du webdesign e-commerce. De quoi vous conforter dans certaines de vos décisions et vous offrir quelques pistes d'amélioration.

Le responsive design


Le responsive design consiste à offrir une expérience de navigation optimale à vos visiteurs, peu importe le support sur lequel ils consultent votre site internet : mobile, tablette ou ordinateur.

D’après une étude de la Fevad au premier trimestre 2017, le chiffre d’affaires sur mobile ou tablette a été multiplié par 10 en 5 ans. Au delà d'une simple tendance, nous vous encourageons donc à envisager le responsive design comme une réelle nécessité pour le développement de votre activité.

Vos visiteurs et clients s'attendent à une expérience unique avec votre marque à chacun de leur passage sur votre boutique. C'est ce que permet le responsive designLes visiteurs de Cocoon Space bénéficient par exemple d'une navigation homogène sur mobile comme sur un écran d'ordinateur :

Responsive design tendance e-commerce

Pensez également à proposer une page de paiement responsive. Ne serait-il pas dommage d’avoir fourni tant d'efforts sur votre site et de perdre vos clients potentiels au moment du paiement ? Découvrez toutes les autres bonnes raisons de personnaliser votre page de paiement, partagées dans un article précédent.

Pour en savoir plus sur le responsive design, nous vous conseillons le cours en ligne d’openclassrooms.com : Qu'est-ce que le responsive design ?

L'intégration de vidéos

La vidéo est LE contenu marketing de 2017. D’après une étude de Getty Images de cette année, on note par exemple une augmentation de 80% de conversion pour une page qui intègre une vidéo.

Pour votre boutique en ligne, nous vous suggérons de mettre vos produits en situation dans des vidéos. Cela permet à vos visiteurs de se projeter dans l'utilisation de vos produits et les encouragent à les acheter. Le Colonel Moutarde propose par exemple sur son site une vidéo expliquant comment nouer un noeud papillon, mettant en avant un noeud papillon de sa marque : astucieux et ludique à la fois ! 

 

Le scrolling

Depuis environ cinq ans, le scrolling s’est développé sur les sites e-commerce. Pour rappel, c'est l’action de faire défiler une page web, du haut vers le bas, pour naviguer. Dans le cas des sites e-commerce, il permet notamment aux visiteurs de visualiser un grand nombre de produits, 50 ou même plus, sans avoir à cliquer pour changer de page. La boutique en ligne d'Archiduchesse en est un bon exemple : 

le scrolling améliore l'expérience utilisateur

Amélioration de l'expérience utilisateur et augmentation de vos ventes assurées ! 

 

Le lazy loading

Enfin, cette dernière tendance consiste à rendre le chargement d'une page web dépendant de l’action du visiteur de votre site. En d'autres termes, la page se charge au fur et à mesure que l’utilisateur la fait défiler. Cette technique permet notamment d'accélérer la vitesse de chargement d'une page. Un objectif à poursuivre, quand on sait que sur mobile, 53% des visiteurs quitteront une page si elle prend plus de 3 secondes à se charger, d’après une étude de Google réalisée en 2017.

Les pages d'Archiduchesse affichent par exemple les produits progressivement, au rythme de lecture du visiteur.

Pour mettre en place le lazy loading sur votre site, il vous suffit de télécharger un plugin, comme Lazy Load par exemple.

Si vous connaissez d'autres tendances webdesign e-commerce ou souhaitez partager vos conseils, n'hésitez pas à le faire en commentaire ! 

Pour plus de conseils pour booster vos ventes, téléchargez notre guide du e-commerce !  

Catégorie d'article : Tendances

A propos de l'auteur

Elodie Girardet

Elodie se charge de la rédaction des articles de blog concernant l'actualité de PayPlug et partage des conseils et astuces dédiés aux e-commerçants.

0 commentaire

New Call-to-action