Comment devenir un concepteur centré sur la conversion

Vous souhaitez donc être un concepteur de modèles de page de destination? Vous pensez peut-être que vous avez la tâche facile - après tout, les modèles de pages de destination ne sont qu'une seule page. C'est beaucoup plus facile que de concevoir un site Web complet. Mais les règles de conception changent un peu lors de la création de pages de destination centrées sur la conversion..

Qu'est-ce qu'une page d'atterrissage?

Avant d'entrer dans les principes de conception des pages de destination, voyons quelques définitions:

Une page de destination est une page Web autonome spécifique à une campagne. Son objectif est d'amener vos visiteurs à effectuer une seule action. Ce n'est pas votre site web, et ce n'est certainement pas votre page d'accueil.

Les sites Web sont des stations centrales de la marque et s'adressent aux personnes qui trouvent votre site de manière organique ou qui ont besoin de le référencer ou de le consulter dans le mode de recherche de leur cycle d'achat. Elles sont ne pas bon pour les campagnes marketing.

Les campagnes marketing sont basées sur un seul objectif - acheter ceci, s'abonner à cela - et nécessitent donc une expérience plus ciblée. La raison principale pour laquelle une page de destination est utilisée par rapport à une page d'accueil pour la cible d'un trafic de campagne (PPC, e-mail, réseaux sociaux) est due à quelque chose appelé: taux d'attention.

Le taux d'attention est le rapport entre les points d'interaction (liens) d'une page et le nombre d'actions prévues sur cette page (qui est toujours égal à 1 pour une campagne). Sur une page d'accueil, cela correspond généralement à environ 40: 1, ce qui signifie qu'il y a 39 actions gênantes et 1 action souhaitée..

En revanche, une page de destination ciblée a un taux d’attention de 1: 1. Pour cette raison, les spécialistes du marketing intelligent utilisent une page de destination dédiée, spécifique à la promotion, pour chaque campagne exécutée..

Qu'est-ce que cela signifie pour moi en tant que designer?

Fini l'époque où il était acceptable de concevoir une belle expérience Web, de poser le pinceau et de partir avec un chèque dans sa poche.

La conversion est l’un des mots les plus en vogue sur le Web à l’heure actuelle. Chaque page Web que vous concevez est maintenant un élément de «contenu comptable». J'entends par là que son objectif, son impact et son succès peuvent être mesurés et sont en train d'être mesurés. Si cela ne contribue pas à convertir les visiteurs en clients, il n'a pas été conçu correctement..

Le design n'est pas le seul facteur de taux de conversion élevés. La copie joue un rôle énorme. Mais la plus grande copie du monde n’aidera pas si votre visiteur est distrait, offensé - nous savons tous qu'un mauvais design peut être carrément offensant - ou confus..

En combinant quelques principes de conception simples et une psychologie de base, vous pouvez changer complètement d’attention pour créer une expérience Web qui enchante et convertit.

J'appelle cette conception centrée sur la conversion. CCD pour faire court.

Il s’agit d’un cours intensif sur le CCD. Je vais donc aborder les 7 principes, vous familiariser avec Psych 101, puis vous montrer quelques modèles de page de destination superbes et très convertis qui les mettent en pratique pour vous permettre.

Prêt à devenir un concepteur centré sur la conversion?

Les 7 principes de la conception centrée sur la conversion

Les principes sont simples. Apprenez-les, pratiquez-les et vous verrez vos taux de conversion s'envoler.

Principe 1: Encapsulation

Emballer des choses est une pratique intelligente. Cela fonctionne pour la tête quand il fait froid, que les pommes de terre cuites au four sont chaudes et que Noël est plus amusant. Prenez donc l'élément le plus important sur votre page (votre objectif de conversion) et emballez-le de manière à démontrer qu'il est digne de l'attention de vos visiteurs..

Principe 2: Contraste

Tant de spécialistes du marketing parlent de la couleur des boutons. C'est une erreur. Un bon concepteur centré sur la conversion sait que la couleur des boutons n’a pas d’importance. C'est le contraste qui compte. Si vous avez une page principalement verte, un bouton rouge apparaîtra à vos visiteurs. Ne vous inquiétez pas du fait qu'il semble en colère; vos clients potentiels ne sont pas des taureaux.

