15 exemples de témoignages et bonnes pratiques pour votre site web

Qu’est-ce qui fait la force de votre entreprise ? Qu’est-ce qui vous rend unique ? Vous pourriez probablement fournir des réponses brillantes et élaborées ou des répliques rapides sur votre site web pour expliquer pourquoi votre entreprise est la meilleure au monde.

C’est un bon début. Mais cela ne suffira probablement pas. Pourquoi ? Parce que les consommateurs disposent d’une source infinie d’options en ligne pour répondre à tous leurs besoins. Il n’est donc pas si simple d’attirer leur attention. Surtout pas lorsque tous les Tom, Dick et Harry prétendent offrir le meilleur service de la ville. Pour qu’un utilisateur ou un consommateur potentiel choisisse votre service, une grande confiance entre en jeu. Les témoignages peuvent jouer un rôle important en vous aidant à gagner cette confiance. Cependant, si vous n’en avez jamais fait auparavant, ou si vous procédez à la refonte de votre site web, il est normal que vous ne sachiez pas par où commencer. C’est pourquoi nous avons rassemblé quelques-uns des meilleurs exemples de témoignages sur Internet afin de vous inspirer au maximum. Nous vous donnons également quelques conseils pour commencer dès aujourd’hui !

Un témoignage est une déclaration d’un ancien client ou d’un client actuel dans laquelle il partage son opinion sur vos services. C’est assez simple, n’est-ce pas ? C’est comme une critique, mais en plus court et plus doux. Les témoignages sont une forme valable de preuve sociale qui peut inspirer la confiance en un coup d’œil – ce qui est nécessaire compte tenu de la courte durée d’attention des utilisateurs de nos jours.

Le rapport sur le comportement des consommateurs de BrightLocal (2017) a révélé que, parmi toutes les personnes ayant participé à l’étude, seules environ 3 % ont déclaré ne pas faire confiance aux avis en ligne. En comparaison, environ 85 % d’entre elles ont déclaré faire confiance aux avis comme aux recommandations personnelles. Les témoignages étant des évaluations brèves, il est facile de comprendre pourquoi ils sont si importants. Toutefois, pour tirer le meilleur parti de ces témoignages que vous vous êtes efforcé d’obtenir, vous devez les concevoir de manière à leur rendre justice et à capter l’attention des visiteurs de votre site web. Examinons quelques-unes des meilleures façons de concevoir vos témoignages.

Lors de la réalisation de témoignages avec votre outil de prototypage de sites web, vous devez considérer les meilleures pratiques suivantes comme des lignes directrices plutôt que comme des règles. Comme pour tout ce qui concerne le design, les règles sont toujours gravées dans la pierre jusqu’à ce que quelqu’un les brise et lance une nouvelle tendance. Cela s’est produit lorsque nous avons vu le design plat introduit comme un adversaire du design skeuomorphique. Que vous suiviez toutes ces directives ou non lors du design de vos témoignages, la chose la plus importante, comme pour tout ce qui concerne le design UI/UX, est que vous le testiez. Concevez d’abord votre témoignage ou votre page de témoignage avec un outil de prototypage. Voyez ensuite si vos témoignages réduisent le taux de rebond et augmentent la durée de la session. Essayez quelques tests de heatmap pour voir si votre design de témoignage est captivant et engage vos utilisateurs. Mais avant de tester, le mieux est de commencer par le faire ! Voici quelques conseils pour vous aider :

Tout d’abord, il convient d’aborder les principes de base. Lorsque vous rédigez un témoignage, vous devez toujours inclure autant de détails que possible sur le client. Essayez de toujours inclure son nom, son titre et son entreprise. Une photo est toujours un excellent moyen de renforcer ces qualités. L’ajout d’un visage humain à votre témoignage a toujours tendance à trouver un écho auprès des utilisateurs. En outre, veillez à ce que votre témoignage couvre les éléments fondamentaux susceptibles d’intéresser les nouveaux utilisateurs, comme la manière dont le problème a été résolu, la rapidité avec laquelle il a été résolu, etc. Ne vous contentez pas d’inclure des citations aléatoires qui disent « J’aime cette entreprise ».

