CTA Design - Le seul petit détail qui fait une grande différence

Publié: 2023-01-19

CTA Design - Le seul petit détail qui fait une grande différence

Vous réfléchissez à une excellente idée. Vous avez le design parfait pour cela. Et votre annonce parvient à attirer l'attention des bons clients. Mais ils le voient et défilent sans cliquer sur l'annonce. L'aimerais-tu? Évidemment pas! Mais qu'est-ce qui a poussé votre client à ignorer l'annonce ? Était-ce la palette de couleurs ou la copie ? Vous pourriez penser à tant de raisons. Mais avez-vous scruté la conception du CTA ? Probablement pas. C'est peut-être la dernière chose que vous examinez, mais idéalement, ce devrait être la première !

Oui, vous ne voulez pas que l'annonce parfaite soit gaspillée simplement à cause d'un CTA mal conçu ou faible. En fait, vous ne pouvez même pas appeler cela une "annonce parfaite" si le CTA ne remplit pas son objectif.

Mais qu'y a-t-il dans un CTA, n'est-ce pas ? Un simple « cliquez ici » ou « en savoir plus » est tout ce que vous voyez la plupart du temps. Nous vous entendons. Mais, croyez-le ou non, tout, de la position de ce bouton CTA aux couleurs que vous choisissez, la copie que vous utilisez et le style de police qu'il contient peut influencer directement ou indirectement son impact sur le spectateur. Curieux beaucoup? Préparez-vous alors. Nous allons parler de la conception de CTA aujourd'hui.

  • Conception CTA - alors, pourquoi est-ce important ?
    • 1. Le CTA rend votre objectif publicitaire clair
    • 2. Aidez les clients à prendre des décisions
    • 3. Aidez à améliorer les conversions
  • Design CTA : conseils pour le rendre digne d'être cliqué
    • 1. Un petit ajustement à votre copie va un long chemin
    • 2. Faites en sorte que votre CTA ressemble à un bouton
    • 3. Choisissez la bonne couleur pour votre CTA
    • 4. Faites attention à l'opacité du design du CTA
    • 5. Utilisez l'espace négatif à votre avantage
    • 6. N'ajoutez pas trop de CTA
    • 7. Mais lorsqu'il y a plusieurs directions, maintenez la cohérence
  • Créez des designs CTA dignes d'être cliqués avec Kimp

Conception CTA - alors, pourquoi est-ce important ?

Un appel à l'action ou CTA doit être le point culminant de votre annonce. Examinons quelques-unes des raisons pour lesquelles les CTA se révèlent être les composants les plus critiques de la plupart des graphiques marketing.

1. Le CTA rend votre objectif publicitaire clair

Pour définir un CTA, vous devez savoir quel est l'objectif de votre annonce. Par exemple, pour toutes vos campagnes sur différentes plateformes, vous ne vous attendez pas à ce que les clients visitent la page d'accueil de votre site Web. Pour certaines de ces publicités, vous souhaitez que les clients téléchargent votre application. Certains devraient les emmener vers une page de capture de leads afin que vous puissiez recueillir leurs coordonnées pour les futurs efforts de maturation de leads. Et d'autres pourraient avoir à diriger les clients vers une page de vente ou une page de produit afin de les aider à ajouter l'article au panier et à effectuer l'achat le plus rapidement possible.

Ainsi, votre CTA aide à diriger le trafic dans la direction prévue en fonction des objectifs que vous avez définis pour la campagne, l'annonce particulière ou la conception marketing.

2. Aidez les clients à prendre des décisions

Les clients savent ce qu'ils recherchent, mais croyez-le ou non, la plupart des consommateurs apprécient un peu d'aide pour prendre leur décision d'achat. La plupart des publicités, pages de destination et autres conceptions marketing ont un ou deux CTA. Sur les e-mails, vous pouvez en avoir plusieurs lorsqu'il s'agit d'un ensemble de catégories de produits ou d'un e-mail de guide d'achat. Dans tous les cas, l'ajout du ou des CTA garantit que les clients surmontent la fatigue décisionnelle et passent à l'étape suivante avec plus de confiance.