Principe 3: Indices de direction

Dans certaines cultures, il est considéré comme impoli. Pas en conversion terre. Lorsqu'une personne arrive sur votre page de destination, votre conception doit la diriger vers l'objectif que vous souhaitez qu'elle atteigne. Utilisez les flèches et la triangulation pour créer des points focaux. Avec la photographie, utilisez la ligne de mire pour attirer l’attention sur votre call-to-action (CTA).

Principe 4: les espaces blancs

Celui-ci est simple. Ne pas entasser les choses ensemble. Le manque d'espaces est un design offensant. En laissant les gens respirer (ils peuvent le faire?), Vous créez une expérience plus agréable qui vous laissera quelques secondes supplémentaires précieuses pour communiquer votre message de campagne..

Principe 5: Urgence et pénurie

C'est le premier principe basé sur la psychologie. Créer une urgence ou une pénurie est avant tout un exercice écrit, mais il vous appartient de présenter les informations avec un bon design. La proximité de l'objectif de conversion de la page de destination est essentielle pour signaler la pénurie. En vous assurant que votre visiteur a bien compris qu'il a une date limite, vous pouvez rendre ce clic un peu plus probable.

Ici, Expedia fait un excellent travail en utilisant l'encapsulation pour mettre en évidence la déclaration de rareté («Il ne reste que 3 billets à ce prix!») Dans l'image ci-dessous..

Principe 6: Essayez avant d'acheter

Avez-vous déjà «échantillonné» un raisin dans un supermarché? C'est un aperçu de la qualité et cela aide les gens à prendre des décisions d'achat éclairées. Les exemples dans le domaine numérique comprennent un chapitre d'un livre électronique ou un diaporama visuel qui couvre certains des points forts d'un rapport de l'industrie, d'un cours en ligne ou d'une vidéo de présentation / bande-annonce pour un événement à venir. Amazon a vraiment établi la norme avec ses aperçus de livre «Look Inside».

En ouvrant votre produit à un contrôle avant l'achat, vous semblez faire autorité et être crédible. Cela augmente la confiance et peut être un facteur important pour stimuler les conversions..

En tant que concepteur centré sur la conversion, vous devez trouver des moyens créatifs de présenter ces aperçus..

Principe 7: Preuve sociale

Les éléments de confiance sont une partie essentielle de toute page de destination. Ils sauvegardent vos revendications et, une fois cela fait, discutez avec vos visiteurs du point de vue d'un consommateur partageant les mêmes idées. Les témoignages sont l'approche la plus populaire. Comme le principe 5, il s’agit essentiellement d’un élément écrit, mais vous pouvez utiliser certains aspects de la conception de contenu intelligent - en particulier la hiérarchie - pour encourager les utilisateurs à les lire..

Ajouter un titre explicatif au-dessus des témoignages (ou des logos de clients, etc.) peut augmenter le pouvoir de la preuve sociale.

Conception centrée sur la conversion en action; 5 modèles de pages de destination

Armés de vos nouveaux outils de conception, examinons cinq modèles de page de destination Unbounce pour vous inspirer lors de la création de vos propres modèles..

1. Lockwood: l'immobilier

  • Encapsulation L’objectif de la conversion est la forme. Il est donc placé à l’avant et au centre et encapsulé dans un conteneur qui permet au contenu critique situé au-dessus de se connecter visuellement..
  • Contraste Le CTA se distingue clairement sur la page avec une couleur contrastante vibrante.
  • Queues directionnelles Il y a une flèche placée à la fin de la zone de contenu principale qui dirige votre regard vers le CTA, et l'utilisation de la même couleur orange relie les deux éléments.
  • Espace blanc Lorsque vous vous déplacez dans la page, vos yeux peuvent passer librement à travers les blocs de contenu. Une photo aérienne et spacieuse et une palette minimaliste se combinent pour en faire une expérience agréable..
  • Rareté La déclaration selon laquelle il ne reste que 3 unités est positionnée directement sous l'OTC pour vous rappeler que vous devez vous dépêcher. Si vous voulez être plus agressif ici, vous pouvez essayer une sorte de * grincement * - rappelez-vous simplement de rester chic. Ce serait un bon test A / B.
  • La preuve sociale Une preuve sociale appropriée est utilisée ici, se concentrant sur les récompenses de design, plutôt que sur un témoignage qui aurait un impact très limité..