Une fois les détails importants couverts, nous devons veiller à ce que le témoignage lui-même, qu’il s’agisse d’un texte ou d’une vidéo, soit aussi court et concis que possible.

L’idée est que le témoignage donne à l’utilisateur la preuve sociale dont il a besoin en un coup d’œil, ce qui le différencie d’un avis. Ce qui nous amène au point suivant :

Bien que les « témoignages textuels » (vous voyez ce que nous avons fait là ?) fonctionnent, les vidéos sont toujours un moyen extrêmement puissant d’exploiter la narration lorsqu’il s’agit d’autres clients et peuvent être considérées comme une preuve sociale supplémentaire lorsque vous voyez un client heureux s’exprimer.

Veillez à n’utiliser que des témoignages authentiques – cela pourrait se retourner contre vous plus tard si quelqu’un découvrait que vous avez utilisé un faux témoignage. Cela pourrait vous priver de toute crédibilité et causer plus de tort que de bien à votre réputation. En outre, si vos clients ne souhaitent pas donner leur nom, utilisez leurs initiales plutôt que d’inventer un nom.

Essayez toujours de choisir l’endroit optimal de votre site web pour inclure vos témoignages de clients. Les grandes entreprises bien établies ne les incluent souvent pas sur leur page d’accueil parce qu’il existe déjà suffisamment de preuves sociales de leur qualité. Parfois, elles consacrent une page d’atterrissage distincte aux témoignages. Les entreprises plus récentes, plus petites et les startups, en revanche, choisissent souvent d’afficher leurs designs de témoignages sur leur page d’accueil afin de capter l’attention et d’inspirer immédiatement la confiance.

Slack est un excellent exemple de la façon dont la simplicité peut parfois être la voie la plus efficace pour démontrer votre valeur sociale. L’entreprise commence par une grande déclaration sur le nombre d’entreprises qui utilisent Slack à des fins de communication, suivie d’un lien vers les témoignages de ses clients.

Cette section est ornée d’une citation qui vous attire et démontre l’étendue de la portée de Slack sur le marché. La citation est également accompagnée du nom du client, de son poste et de l’entreprise pour laquelle il travaille, ainsi que d’une photo du client dans son environnement de travail.

Voici pourquoi nous aimons Hootsuite comme exemple de témoignage : son design dissèque la page de témoignage en trois sections différentes – une pour chacune des trois grandes raisons d’utiliser leurs services. Ces raisons sont la construction de la marque, l’efficacité de la gestion des médias sociaux et la croissance des revenus.

Hootsuite a relevé le défi en dressant une liste de marques connues qui offrent au visiteur leur propre étude de cas, chacune se limitant à l’avantage de la section. Chaque témoignage fonctionne comme un lien vers une autre page, où l’étude de cas réelle est présentée en détail, avec des statistiques et des données réelles.

Basecamp aime s’amuser un peu et remettre en question le statu quo en ce qui concerne les règles de design des témoignages. Souvent, on considère que la meilleure pratique consiste à utiliser une image, une vidéo ou un autre média pour orner le témoignage. Pourtant, cet exemple de témoignage Basecamp va à l’encontre de cette règle d’une manière très visible.

Ils ne font rien d’extraordinaire – ils se contentent d’afficher les citations de leurs clients en gros caractères, en gras et centrés, qui attirent votre attention. C’est certainement une façon de faire !

Kissmetrics figure sur cette liste parce qu’il s’agit d’un excellent exemple des types de témoignages que vous voyez souvent sur de nombreux designs de pages web modernes, en particulier dans l’industrie technologique, c’est-à-dire une combinaison de texte et d’images sur des cartes dans un widget de type « slider ».

Le curseur permet d’attirer l’attention de l’utilisateur et lui permet d’explorer d’autres témoignages s’il le souhaite, sans occuper le reste de la page avec une grille.