3. Aidez à améliorer les conversions

Parfois, les clients ne passent pas à l'étape suivante de votre entonnoir de prospects simplement parce qu'ils ne savent pas où aller ensuite. L'ajout d'un CTA leur permet de comprendre cela plus facilement.

Prenons un exemple pour mieux comprendre cela. Le curseur ci-dessous apparaît sur le site Web d'Apple.

Source

Bon, alors qu'en est-il du Black & Blues de Louis Armstrong ? Pourquoi les clients voient-ils cela sur le site Web d'Apple ? Peut-être que le logo Apple TV en bas indique que ce documentaire est disponible sur Apple TV. Mais alors quoi? Sans le CTA "Stream Now", la plupart des réponses ci-dessus seraient restées sans réponse. Des clients confus pourraient être passés devant. Mais grâce au bouton CTA, les visiteurs savent qu'en cliquant dessus, ils accéderont sans problème à la page de diffusion en continu sur Apple TV. Cela les motive à cliquer sur le curseur. Là, une conversion vient de se produire !

C'est un exemple de la manière la plus simple de réaliser une conversion consiste à ajouter un CTA clair et compréhensible.

Après avoir établi le fait que les CTA sont importants dans la conception, parlons maintenant de quelques conseils de conception de CTA.

Design CTA : conseils pour le rendre digne d'être cliqué

Votre CTA doit être un détail évident dans votre conception. Mais en même temps, il ne doit pas distraire les clients des informations essentielles qui le précèdent. Vos visuels, votre texte et le CTA doivent présenter clairement le message et indiquer aux clients pourquoi ils doivent cliquer sur le CTA et ce qui se passe lorsqu'ils le font. Pour que tout cela se produise, voici quelques conseils pour que votre CTA fonctionne en faveur de votre conception.

1. Un petit ajustement à votre copie va un long chemin

Vous devez savoir que 90 % des utilisateurs qui lisent le titre de l'annonce ou de la page Web lisent également la copie CTA. Donc, oui, la copie compte.

Dans le CTA ci-dessous, un simple CTA "Télécharger" aurait été suffisant. Mais l'ajout du mot "gratuit" rassure les clients sur le fait qu'ils ne paient rien pour le moment mais qu'ils peuvent toujours télécharger le contenu.

Vide
Source

On estime que les CTA personnalisés sont 202 % plus performants que les CTA simples. Alors, passez suffisamment de temps sur la copie. Identifiez les meilleurs mots qui semblent les plus convaincants et les plus pertinents pour le contexte.

Les CTA personnalisés sont des moyens simples d'informer les clients de ce qui se passe lorsqu'ils cliquent sur le bouton. Dans l'e-mail ci-dessous, par exemple, les costumes comprennent instantanément que cliquer sur le bouton "Réservez votre place" les amène à la page de réservation. Ainsi, ils ne cliqueraient dessus que s'ils sont vraiment intéressés à faire une réservation ou à en savoir plus à ce sujet.

Vide
Conception des e-mails par Kimp

Par conséquent, si vous avez un CTA personnalisé, vous pouvez être sûr que seuls les prospects véritablement intéressés se déplacent plus loin dans l'entonnoir. Ce sont les types de prospects les plus susceptibles de se convertir. Et s'ils ne le savent pas, vous savez qu'ils sont le genre de prospects à recibler.

Astuce Kimp : Pour que votre copie CTA ait le plus d'impact, choisissez une police simple et lisible. Éloignez-vous des polices fantaisistes et des styles décoratifs. Un appel à l'action doit être facile à lire.

Combiner les bonnes polices sans utiliser trop de polices de caractères vous semble une tâche écrasante ? Laissez les designers professionnels s'en occuper.

2. Faites en sorte que votre CTA ressemble à un bouton

Si l'incitation à l'action ressemble au reste de la copie, comment les clients sauront-ils qu'ils peuvent cliquer dessus pour passer à l'étape suivante ? Alors, faites en sorte que votre CTA soit différent du reste de la copie.