2. Lasano: Santé et bien-être

  • Encapsulation de formulaire? Vérifier.
  • CTA contrasté? Vérifier.
  • Espace blanc? Vérifier.
  • La preuve sociale? Vérifier.
  • Queues directionnelles Ici, vous remarquerez deux formes de repère directionnel. La première utilise la ligne de site de la femme pour diriger votre regard de gauche à droite. Mieux encore, elle regarderait vers le bas et vers la droite, mais cela pourrait aussi la rendre triste, ce qui irait à l'encontre du thème du modèle. Deuxièmement, il y a une déclaration secondaire sous le formulaire qui se termine par une petite flèche de rappel qui vous dirige vers le haut. Les petites choses n’ont pas toujours un impact important, mais quand vous avez plusieurs petites choses qui fonctionnent en concert, elles peuvent le faire..

3. Yuli: Démo logicielle

  • Encapsulation de formulaire? Vérifier.
  • CTA contrasté? Vérifier.
  • Espace blanc? Vérifier.
  • Queues directionnelles La partie supérieure de la page contient le contenu principal. Une flèche - avec une demande - est placée à l'endroit où le contenu a été lu, en direction de la CTA. Notez également comment une sorte de triangle pédagogique est créée en réservant la couleur orange aux éléments qui font référence au but de la page: "démonstration gratuite", "rejoignez-nous pour une démonstration gratuite", "réservez ma démonstration maintenant".
  • La preuve sociale Une vidéo est utilisée cette fois pour un niveau de sophistication supérieur. Lors d’un test A / B, j’ai exécuté sur la page d’accueil Unbounce.com, j’ai constaté qu’en remplaçant les témoignages en texte par une version vidéo, les taux de conversion augmentaient de 25%. Ici, il y a un combo de vidéo et texte. Notez également que le modèle utilise la hiérarchie de la conception de l’information pour introduire les éléments de preuve sociale (la vidéo et les logos du client situés en dessous) avec un titre descriptif..

4. Wanderlust: Voyage

  • CTA contrasté? Vérifier.
  • Espace blanc? Vérifier.
  • La preuve sociale? Vérifier.
  • Encapsulation La page de destination d'un clic est légèrement différente, car il n'y a pas de formulaire, mais le CTA est toujours positionné avec d'autres informations critiques dans un cadre de sélection dans l'en-tête de la page. L’élément de pied de page utilise également le contraste des couleurs pour encapsuler «l’argument de clôture» avec un code CTA répété..
  • Queues directionnelles C'est un peu exagéré, mais la Tour Eiffel est un peu reliée à la CTA. Et cela indique assez intelligemment qu'en cliquant sur le bouton CTA, vous serez emmené à Paris pour vous placer sous la tour. Comme c'est romantique. Dans un autre sens, les photos des éléments circulaires vous guident tout au long de la page vers le dernier CTA..

5. Polar: à but non lucratif

  • Espace blanc? Vérifier.
  • La preuve sociale? Vérifier.
  • CTA contrasté Comme dans tous ces exemples, le CTA se distingue du reste de la conception. Remarquez également comment l'objectif de la campagne (collecter des fonds par le biais de dons) est mis en évidence à l'aide de la couleur orange du thermomètre cible. Cela établit un lien entre les objectifs émotionnels et physiques (conversion) de la page..
  • Urgence & Pénurie La combinaison de l'objectif de don et des déclarations émotionnelles «Le temps presse pour l'ours polaire» et «Je prédis que nous pourrions voir des étés sans glace sur le pôle Nord d'ici une décennie» créent à la fois l'urgence et le sentiment imminent de rareté..

En résumé

Être un concepteur centré sur la conversion est la prochaine évolution du design dans les entreprises. Grâce à l'apprentissage d'aujourd'hui, votre patron / client sera très heureux lorsque ses taux de conversion augmenteront..

Ainsi, lorsque vous concevez vos modèles de page de renvoi Themeforest, exécutez-les conformément aux sept principes de CCD et voyez comment ils se superposent..

Lectures complémentaires

  • Le guide ultime de la conception centrée sur les conversions (ebook)