études de cas

Analyse de Site N°1 : Drift

Design bold, focus sur les CTA et les succès des clients. Et bien-sûr, utilisation de chatbots.

Drift propose des outils pour mettre en place des chatbots, dont le but est d’automatiser certaines interactions avec ses utilisateurs.

Quelques chiffres :

ALEXA RANK

20 491

Mots clés indéxés

8 520

Traffic estimé

99 792

Date de mise à jour: 13 juin 2018. Le nombre de mots clés indéxés et le traffic estimé sont tirés de Serpstat.

Proposition de valeur

On ne la rate pas avec sa police choisie pour son caractère impactant, et moderne.

Drift est la nouvelle façon dont les entreprises achètent aux entreprises.

L’utilisation de « nouvelle façon » fait référence au fait que les chatbots sont dans l’ère du temps. Et le caractère « nouveau » d’un produit est un mobile d’achat, ou du moins d’intérêt.

Je ne suis pas sûr de comprendre pourquoi leur proposition de valeur semble indiquer qu’ils se concentrent sur le B2B, car je suis à peu près sûr que Drift peut être utilisé en B2C.

Le segment B2B est peut-être (certainement) leur cible prioritaire.

CTA

Comme pour la plupart des entreprises en mode SaaS, le but est ici de collecter l’adresse mail des visiteurs, pour être en mesure de les contacter par la suite.

Là encore, le CTA ne peut pas être manqué :

  • Il est placé de manière proéminente, above the fold, et au milieu de la page.
  • L’ombre portée derrière le formulaire met ce dernier en valeur.
  • Plus intéressant, et plus rare, les couleurs du bouton et des bordures du formulaire changent de couleur automatiquement. ça attire très clairement l’oeil.
  • Le texte du CTA explique clairement à quoi s’attendre: en cliquant dessus, je sais que je vais créer un compte gratuit.
  • L’utilisation du mot gratuit à deux reprises a pour objectif de réduire les freins à l’action.
  • Dans le texte entre parenthèses, la mention « to get started » appelle à l’action, et « No credit card required » est là aussi pour réduire les freins de ceux qui ne veulent pas sortir la CB.

SOCIAL PROOF

Les logos des entreprises clientes sont là pour donner de la crédibilité à Drift.

Drift a choisi quelque chose qu’on ne voit pas souvent, c’est à dire des logos qui défilent automatiquement dès la première partie visible de la page.

Les clients de Drift ne seront pas connus de tout le monde, mais on peut quand même noter Adroll ou Invision, qui constituent des références solides pour donner confiance aux prospects.

VISUELS

La photo d’une femme, qui sourie, donne un côté humain au service de Drift. C’est d’autant plus important que le service en question est un robot.

Les éclairs qui entourent le mot « ventes » rappellent que le service a pour but d’augmenter les ventes des utilisateurs de Drift.

Je n’ai pas la prétention de dire que je sais mieux que les gens derrière Drift, mais on peut se poser la question de l’utilité de ce visuel, car:

  • le mot vente peut n’est pas très visible, du fait de sa couleur gris clair.
  • les éclairs eux sont visibles, et leur couleur peut peut-être attirer l’attention des utilisateurs, plutôt que sur le CTA.

On apprend quoi ?

→ Rédigez une proposition de valeur claire et proméminente, afin d’attirer l’attention de la cible, et susciter son intérêt dès les premières minutes.

→ L’utilisation de couleurs vives, qui changement automatiquement, attire l’oeil sur le CTA.

→ Mettre en avant ses références clients ATF est un bon moyen pour inspirer confiance à l’utilisateur dès ses premières secondes sur le site.

Le focus de la page d’accueil de Drift est clair : inciter les visiteurs à créer un compte gratuit. A part les menus en header et footer, c’est les seules interactions que l’utilisateur peut avoir avec le site sur la page d’accueil.

Footer

Le design du footer est réparti selon 4 catégories :

  • Produits : des liens vers les différentes offres de Drift, ainsi que leurs tarifs, et un lien pour demander une démo.
  • Clients : étude de cas, récits de succès clients, ce que les clients aiment à propos de Drift, et un lien pour le support.
  • Apprendre : des liens vers diverses ressources liées aux chatbots en général, ainsi que l’utilisation de Drift.
  • Ressources : d’autres ressources comme la documentation, ou des offres d’emploi.

Les liens vers les mentions légales sont dans une couleur moins visible que les liens détaillés ci-dessus. Bonne idée pour faire en sorte que d’attirer l’attention des utilisateurs sur des éléments qui ont plus de chances de générer des clients.

Par contre, pas de lien vers une page à propos, pour donner des informations sur la structure derrière Drift ?

On apprend quoi ?

→ Limitez les actions possibles pour l’utilisateur de votre site, et concentrez-vous sur celles qui sont importantes pour vous, et génèrent des prospects.