Quelque chose d'aussi simple que de faire ressembler le CTA à un bouton peut améliorer considérablement les clics de 45%. Bien sûr, selon le style visuel du reste du design et l'identité visuelle de votre marque, vous pouvez toujours utiliser un bouton plat ou skeuomorphe (tridimensionnel) selon vos besoins. Mais tant qu'il est facile à percevoir comme un bouton, il y a de meilleures chances que les visiteurs cliquent dessus.

3. Choisissez la bonne couleur pour votre CTA

Saviez-vous que le simple fait de changer la couleur de votre design CTA peut modifier radicalement l'apparence et l'efficacité du CTA ? En fait, SAP a remarqué qu'un bouton CTA orange augmentait leur conversion de 32,5 %.

Bien sûr, certaines autres couleurs pourraient mieux fonctionner pour votre marque. Vous pouvez le découvrir en faisant des tests A/B. Une façon de le faire sera de créer deux versions différentes du même design en conservant tout sauf le CTA. Utilisez différentes couleurs de conception CTA dans ces deux conceptions et voyez laquelle se convertit le mieux. Si vous testez l'idée sur une page Web, vous pouvez également utiliser des cartes thermiques et d'autres outils de suivi pour comprendre le comportement des visiteurs et apporter d'autres modifications à votre conception.

Une fois que vous avez choisi la couleur, assurez-vous que votre CTA se démarque de l'arrière-plan. Vous ne pouvez pas utiliser la même couleur pour le CTA et l'arrière-plan. Il devrait y avoir un bon contraste entre la couleur de la conception CTA et la couleur d'arrière-plan et la palette de couleurs globale. Même le plus beau design CTA avec la meilleure copie ne sera d'aucune utilité si le CTA n'est pas facile à reconnaître.

Vide
Conception de la bannière Web par Kimp

Dans l'exemple ci-dessus, le CTA rouge se détache de l'arrière-plan de couleur foncée. Ainsi, il n'y a aucun risque que les utilisateurs ne remarquent pas le CTA.

Astuce Kimp : les couleurs et les contrastes de couleurs fonctionnent de manière délicate. Parfois, les couleurs avec le contraste maximal peuvent causer beaucoup de fatigue visuelle lorsqu'elles sont placées ensemble. Pour en savoir plus sur les jeux de couleurs et comment choisir des couleurs contrastées, consultez notre blog sur la roue chromatique et les jeux de couleurs.

4. Faites attention à l'opacité du design du CTA

Une autre raison pour laquelle votre conception CTA n'est pas facile à reconnaître pourrait être le motif d'arrière-plan et l'opacité de votre conception CTA. Un CTA transparent ou translucide peut se perdre dans un arrière-plan encombré. Dans de tels cas, un bouton opaque fait apparaître le CTA. Ou vous pouvez également ajouter des détails subtils comme la surbrillance autour du CTA dans la conception ci-dessous. Des détails comme ceux-ci améliorent encore l'apparence du CTA et attirent l'attention sur lui.

Vide
Conception de la bannière Web par Kimp

Vous voulez créer des bannières aussi accrocheuses pour vos campagnes numériques ? Contactez l'équipe Kimp dès aujourd'hui.

5. Utilisez l'espace négatif à votre avantage

L'ajout d'un espace négatif autour de votre CTA peut augmenter la conversion d'environ 230 %. C'est parce que l'utilisation efficace de l'espace négatif réduit tout l'encombrement autour du CTA et dirige l'attention vers lui.

Vide
Conception de la page de destination par Kimp

Dans la page de destination ci-dessus, tout l'espace sous le CTA rend le CTA facilement perceptible. Les CTA qui attirent votre attention sont ceux qui sont les plus susceptibles d'être cliqués. Ainsi, pour vous assurer que les clients ne partent pas parce qu'ils n'ont pas remarqué la présence d'un CTA sur la page, ajoutez suffisamment d'espace négatif autour de celui-ci.

6. N'ajoutez pas trop de CTA

