Comment créer des images de héros magnifiques (et convaincantes) pour votre boutique en ligne

Publié: 2015-01-06

La plupart des boutiques en ligne et des modèles de thèmes ont un élément majeur en commun, une grande image ou une série d'images en vedette affichées en évidence sur la page d'accueil.

Ces images sont souvent appelées images héros, bannières ou carrousel. Peu importe comment vous les appelez, ils sont identiques et jouent un rôle très important pour les entreprises en ligne.

Dans cet article, nous allons examiner l'importance des images de héros, vous présenter quelques bonnes pratiques pour les utiliser, ainsi que des outils et des ressources graphiques incroyables pour vous aider à créer des images de héros magnifiques et convaincantes pour votre boutique en ligne.

Creusons dedans.

Liste de lecture gratuite : Conseils de conception de boutique en ligne

L'apparence de votre boutique en ligne peut avoir un impact important sur les ventes. Libérez votre designer intérieur avec notre liste gratuite et organisée d'articles à fort impact.

Emplacement, emplacement, emplacement.

Une image de héros occupe la majorité de l'espace immobilier sur la page la plus vue de l'ensemble de votre site, la page d'accueil. Il s'agit d'un bien immobilier de premier ordre dans le monde en ligne, et cela signifie que les images de héros peuvent être un atout très précieux pour votre entreprise si elles sont utilisées correctement.

Ces grandes images sont partout, jetez un coup d'œil à certains des thèmes les plus populaires de la boutique de thèmes Shopify. La majorité présente une image de héros proéminente :

Le but des images de héros

Vous pouvez utiliser ce précieux bien immobilier à plusieurs fins en fonction de votre entreprise et de vos objectifs. Jetons un coup d'œil à certaines des approches les plus courantes pour utiliser des images de héros ci-dessous :

1. Pour aider à construire votre marque et raconter votre histoire

L'une des utilisations potentielles de l'espace d'image du héros de votre page d'accueil est de vous aider à développer votre marque. Cette méthode peut être particulièrement efficace pour votre entreprise et vos produits ont une belle histoire qui s'ajoute à celle-ci. Utilisez vos biens immobiliers de choix car cette méthode implique de présenter des informations clés qui éduquent vos visiteurs sur l'histoire de votre marque.

2. Pour répondre aux questions des clients

Une autre approche courante consiste à présenter les réponses à une question fréquemment posée. Cela pourrait répondre à votre objection la plus courante ou répondre à des questions urgentes que vos visiteurs pourraient avoir. Par exemple : "Livraison GRATUITE aux États-Unis".

3. Pour mettre en avant votre proposition de valeur

L'utilisation la plus importante de cet espace peut être d'expliquer la proposition de valeur de votre marque. Votre proposition de valeur explique exactement à vos clients la valeur que vos produits leur apportent. Quel meilleur endroit pour dire à vos clients votre proposition de valeur que directement sur votre page d'accueil où la majorité des visiteurs atterrissent.

4. Pour faire une annonce

L'une des utilisations les plus importantes de cet espace clé est de présenter une annonce comme une vente. L'image du héros de la page d'accueil est un excellent endroit pour les notifications de vente car elle atteindra le plus grand nombre de visiteurs.

5. Présenter un produit ou une gamme de produits

Enfin, une autre utilisation populaire des images de héros est de présenter un produit ou une gamme de produits particulière. Cela peut être parfait lorsque vous lancez de nouveaux produits et que vous souhaitez qu'ils reçoivent le plus d'attention, ainsi que pour présenter des produits avec la marge bénéficiaire la plus élevée ou des produits que vous essayez de liquider.

Peu importe ce que vous choisissez de faire avec cet espace, il y a plusieurs choses qu'une bonne image de héros devrait inclure. Jetons un coup d'œil aux éléments les plus importants d'une image de héros.

Que doit inclure une image de héros ?

Il y a trois éléments pour faire une grande image de héros. Une combinaison réfléchie de chacun de ces éléments peut conduire à une image de héros persuasive qui oblige le visiteur à prendre les mesures que vous souhaitez, conformément à votre objectif de conversion.

Voyons ci-dessous les trois éléments essentiels :