→ Faites bien apparaître les mentions légales, mais ce n’est peut-être pas la peine d’attirer l’oeil dessus, au détriment des éléments là encore générateurs de prospects.

On voit de plus en plus d’entreprises qui proposent des menus en minuscules, presque discrets. Drift n’est pas de celles-là, avec des items en majuscules, et en gras.

Comme souvent, il y a un CTA dans le header, mais quand beaucoup d’autres sites utilisent un CTA de couleur, Drift l’entoure avec une bordure épaisse. De mon point de vue, ça suffit pour attirer l’attention.

Le CTA en question est le même que partout sur la page d’accueil : « Créer un compte gratuit »

Caractéristique plutôt rare, il ne suffit pas de survoler le menu pour que le menu déroulant apparaisse : il faut cliquer.

Ma préférence personnelle va pour les menus déroulant qui apparaissent au survol, pour éviter un clic supplémentaire aux utilisateurs. Mais on est dans le détail là.

La séparation des sous-menus en sous ensembles permet de laisser le choix aux utilisateurs : au lieu d’envoyer vers leurs deux offres uniquement, Drift permet aussi à ses utilisateurs de naviguer par caractéristiques.

Par ailleurs, comme toujours ou presque pour les offres SaaS, les tarifs sont accessibles en un seul clic.

Enfin, le contraste entre le blanc et le noir est particulièrement appréciable visuellement, et Drift utilise là encore les majuscules et le gras, de manière très bold.

On apprend quoi ?

→ Limitez le nombre d’items de premier niveau dans votre menu. Vous pouvez aussi structurer les sous-menus en nouveaux sous-ensembles, pour permettre à vos utilisateurs d’aller directement vers ce qui les intéresse le plus.

→ Essayez de faire en sorte que votre menu soit aussi ergonomique qu’attractif visuellement.

Une proposition de valeur

Choisissez une offre. Déclenchez plus de conversations. Réduisez votre cycle de vente.

En amont des tarifs, Drift explique au prospect ce qu’il peut obtenir en devenant client.

Une offre différenciée en fonction des profils

En fonction de la taille de l’entreprise cliente, Drift propose des fonctionnalités et une tarification différentes.

Un avis client

La page tarifs est la dernière étape avant l’achat. Drift tente alors de réduire les freins à l’achat, en montrant l’avis d’un client, qui présente rapidement le bénéfice qu’il tire de son abonnement à Drift.

Les résultats des clients

Les clients qui utilisent Drift le font pour augmenter leurs revenus. Drift illustre alors les résultats de leurs clients, avec des captures d’écran de leurs résultats, qui montrent les revenus générés.

Une liste des caractéristiques

La liste des caractéristiques est organisée par thèmes, et compare les différentes offres. Elément remarquable, les CTA restent à l’écran lors du scroll. Excellent pour favoriser l’action.

On apprend quoi ?

→ La page tarif est la dernière étape avant l’achat. Il est donc important de la construire de manière à réduire les freins à l’achat, et rappeler les bénéfices que les prospects pourront obtenir en devenant clients.

→ Rappelez votre proposition de valeur sur la page tarifs.

→ Différenciez votre offre en fonction de ses caractéristiques et de ses publics cibles.

→ Montrez les avis de vos clients existants.

→ Listez vos caractéristiques par thèmes, et facilitez l’action, en laissant affichés les CTA quand l’utilisateur scrolle.

Une identité visuelle spécifique

Drit a bien compris qu’il est important d’adopter un design aussi unique que possible, pour se différencier de la concurrence, et pour marquer les esprits.

Ils mettent ça en place, notamment, à travers l’utilisation des bordures de couleurs qui entourent les photos des gens présentes sur leur site :

L’utilisation de statistiques

Le segment cible de Drift veut augmenter ses revenus, et sa productivité.

Drift présente alors de nombreuses statistiques, qui montrent l’efficacité de leur produit dans ces deux domaines :

De nombreuses études de cas clients

Là encore pour convaincre leurs prospects que Drift est un investissement qui vaut la peine, le site publie plusieurs études de cas, qui montrent les succès des clients de la plateforme :

Des outils personnalisés

Tout ce qu’on a vu jusque là montre à quel point la machine marketing de Drift est puissante. Mais ils ne s’arrêtent pas à là, et misent aussi sur la personnalisation :

Un outil pour mesurer les revenus supplémentaires que Drfit peut apporter.

La possibilité de programmer une démo personnalisée.

Drift propose des chatbots, il serait donc bien sûr intéressant de s’intéresser à l’utilisation qu’ils en ont font eux-mêmes. Nous consacrerons un guide détaillé sur ce sujet prochainement, et nous ne manquerons pas d’aborder Drift.