Nous apprécions également la façon dont kissmetrics est allé plus loin dans son témoignage en incluant les logos de ses clients sur chaque carte.

Bizzabo sait qu’un bon design en dit long. Cet exemple de témoignage montre comment votre créativité peut donner encore plus d’importance aux témoignages eux-mêmes. Le centre de notre univers ? C’est très astucieux.

Outre l’utilisation judicieuse des illustrations et des textes, ce qui est remarquable, c’est l’utilisation de témoignages provenant directement des médias sociaux. Les plateformes comme Twitter sont un excellent moyen de garder un œil sur ce que les gens disent de votre marque, et peuvent être très utiles lorsqu’elles sont utilisées comme preuve sociale. Bizzabo propose également aux visiteurs plusieurs études de cas sur cette même page. C’est le meilleur des deux mondes !

Proactiv a été proactif en tirant parti de la preuve sociale réelle que les témoignages peuvent offrir à une entreprise dans leur créneau particulier. Quelle meilleure preuve sociale et visuelle de l’efficacité d’un traitement de soin de la peau que des photos du client/patient ?

Dans cet exemple de témoignage, plusieurs images des différentes étapes du traitement de la peau d’un client sont placées à côté d’une photo plus grande du résultat souriant et à la peau claire, ainsi que d’une citation de la personne sur la photo indiquant comment le traitement l’a fait se sentir.

L’agence de marketing de contenu Brafton a choisi d’afficher les noms de certains de ses plus gros clients sur sa page d’accueil, avec de grands logos, suivis d’une citation textuelle, puis du nom du client, de sa fonction et de son entreprise.

Cet ordre attire l’utilisateur en utilisant une hiérarchie visuelle optimale : d’abord le logo pour attirer l’attention, puis les propos de la personne qui travaille dans cette entreprise. Si l’utilisateur est suffisamment captivé, un grand CTA vert l’incite à lire d’autres témoignages. Nous aimons ce style !

styleSeatstories est un design de page de témoignage réalisé par Megumi Tanaka sur Dribbble qui présente une approche intéressante de la mise en page. Dans ce cas, elle utilise des photos du client, ainsi que son nom et sa société, avec des bulles pour les témoignages.

Tous les témoignages sont présentés sous forme de grille et mélangés dans un collage visuellement attrayant, les citations de différentes longueurs offrant un mélange de formes et de tailles différentes sur la page, ce qui attire davantage l’utilisateur.

La société de location Bungalow figure sur cette liste grâce à son design de témoignages épuré et coloré. Des couleurs pastel douces, associées à de grandes images de clients heureux et souriants, mettent l’utilisateur à l’aise. Les images sont présentées sous forme de grille et les citations pertinentes sont placées dans les grilles adjacentes.

C’est un excellent exemple de la façon dont vous pouvez tirer parti des témoignages et de la preuve sociale pour à la fois montrer vos compétences en matière de design UI et établir encore davantage la palette de couleurs, le style et le caractère de votre marque.

Ce design d’UI de témoignage par Neil Pearce sur Dribbble est une approche intéressante de l’utilisation de cartes pour afficher des citations de clients satisfaits. Il utilise la combinaison typique de texte, d’image et de nom, mais y ajoute une dimension supplémentaire : la couleur.

L’utilisation de la couleur dans cet exemple de témoignage n’est pas non plus un hasard. Elle sert à distinguer chaque témoignage et à aider l’utilisateur à mémoriser chaque témoignage qu’il a vu. Selon une étude de la National Library of Medicine, le codage facilite la mémorisation.

Zoom est un excellent exemple de la manière dont un témoignage peut attirer immédiatement l’attention de l’utilisateur. Il place un grand curseur d’images montrant les bureaux de différents clients, avec un bouton de lecture pour indiquer qu’il s’agit d’une vidéo.