Image accrocheuse - L'œil humain aime les images grandes, audacieuses et lumineuses, c'est précisément pourquoi une excellente photographie de produit est si importante. L'image du héros n'est pas différente. Votre image de héros doit comporter des graphiques, des images ou des photos en haute résolution et attirer l'attention. Presque tous les thèmes auront la résolution d'image suggérée répertoriée afin que vous sachiez exactement quelle taille créer vos images de héros.
Copie accrocheuse - Votre copie est constituée des mots que vous utilisez pour communiquer votre message. En raison de la nature de l'image et du temps dont vous disposez pour communiquer votre message, votre texte doit être très concis et pertinent.
Appel à l'action fort - Enfin, toutes les images de héros doivent comporter un appel à l'action bien en vue. Texte ou bouton indiquant au lecteur l'action que vous souhaitez qu'il entreprenne. Quelques exemples incluent ACHETER MAINTENANT, LIRE NOTRE HISTOIRE, EN SAVOIR PLUS, etc.

Devez-vous faire pivoter vos images de héros ?

Vous remarquerez que de nombreux thèmes et sites comporteront une image de héros rotative qui fera pivoter plusieurs images toutes les quelques secondes. Cette fonctionnalité est généralement appréciée des concepteurs car elle présente un grand et magnifique bien immobilier pour afficher leurs superbes conceptions, mais les experts en utilisabilité les désapprouvent depuis un certain temps en raison de la nature distrayante des images en mouvement constant qui sont généralement hors de propos. le contrôle du spectateur.

Certains tests ont montré que les images de héros en rotation au-delà de la première ne sont presque jamais cliquées. ConversionXL a publié un excellent article à ce sujet et leur recommandation était d'abandonner toutes les bannières rotatives.

Le message fait référence à une étude de l'Université Notre Dame montrant que la première image sur cinq a reçu 84% de tous les clics.

Le consensus général est qu'au lieu de présenter plusieurs images de héros en rotation, vous devriez plutôt vous concentrer sur une seule image. Cependant, les images rotatives peuvent convenir à votre entreprise et, avec un peu de planification, elles peuvent très bien fonctionner pour vous.

Si vous souhaitez utiliser des images de héros rotatives pour votre boutique, considérez ce qui suit :

Utilisez un style cohérent pour toutes les images de héros.
Gardez le contenu simple afin qu'il puisse être digéré rapidement par votre lecteur.
Gardez les images aussi petites que possible en taille de fichier afin de ne pas ralentir le temps de chargement de votre site Web.
Gardez le nombre de diapositives au minimum et ne présentez que ce qui est vraiment important.
Rendez la navigation évidente et contrôlable pour le lecteur.

Comment créer des images de héros pour votre boutique en ligne

Le plus grand obstacle pour les nouveaux propriétaires de magasins non avertis en matière de conception ou de technologie est peut-être de créer régulièrement de belles nouvelles images de héros. Cependant, ces dernières années, divers outils ont été mis au point pour faciliter ce processus, même pour l'entrepreneur le moins averti en matière de technologie.

D'où obtenir des images :

Il existe un nombre infini d'endroits où aller en ligne pour trouver des images pour les images de héros de votre site Web. Certains sont meilleurs que d'autres cependant. Pour vous aider dans votre recherche, nous avons répertorié certaines des meilleures sources pour vous permettre de trouver votre prochaine image :

Ressources d'images gratuites et libres de droits

Burst by Shopify - (Gratuit) Il s'agit d'une toute nouvelle plateforme photo pour les entrepreneurs. Vous pouvez trouver des photos de produits haute résolution et des images de style de vie parfaites pour les campagnes de marketing et les médias sociaux. Des centaines de nouvelles photos sont ajoutées chaque semaine, alors revenez souvent si votre créneau n'a pas encore été ajouté.

The Stocks - (Gratuit) The Stocks rassemble toutes les meilleures photos libres de droits des meilleures ressources sur un site Web propre et facile à naviguer. Tout n'est pas consultable, vous devrez donc peut-être passer un peu de temps à parcourir toutes les ressources pour trouver les bons choix pour votre marque.

Death To Stock Photo (Free) Ces images gratuites ne sont disponibles que par e-mail. Étant donné que ces photos vous sont envoyées par e-mail une fois par mois, c'est un bon moyen de commencer à créer votre propre collection d'images uniques que vous pourrez utiliser à l'avenir.

