facebook

twitter

linkedin

pinterest

youtube

youtube

» » L’importance de bien travailler ses visuels pour un site web attractif

L’importance de bien travailler ses visuels pour un site web attractif

Revenir aux actus

 

 

 

 

 

L'importance de bien travailler ses visuels
pour un site web attractif

 

Comme le web devient de plus en plus visuel, la qualité des images que vous utilisez sur votre site internet et la manière dont vous les affichez prend de l’importance. Vous n’avez que quelques secondes pour attirer l’attention de vos visiteurs. De beaux visuels sont l’un des meilleurs moyens pour donner envie à aux internautes de naviguer sur votre site internet. Votre diaporama ou aussi appelé « slideshow » permet de travailler la communication visuelle de votre page d’accueil. C’est un très bon outil pour capter l’attention de vos futurs acheteurs et rendre attractif votre site e-commerce ou vitrine. Il est donc essentiel de soigner l'affichage de vos images.

 

 

 

Nos conseils pour le diaporama d'accueil de votre site e-commerce ou site vitrine

Un diaporama est un ensemble de diapositives ou visuels s'affichant successivement pendant quelques secondes, généralement sur la page d'accueil de votre site de vente ou vitrine. Un diaporama vous permet ainsi de présenter visuellement un nouvel article, une promotion, une actualité, une marque...

 

 

Exemple d'un visuel de diaporama pour le site de vente Les Filles de Tartempion : lfdtandco

 

 

 

 

Choisissez un visuel ou une vidéo pour votre diaporama

Pour dynamiser l'affichage de votre site internet, vous avez la possibilité de choisir entre une image ou une vidéo. Grâce à la solution Shop Application, il est très facile d'intégrer votre image ou vidéo, comme ci-dessous.

 

Pour favoriser votre référencement naturel et le temps de téléchargement de votre site internet, veillez à intégrer une image ou vidéo qui ne soit pas trop lourde en poids. Il est tout à fait possible d'afficher de grandes images de diaporama de qualité à moins de 250 Ko.

 

Afin de favoriser la navigation de vos pages internes, n'oubliez pas d'ajouter un lien d'une de vos pages à votre image.

 

 

 

 

 

 

Exemple de diaporama avec une vidéo en page d'accueil du site e-commerce Nach Bijoux

 

 

 

 

 

Créez un message fort pour chaque visuel de diaporama

Vous devez avant tout garder à l'esprit qu'une image = une idée. Voici des propositions de messages qui peuvent être mis en avant.

 

 
  • Un visuel pour mettre en avant vos nouveautés ou bien tout simplement un de vos produits phares
  • Une image pour illustrer votre domaine d'activité
  • Des offres promotionnelles, notamment en période de soldes

  • Adhésion à votre programme fidélité ou votre newsletter

 

 

 

Choisissez des images épurées et de qualité

Optez pour des images claires afin de capter l'attention de vos visiteurs sur votre message principal. Elles doivent être attractives mais aussi adaptées à votre objectif, celui de séduire rapidement vos futurs acheteurs. De belles photos à trouver sur notre site partenaire, fotolia.fr .

 

 

 

Intégrez des boutons d'action et liens vers vos pages internes

Il est important de faire de chacune de ces images un point d'entrée vers des pages internes de votre site internet. Comme vu ci-dessus, il est très simple d'ajouter un lien via l'interface d'administration de Shop Application. Vous pouvez intégrer à vos visuels des boutons d’action pour rendre votre affichage plus dynamique.

 

 

 

Comment construire votre visuel de diaporama pour votre site internet ?

Exemple d'un visuel de diaporama avec les principaux éléments pour le site de vente la Bicyclette Verte

 

 

 

Une image de qualité qui illustre de manière très claire votre domaine d'activité ou votre message.

Un message fort : le texte doit être court, pas plus d'une dizaine de mots.

Un bouton d'action : cliquable qui renvoit vers une page interne de votre site internet : page de produit, rubrique, service...

 

 

 

Selon votre message, sachez utiliser la zone de réassurance

Si vous souhaitez communiquer sur vos méthodes de livraison et de paiement, vos services, privilégiez votre zone de réassurance.

En revanche, il peut être intéressant d'utiliser votre module de diaporama pour mettre en avant une nouvelle méthode de livraison à disposition de vos clients. 

 

 

Exemple de diaporama avec zone de réassurance pour le site marchand de Machines 3D

 

 

 

 

thalado.fr - zone de réassurance en bas de page

 

 

 

 

Affichage différent de votre diaporama selon les thèmes graphiques

Les diaporamas s'affichent différemment selon le thème graphique choisi pour votre site internet. Par exemple avec le thème graphique Augo, vous bénéficiez d'un 2 ème diaporama à personnaliser pour mettre davantage en avant des visuels de produits et/ou services.

 

 

Affichage des 2 diaporamas différents avec le thème Augo pour le site e-commerce Ocapitaine

 

 

 

 

Affichage du 2 ème diaporama en page d'accueil du site de vente Nach Bijoux

 

 

 

 

Le thème graphique Augo s'dapte aussi bien à la création d'une boutique en ligne que d'un site vitrine, le découvrir plus en détails :

[+] Adoptez le thème Augo pour votre site boutique en ligne 

[+] Adoptez le thème Augo pour votre site vitrine

 

 

 

Découvrez [+] nos thèmes graphiques pour la création de site e-commerce ou [+] thèmes graphiques pour sites vitrine.

 

 

 

Tutoriel en ligne pour vous accompagner avec la solution Shop Application

interface d'administration Shop Application - intégrer du texte sur votre diaporama          

 

 

 

Utilisez l'éditeur de texte pour ajouter votre texte et votre

bouton d'action à votre visuel. Ainsi, ce contenu sera pris en

compte pour le référencement naturel de votre site. 

 

Pour en savoir plus, consultez notre tuto.

 

 

 

Tuto en ligne pour

créer votre diaporama

 

 

 

 

 

 

 

 

 

La création ou la personnalisation de beaux visuels : 
Demandez cette prestation à nos graphistes

Vous souhaitez la création de beaux visuels pour votre site internet ? Nos graphistes sont à votre écoute pour vous proposer des images personnalisées et répondant à vos envies et vos besoins pour votre diaporama. Pour en savoir plus ou bien échanger sur les visuels que vous souhaitez intégrer, n’hésitez pas à contacter notre équipe : graphisme@ecommerce-hosting.fr

 


 

Jetez un oeil aux beaux diaporamas de sites de vente réalisés avec Shop Application

Voici quelques sites internet réalisées avec la solution e-commerce Shop Application présentant des diaporamas agréables, pertinents et efficaces.

 

 

 

 

 

 

rsracing-canam mise en avant d'un produit dans le diaporama

 

 

 

 

 

 

 

 

bijouterie-nion-shuvaloff visuel module de diaporama avec bouton d'action

 

 

 

 

 

sushishop.fr - mise en avant de la lunch box du mois dans le module diaporama