Tout ce que vous devez savoir sur la conception d'images de héros
Publié: 2020-08-18Tout ce que vous devez savoir sur la conception d'images de héros
Les images héros sont les grandes images, ou une série d'images qui sont affichées, bien en évidence sur une page d'accueil et parfois utilisées dans les conceptions d'e-mails. Ils jouent en fait un rôle très important pour toutes les entreprises, il est donc important de savoir une chose ou deux sur la conception d'images de héros.
Pourquoi devriez-vous avoir une image de héros ?
- Cela peut vous aider à développer votre marque et à raconter l'histoire de votre marque. Vous pouvez utiliser ces images pour donner des informations sur l'histoire derrière votre marque.
- Vous pouvez également l'utiliser pour répondre aux questions les plus posées par vos clients ou pour résoudre un problème urgent.
- Les images de héros peuvent également être utilisées pour informer vos clients de la proposition de valeur de votre marque.
- Si vous avez une annonce importante à faire, comme par exemple une vente qui aura lieu prochainement, cela peut vous aider. C'est une excellente idée pour les e-mails que vous enverrez également.
- Les images de héros peuvent être utilisées pour présenter un produit ou une gamme complète de produits.
Qu'est-ce qui devrait être inclus dans une conception d'image de héros ?
Il y a trois éléments principaux que vous devez avoir dans la conception de votre image de héros pour en faire la parfaite pour votre marque. Il agira en fait comme une image d'appel à l'action s'il est exécuté correctement.
- L'image elle-même doit comporter une photographie haute résolution, une conception graphique ou des images accrocheuses. La résolution de l'image sera répertoriée afin que vous sachiez quelle taille les images doivent avoir.
- Vous devez également avoir un contenu court, concis et puissant qui peut être ajouté sur l'image. Cela devrait immédiatement faire passer le message à la maison.
- Toutes les images de héros doivent comporter un texte ou un bouton d'appel à l'action très puissant. Quelques bons exemples seraient "Acheter maintenant", "En savoir plus", "Lire notre histoire" ou "Acheter maintenant".
Meilleures pratiques pour créer des images Hero
Utilisez des images de haute qualité
Il est vraiment important que vos images soient de haute qualité, qu'elles soient sur un site Web ou dans un e-mail. En raison de la taille des écrans d'ordinateur et de smartphone aujourd'hui, les clients peuvent facilement savoir si la conception de votre image de héros semble floue ou pixélisée. Si vous souhaitez éviter ces problèmes, vous pouvez toujours redimensionner vos images en les réduisant. Mais n'augmentez jamais la taille. Dès que vous le ferez, votre image deviendra pixélisée.
En ce qui concerne la hauteur et la largeur de l'image du héros, cela dépendra de la disposition particulière que vous avez. Peut-être voulez-vous que votre image de héros occupe toute la largeur de la page ? Si c'est le cas, utilisez VW ou VH (ce qui signifie toute la largeur ou la hauteur de la zone de la fenêtre).
Vous devez également vous assurer que vous personnalisez toutes les images de stock que vous utilisez et que l'arrière-plan n'est pas trop chargé, surtout si vous ajoutez du texte. L'utilisation du contraste des couleurs à travers des superpositions et des canevas est également un excellent moyen d'apporter de la clarté au texte et à l'arrière-plan. Par exemple, notez le texte blanc dans l'image ci-dessous.
Temps de chargement des images
Lorsque vous utilisez des images de haute qualité, les temps de chargement jouent un rôle essentiel. Lorsque le temps de chargement passe de 0,4 à 0,9 seconde, cela fait chuter le trafic de 20 %. Donc, certaines des meilleures pratiques que vous devriez suivre pour éviter cela sont :
- Redimensionner l'image vous-même et ne pas laisser le navigateur le faire automatiquement.
- Compression de l'image que vous avez choisie à l'aide de Photoshop. Vous pouvez également utiliser des outils de compression spécialement conçus à cet effet.
- Essayez de travailler avec des images PNG et JPG pour voir quel type fonctionne le mieux sans augmenter le temps de chargement.
Démonstration pour susciter l'appel
La conception de vos images de héros doit montrer au public ce que vous vendez exactement tel qu'il est. Par exemple, si vous souhaitez vendre des parapluies personnalisés, vous pouvez présenter une image de personnes sous la pluie qui les utilisent.
Si votre image indique un slogan ou informe les clients d'une vente, assurez-vous qu'il n'y a qu'une petite quantité de copie utilisée. Une autre chose importante à noter est que les légendes sous vos images seront lues 300% de plus que le corps du texte. Alors laissez cela vous donner une idée de la précision, de la compatibilité et du ciblage de votre légende par rapport à l'image du héros.
Une autre tactique que vous pouvez essayer consiste à utiliser une série de bannières de héros, plutôt qu'une seule image, qui combine des images de haute qualité avec un appel à l'action fort et convaincant.
Maintenir la pertinence
Votre image de héros est comme une introduction à votre message. Cela aidera vos clients à comprendre ce qu'ils peuvent attendre du reste de votre courrier électronique ou de votre site Web. Si l'image ne parvient pas à transmettre clairement votre message, elle ne parvient pas non plus à apporter de la valeur au client.
Ce serait également un gaspillage complet de l'espace que vous avez utilisé pour la conception. Encore plus dangereux si l'image ne correspond pas à l'idée que se fait le client du produit ou du service. Ce sera alors juste déroutant.
Afin de maintenir la pertinence, vous devrez tenir compte des éléments suivants :
- L'image utilisée est-elle une visualisation de votre mot-clé cible ?
- Votre image clarifie-t-elle l'objectif de votre site Web ou de votre e-mail ?
- Le flux de la page ou de l'e-mail, menant jusqu'à l'appel à l'action, est-il soutenu par l'image utilisée ?
- Quelle crédibilité et authenticité l'image apporte-t-elle à votre marque ?
- Les bénéfices et la pertinence sont-ils renforcés par l'image ?
- L'image déclenche-t-elle des émotions qui obligeront les clients à passer à l'action ?
- Votre image peut-elle présenter le client comme le héros après avoir acquis le produit ou le service ?
Mettre l'accent sur l'appel à l'action
Plus tôt, nous avons souligné qu'il est important d'avoir l'appel à l'action sur la conception de votre image de héros. Voyons maintenant ce que vous pouvez faire pour attirer immédiatement l'attention dessus. Par exemple, votre appel à l'action ne doit pas être en concurrence avec l'image. Cependant, il devrait vraiment se démarquer. L'exemple ci-dessous est la combinaison parfaite pour délivrer un message pertinent et émotionnel tout en maintenant le poids du bouton d'appel à l'action proportionnellement à l'image globale. L'utilisation de la couleur ici est également très importante.
Pour vous assurer que le CTA se démarque, vous pouvez effectuer un test de flou sur l'image. Cela vous aidera à voir si oui ou non l'œil du client sera attiré vers l'endroit où vous en avez besoin. Il vous suffit de prendre une capture d'écran du site ou de la conception de l'e-mail, puis d'y appliquer un effet de flou à l'aide d'Adobe XD. Une fois l'image floue, voyez ce qui attire votre regard. Vous n'aimez pas ce que vous voyez ? Il est temps de réviser alors.
Présentez de vraies personnes, pas de "vraies fausses" personnes
Si vous envisagez d'inclure des personnes dans la conception de votre image de héros, présentez des images de personnes réelles qui représentent votre marque. Évitez les images d'archives qui montrent simplement une personne d'apparence professionnelle avec un large sourire regardant l'écran. Ces images sont à la pelle et paraissent dénuées de sens et fausses. Les tests d'utilisabilité qui ont été effectués montrent que de telles images ne sont que décoratives et qu'elles n'ajoutent aucune valeur réelle. Cela pourrait également retirer des points positifs de l'expérience utilisateur.
Envisagez d'utiliser des illustrations qui ont une touche personnelle
Les illustrations deviennent également un choix populaire pour la conception d'images de héros. Si vous pouvez ajouter une touche personnelle à une illustration, elle peut en fait apporter beaucoup de personnalité à votre image. L'utilisation d'illustrations vous donnera un meilleur contrôle sur les aspects techniques et liés au contenu de l'image puisque vous pouvez les personnaliser autant que vous le souhaitez. En fait, si vous voulez avoir un meilleur rappel de la marque, envisagez des illustrations personnalisées pour votre image de héros.
Pour qu'une illustration soit fonctionnelle, elle doit être facilement reconnaissable. Le message qu'il envoie doit être vu de la même manière, quel que soit l'utilisateur. S'il y a plus d'une illustration, elles doivent toutes être cohérentes. En d'autres termes, il doit ressembler à la même personne qui a créé toutes les illustrations.
Si vous avez besoin d'un coup de main pour la conception de vos images de héros, une équipe Kimp dédiée est toujours prête à vous aider.
Superbes images de héros pour l'inspiration
Maintenant que vous connaissez les bases, voici quelques excellents exemples d'images Hero qui fonctionnent très bien.
Cette image utilise un concept 3D. Il a également un arrière-plan net et attrayant avec une grande fonctionnalité.
Apple, comme nous le savons tous, est une marque qui mise sur son design. En tant que tel, il est parfaitement logique pour eux de présenter leurs produits sur leurs images de héros - avec style.
Spotify a vraiment un impact ici grâce à son utilisation d'un beau contraste de couleurs qui joue bien pour rendre cette offre vraiment pop. De plus, les utilisateurs peuvent également faire défiler plusieurs images de héros au lieu d'une seule.
Cette conception d'image de héros de la marque Fivefootsix est un écran noir complet qui a un slogan en surbrillance qui est placé en plein centre. La nature de cette conception et le placement du texte attirent immédiatement votre attention.
Soyez un héros et obtenez la bonne conception de votre image de héros
Créer une superbe image de héros est très important. Non seulement cela vous aidera à projeter la personnalité de votre marque et à créer une notoriété, mais cela vous aidera également à augmenter vos ventes ! Vous devez également réfléchir à la fréquence à laquelle vous souhaitez modifier la conception de votre image de héros afin que les personnes qui visitent régulièrement la page de votre site Web aient l'impression qu'il y a quelque chose de nouveau à découvrir. Avec les e-mails, assurez-vous que vos images sont suffisamment accrocheuses pour que le lecteur les parcoure et n'appuie pas sur le bouton de suppression.
En ce qui concerne votre conception, rendez votre image claire, puissante, soigneusement pensée et unique. L'objectif principal ici est que votre client se sente attiré par l'image et qu'il se sente obligé de lire ce que vous avez à dire.