Pixabay - (Gratuit) Plus de 400 000 photos, vecteurs et illustrations artistiques gratuits.

Graphic Burger - (Gratuit) Une excellente ressource avec des photos et des images gratuites pour un usage commercial.

PicJumbo - (Gratuit) PicJumbo est une très bonne ressource pour des photos gratuites de haute qualité. Une vaste sélection et toutes classées permettent de trouver facilement de superbes images.

morgueFile - (Gratuit) morgueFile existe depuis longtemps et propose des milliers de photos gratuites qui sont toutes consultables.

Ressources d'images payantes

Si vous avez un petit budget pour travailler avec vos images de héros, pensez à certaines des ressources les mieux payées pour des images et des photos de meilleure qualité. Parce que ceux-ci sont payants, il y a moins de personnes qui les utilisent sur le Web, ce qui rend vos images de héros plus uniques.

Creative Market - (Payé) L'un des meilleurs marchés pour les images et les graphiques. Les normes de qualité sont élevées ici et les prix sont raisonnables.

500px Prime - (Payé) Une ressource incroyable pour des photos haut de gamme, belles et uniques de photographes du monde entier.

Dollar Photo Club - (Payant) Seulement 1 $ par image et une grande sélection de photos premium.

Stocksy - (Payant) Une autre excellente ressource d'images sélectionnées par des photographes sélectionnés. Les images vont de 10 $ pour les petites images, 25 $ pour les images de taille moyenne et 50 $ pour les grandes images.

Bien sûr, les photos d'archives ne seront toujours que cela, des photos d'archives. Si vous avez du temps et peut-être un peu plus de budget, envisagez de prendre votre propre photo de héros comme Amos Brand.

Prendre vos propres photos n'a pas besoin d'être coûteux ou compliqué. Vous seriez surpris de la qualité des photos que vous pouvez obtenir à partir de votre smartphone. Pour commencer, consultez l'un des cours en ligne gratuits de CreativeLive sur la photographie pour comprendre les bases de la photographie.

Vous pouvez également envisager de consulter notre guide pour prendre de superbes photos avec votre smartphone. De nombreux conseils de cet article peuvent également être utilisés pour prendre de belles images de héros pour votre page d'accueil.

Comment créer une image de héros :

Adobe Photoshop (9,99 $/mois) est le programme de choix parmi les graphistes et les photographes, cependant, il a un prix assez élevé et une grande courbe d'apprentissage. La bonne nouvelle est qu'il existe plusieurs alternatives beaucoup plus conviviales et gratuites.

Pixlr - (basé sur le Web, gratuit) Un éditeur d'images gratuit et téléchargeable basé sur le Web. Si vous êtes familiarisé avec l'édition d'images, vous constaterez que Pixlr est assez facile et intuitif à prendre en main. Malheureusement, sans expérience préalable en matière d'édition d'images, vous pouvez toujours trouver Pixlr un peu difficile à naviguer. Essayez de commencer avec l'éditeur Web.

Pixelmator - (Application OSX 29,99 $) Pixelmator est un éditeur d'images puissant et riche en fonctionnalités pour OS X qui a un coût nominal de 29,99 $.

Canva - (basé sur le Web, Freemium) Canva est une application d'édition d'images basée sur le Web relativement nouvelle, et elle va au-delà de la simple édition d'images. Leur objectif est de rendre le design simple pour tout le monde. L'application facilite la sélection de la taille d'image que vous souhaitez produire et comprend des éléments de conception tels que des photographies de stock (gratuites et payantes) et des polices.

PicMonkey (basé sur le Web, gratuit) PicMonkey cache sa puissance derrière une interface simple et intuitive. Bien que PicMonkey soit gratuit, il existe une version premium qui offre de nombreux extras pour un petit supplément mensuel.

Conclusion

Voilà, la raison, le but et les utilisations d'images de héros sur votre page d'accueil. La modification fréquente de ces images permet à votre magasin de se sentir frais pour les visiteurs réguliers, de le garder vivant et d'inciter les visiteurs à prendre les mesures qui correspondent le mieux à vos objectifs de conversion.

Dites-nous dans les commentaires si nous avons manqué d'excellentes ressources pour créer de superbes images de héros.