Idéalement, vous devriez clairement définir une direction unique pour votre conception marketing. Le ciblage et la fourniture d'options interviennent à un stade précoce. Vous devez avoir des catégories de prospects clairement définies et vos annonces doivent être ciblées avec précision. Lorsque vos annonces sont séparées, la définition de votre CTA devient plus facile. Nous allons vous donner quelques exemples.

  • Si vous ciblez des prospects potentiels, vous pouvez avoir un contenu qui présente votre marque ou les convainc de consulter votre site Web. Dans de tels cas, le CTA est plus susceptible de les emmener sur le site Web ou sur votre page de médias sociaux pour recueillir plus d'informations.
  • Les prospects que vous atterrissez sur votre site Web ou votre page de médias sociaux ont montré le premier niveau d'intérêt. Vient ensuite les convaincre avec les bonnes stratégies. Ici, vous utilisez peut-être des aimants de plomb avec un bouton de téléchargement ou une page de capture de plomb avec un bouton d'abonnement.
  • Pour les clients existants, lorsque vous envoyez des offres pertinentes sur des articles de leur liste de souhaits ou des articles qu'ils ont consultés, votre CTA les amènera à la page du produit.
  • Et s'il s'agit d'un abandon de panier d'adressage par e-mail, le CTA amène les clients à leur panier pour passer la commande.

Vous devez mieux comprendre le parcours d'un acheteur pour savoir ce qu'il recherche et où il doit être dirigé ensuite. Dans tous ces cas, avoir un seul CTA est le plus logique.

Pour un prospect au début de l'entonnoir de prospection, un trop grand nombre de choix peut semer la confusion et les prospects confus peuvent ne pas prendre de décision.

Vide
Source
7. Mais lorsqu'il y a plusieurs directions, maintenez la cohérence

Pour une conception marketing simple, un seul CTA évite la confusion et augmente la conversion. Mais il y a des endroits où vous avez besoin de plusieurs CTA pour avoir le plus d'impact. C'est le cas des conceptions au format long comme les pages de destination et certains e-mails.

Lorsque le contenu est long, avoir des pauses fréquentes et ajouter un CTA dans chaque section sera bien mieux que d'espérer que les clients liront jusqu'au bas de la page et y trouveront le CTA.

Ou si la page de destination ou l'e-mail se présente sous la forme d'un guide d'achat où les clients voient un ensemble d'options de produits à acheter, un CTA différent pour chaque option aura le plus de sens.

Dans tous ces cas où vous avez plusieurs CTA, établissez une cohérence visuelle entre eux. Si chaque conception CTA est différente de l'autre, cela peut rendre la conception globale maladroite. Quelques éléments à retenir seront :

  • Forme et couleur du bouton CTA
  • Polices utilisées dans la copie CTA
  • Alignement de la copie CTA dans le bouton
  • Orientation des boutons CTA

La page de destination ci-dessous a des CTA différents pour chaque section, mais les conceptions de CTA semblent toutes cohérentes. Cela rend la page plus organisée. Et du point de vue de la convivialité, une fois que les clients voient quelques-uns de ces CTA, partout où ils voient un bouton vert similaire sur le site Web, ils savent qu'il s'agit d'un lien cliquable vers une autre étape.

Vide
Conception de la page de destination par Kimp

Créez des designs CTA dignes d'être cliqués avec Kimp

Les CTA donnent l'impression que la plupart des conceptions marketing sont complètes en guidant les clients dans la direction souhaitée. Alors, n'oubliez pas d'en ajouter un à vos e-mails, pages de destination, bannières publicitaires et à tout autre design marketing où un CTA semble pertinent. Les CTA apparaissent également dans les publicités imprimées et ici, il s'agira principalement de l'adresse du site Web ou des coordonnées de l'entreprise. Néanmoins, ils doivent se démarquer du reste de la conception afin que les clients prennent les mesures que vous souhaitez. Si vous ajoutez un CTA sans toucher à la structure de la conception ou si vous comprenez où utiliser les CTA et comment cela vous semble déconcertant, laissez le soin à vos concepteurs. Choisissez un abonnement Kimp. Inscrivez-vous maintenant pour un essai gratuit.