La vidéo est ensuite diffusée sur youtube et montre différents clients travaillant dans leur bureau avec Zoom pour les aider à répondre à leurs besoins quotidiens, tandis qu’une musique entraînante (mais pas distrayante) est diffusée en arrière-plan. Ce témoignage vidéo sur Zoom est une excellente façon d’utiliser la narration dans vos témoignages d’utilisateurs pour attirer l’attention de l’utilisateur et créer un sentiment de bien-être. Les vignettes d’autres témoignages vidéo de clients sont affichées sous la vidéo, ce qui encourage l’utilisateur à découvrir l’utilisation et l’expérience de Zoom par d’autres clients.

Shopify montre comment vous pouvez créer un témoignage vidéo qui ne ressemble pas à une simple vignette.

Cet exemple de témoignage vidéo, que vous pouvez voir directement sur leur page d’accueil, consiste en une photo de clients souriants dans leur environnement de travail, accompagnée d’une citation de leur part, du logo de leur entreprise et d’un CTA pour lire la vidéo.

Le texte est affiché en caractères blancs sur un fond vert foncé qui met en valeur la marque Shopify. Les logos d’autres entreprises notables qui utilisent les services d’hébergement de Shopify sont affichés sous le widget de témoignages vidéo.

Dans une bannière qui change entre cinq témoignages de clients différents, les témoignages vidéo de Hotjarsont une leçon de présentation de témoignages et de design général. Avec une touche de créativité dans la présentation de la photo du client, nous pouvons tous apprécier l’identité de la marque qui brille à travers ce design simple. Le bref témoignage suffit déjà à attirer l’attention, mais ceux qui sont intrigués ou curieux sont libres de suivre le petit bouton pour regarder une interview complète du client qui fonctionne comme une étude de cas.

Les gens accordent de plus en plus d’importance aux témoignages vidéo, car ils constituent un moyen facile d’ajouter de l’émotion à votre témoignage plutôt que quelques lignes sur votre page web. Notez que toutes les vidéos de témoignages sont courtes – aucune ne dépasse les deux minutes. Même avec une vidéo qui fait entrer le visiteur dans l’histoire, s’attarder trop longtemps entraînera une perte d’intérêt.

Voici pourquoi nous aimons Codecademy et l’avons inclus dans notre liste d’exemples de vidéos de témoignages. Lorsque vous arrivez sur la page, vous voyez une vidéo qui contient les témoignages de trois anciens étudiants. Chaque étudiant explique pourquoi il avait besoin d’apprendre le code et comment Codecademy l’a aidé à atteindre ses objectifs.

La vidéo facilite la transmission de l’émotion et de tout ce qui l’accompagne. Cela permet aux visiteurs de s’identifier aux anciens étudiants dans leur quête de succès ou de bonheur, et d’établir un lien avec le service offert par l’entreprise. La vidéo initiale est un peu plus longue que la moyenne, puisqu’elle dure environ deux minutes et demie.

Enable est un exemple qui montre que même une simple vignette de témoignage vidéo peut être agréable à regarder si elle est placée de manière appropriée sur la page. L’élément de la vignette comporte des bords arrondis, ce qui signifie que les contours n’ont pas l’aspect typique des vignettes vidéo carrées. Chaque vidéo attire l’attention de l’utilisateur grâce à un texte d’accroche expliquant comment les clients en sont venus à choisir leur marque.

Ce que nous apprécions le plus, cependant, c’est l’emplacement stratégique de ces témoignages vidéo juste en dessous de l’endroit où ils placent la grille de leur carte de services. Une preuve pour étayer les affirmations !

Ces exemples de témoignages vous montrent que leur impact peut varier en fonction de la manière dont vous les présentez. Vous voulez une page de témoignages qui permette au visiteur de s’identifier à vos clients, en lui montrant que vous avez été confronté aux mêmes problèmes qu’eux au cours de votre carrière. Vous voulez également une page de témoignages qui laisse place à l’émotion et à la personnalité de la marque – faites-la vôtre en ajoutant votre propre touche à la mise en page. Vos témoignages peuvent être volumineux, sous forme d’études de cas, ou brefs, sous forme de tweets – l’important est qu’ils soient authentiques et qu’ils donnent une image de ce que vous êtes en tant que professionnel.