15 ejemplos de testimonios y mejores prácticas para tu sitio web

¿Qué tiene de bueno tu empresa? ¿Qué te hace único? Probablemente podrías dar respuestas brillantes y elaboradas o frases rápidas de una sola línea en tu sitio web sobre por qué tu empresa es la mejor del mundo.

Un gran comienzo. Pero probablemente eso por sí solo no sea suficiente. ¿Por qué? Porque los consumidores tienen una fuente infinita de opciones en Internet para todas sus necesidades. Y como tal, atraer su atención no es tan sencillo. Y menos cuando todos los Tom, Dick y Harry afirman ofrecer el mejor servicio de la ciudad. Para que un usuario o consumidor potencial elija tu servicio, entra en juego una gran dosis de confianza. Los testimonios pueden desempeñar un papel importante a la hora de ayudarte a ganarte esa confianza. Sin embargo, si nunca los has hecho antes, o si vas a rediseñar tu sitio web, es normal que no sepas por dónde empezar. Por eso hemos recopilado algunos de los mejores ejemplos de testimonios de todo Internet, para poner el medidor de inspiración a tope. También te hemos dado algunos consejos sobre cómo empezar hoy mismo.

Un testimonio es una declaración de un cliente anterior o actual en la que comparte sus opiniones sobre tu servicio. Bastante sencillo, ¿verdad? Es como una reseña, pero más breve y dulce. Los testimonios son una forma válida de prueba social que puede inspirar confianza y seguridad de un vistazo, algo necesario con la corta capacidad de atención de los usuarios hoy en día.

El informe sobre el comportamiento de los consumidores de BrightLocal (2017) descubrió que, de todas las personas que participaron en el estudio, sólo un 3% dijo no confiar en las reseñas online. En comparación, cerca del 85% de ellos dijeron que confían en las reseñas como en las recomendaciones personales. Dado que los testimonios son reseñas breves y de un vistazo, es fácil ver por qué son tan importantes. Sin embargo, para aprovechar al máximo esos testimonios que te habrás dejado el alma en conseguir, necesitas diseñarlos de forma que les hagas justicia y ayudes a captar la atención de los visitantes de tu sitio web. Veamos algunas de las mejores formas de diseñar tus testimonios.

Cuando hagas testimonios con tu herramienta de creación de prototipos de sitios web, debes pensar en las siguientes prácticas recomendadas como directrices más que como reglas. Como ocurre con cualquier cosa en el diseño, las reglas siempre están grabadas en piedra hasta que alguien las rompe e inicia una nueva tendencia. Ocurrió cuando se introdujo el diseño plano como oponente del diseño esqueuomórfico. Tanto si sigues todas estas directrices como si no al diseñar tus testimonios, lo más importante, como con cualquier otra cosa en el diseño UI/UX, es que lo pruebes. Diseña primero tu página de testimonios con una herramienta de prototipado. A continuación, comprueba si tus testimonios reducen la tasa de rebote y aumentan la duración de la sesión. Prueba con algunas pruebas de mapa de calor para ver si el diseño de tu testimonio cautiva y atrae a tus usuarios. Sin embargo, antes de hacer pruebas, ¡lo mejor es hacerlas primero! Aquí tienes algunos consejos que te ayudarán:

En primer lugar, debemos cubrir los aspectos básicos. Al elaborar un testimonio, debemos incluir siempre tantos detalles como sea posible sobre el cliente. Intenta incluir siempre el nombre, su cargo y su empresa. Una foto siempre es una buena forma de potenciar estas cualidades. Añadir un rostro humano a tu testimonio siempre tiende a resonar aún más entre los usuarios. Además, asegúrate de que tu testimonio cubre los aspectos fundamentales que pueden interesar a los nuevos usuarios, como la forma en que se resolvió el problema, la rapidez, etc. No te limites a incluir citas aleatorias que digan «Me encanta esta empresa».

Cuando tengamos cubiertos los detalles importantes, debemos asegurarnos de que el testimonio en sí, ya sea texto o vídeo, sea lo más breve y dulce posible.

La cuestión es que el testimonio proporciona al usuario la prueba social que necesita de un vistazo, lo que lo diferencia de una reseña. Lo que nos lleva al siguiente punto:

Aunque los «textimoniales» (¿ves lo que hemos hecho?) funcionan, los vídeos son siempre una forma muy poderosa de aprovechar la narración de historias cuando se trata de otros clientes y pueden considerarse una prueba social más cuando se ve hablar a un cliente satisfecho.

Asegúrate de que sólo utilizas testimonios auténticos: podría volverse en tu contra más adelante si alguien descubre que utilizaste un testimonio falso. Podría quitarte toda credibilidad y causar más daño que beneficio a tu reputación. Además, si tus clientes no quieren dar su nombre, utiliza sus iniciales en lugar de inventarte un nombre.

Intenta elegir siempre el lugar óptimo de tu sitio web para incluir los testimonios de tus clientes. Las empresas grandes y bien establecidas no suelen incluirlos en su página de inicio porque ya hay suficientes pruebas sociales de su calidad. A veces dedican una página de inicio independiente a los testimonios. En cambio, las empresas más nuevas y pequeñas y las startups suelen optar por mostrar sus diseños de testimonios en sus páginas de inicio para captar la atención e inspirar confianza de inmediato.

Slack es un gran ejemplo de cómo la sencillez puede ser a veces la vía más eficaz para demostrar tu valía social. Abren con una gran declaración sobre cuántas empresas utilizan Slack para comunicarse, seguida de un enlace a las historias de sus clientes.

Adornando esa sección hay una cita que te atrae y demuestra el alcance de slack en el mercado. La cita también lleva el nombre del cliente, su cargo y la empresa para la que trabaja, junto con una foto del cliente en su entorno de trabajo.

He aquí por qué nos encanta Hootsuite como ejemplo de testimonio: su diseño diseccionaba la página de testimonios en tres secciones diferentes, una para cada una de las tres grandes razones para utilizar sus servicios. Estas razones son la construcción de la marca, la eficacia de la gestión de las redes sociales y el aumento de los ingresos.

Hootsuite superó el reto enumerando marcas conocidas que ofrecen al visitante su propio caso práctico, cada una de ellas limitándose al beneficio de la sección. Cada testimonio funciona como un enlace a otra página, donde el caso práctico real se presenta con gran detalle, incluyendo estadísticas y datos reales.

A Basecamp le gusta jugar un poco y desafiar el status quo en lo que se refiere a las reglas de diseño de los testimonios. A menudo, se considera la mejor práctica utilizar una imagen, un vídeo u otro recurso multimedia para adornar el testimonio. Sin embargo, este ejemplo de testimonio de Basecamp va en contra de esa norma de una forma muy evidente.

No hacen nada extraordinario: simplemente muestran las citas de sus clientes en un texto grande, en negrita y centrado que llama tu atención. Desde luego, ¡es una forma de hacerlo!

Kissmetrics ha entrado en esta lista porque es un gran ejemplo de los tipos de testimonios que se ven a menudo en muchos diseños modernos de páginas web, especialmente en el sector tecnológico, que es una combinación de texto e imágenes en tarjetas en un widget deslizante.

El deslizador ayuda a captar la atención de los usuarios, y les permite explorar más testimonios si lo desean, sin ocupar el resto de la página con una cuadrícula.

También nos gusta cómo kissmetrics fue más allá en su testimonio e incluyó los logotipos de sus clientes en cada tarjeta.

Bizzabo sabe que un gran diseño dice mucho. Este ejemplo de testimonio muestra cómo tu creatividad puede dar aún más importancia a los propios testimonios. ¿El centro de nuestro universo? Qué ingenioso.

Lo que destaca, aparte del gran uso de la ilustración y el texto, es el uso de testimonios extraídos directamente de las redes sociales. Plataformas como Twitter son una forma estupenda de estar al tanto de lo que la gente dice de tu marca, y pueden ser poderosas cuando se utilizan como prueba social. Bizzabo también ofrece a los visitantes varios casos prácticos en esa misma página. ¡Es lo mejor de ambos mundos!

Proactiv fue proactivo a la hora de aprovechar la prueba social real que los testimonios pueden ofrecer a una empresa en su nicho concreto. ¿Qué mejor prueba, tanto social como visual, de que un tratamiento para el cuidado de la piel funciona, que las fotos del cliente/paciente?

En este ejemplo de testimonio, hay varias imágenes de las distintas fases del tratamiento para el cuidado de la piel de un cliente junto a una foto más grande del resultado, sonriente y con la piel clara.

La agencia de marketing de contenidos, Brafton, ha optado por mostrar los nombres de algunos de sus clientes más importantes en los testimonios de su página de inicio, junto con grandes logotipos, seguidos de una cita textual, seguida del nombre del cliente, el cargo y la empresa.

Este orden atrae al usuario utilizando la jerarquía visual óptima, primero el logotipo para captar la atención, seguido de lo que decía la persona de esa empresa. Si el usuario está suficientemente cautivado, un gran CTA verde le tienta a leer más testimonios. ¡Nos gusta ese estilo!

styleSeatstories es un diseño de página de testimonios de Megumi Tanaka en Dribbble que muestra un interesante enfoque del diseño. En este caso, utiliza fotos del cliente, junto con su nombre y empresa, con burbujas de diálogo para sus testimonios.

Todos los testimonios están dispuestos en formato de cuadrícula y mezclados en un collage visualmente atractivo, con las citas de distintas longitudes proporcionando un popurrí de diferentes formas y tamaños en la página, atrayendo aún más al usuario.

La empresa de alquileres Bungalow entra en esta lista con su diseño de testimonios limpio y colorido. Los suaves colores pastel, junto con grandes imágenes de clientes felices y sonrientes, hacen que el usuario se sienta a gusto. Las imágenes están dispuestas en formato de cuadrícula junto con las citas pertinentes en cuadrículas adyacentes.

Este es un gran ejemplo de cómo puedes aprovechar los testimonios y la prueba social tanto para mostrar tus habilidades de diseño de UI como para establecer aún más la paleta de colores, el estilo y el carácter de tu marca.

Este diseño de UI testimonial de Neil Pearce en Dribbble es una interesante versión del uso de tarjetas para mostrar citas de clientes satisfechos. Utiliza la típica combinación de texto, imagen y nombre, pero además añade una dimensión extra: el color.

El uso del color en este ejemplo de testimonio tampoco es aleatorio. Sirve para distinguir cada testimonio y para ayudar al usuario a memorizar cada testimonio que ha visto. La codificación ayuda a la memoria, según un estudio de la Biblioteca Nacional de Medicina.

Zoom es un gran ejemplo de cómo captar la atención de un usuario inmediatamente con un testimonio. Colocan un gran control deslizante con imágenes que muestran las oficinas de distintos clientes, con un botón de reproducción para indicar que se trata de un vídeo.

A continuación, el vídeo se reproduce con youtube y muestra a distintos clientes trabajando en sus oficinas con Zoom para ayudarles a satisfacer sus necesidades cotidianas, mientras suena música alegre (pero que no distraiga) de fondo. Este vídeo testimonial de Zoom es una forma estupenda de utilizar la narración de historias en tus testimonios de usuarios para atraer al usuario y crear una sensación de bienestar. Debajo del vídeo se muestran miniaturas de otros testimonios en vídeo de clientes que animan al usuario a explorar el uso y la experiencia de Zoom por parte de otros clientes.

Shopify muestra cómo puedes crear un vídeo testimonial que no se quede en una fea miniatura.

Este ejemplo de vídeo testimonial, que puedes ver directamente en su página de inicio, consiste en una foto de clientes sonrientes en su entorno de trabajo, junto a una cita suya, el logotipo de su empresa y un CTA para reproducir el vídeo.

El texto se muestra en fuente blanca sobre un fondo verde oscuro que enfatiza la marca Shopify. Los logotipos de marca de otras empresas notables que utilizan los servicios de alojamiento de Shopify se muestran debajo del widget de vídeo testimonial.

En un banner que cambia entre cinco testimonios de diferentes clientes, los testimonios en vídeo de Hotjarson una lección de presentación de testimonios y de diseño en general. Con un toque de creatividad en la presentación de la foto del cliente, todos podemos apreciar la identidad de la marca brillando a través de este sencillo diseño. El breve testimonio ya es suficiente para captar la atención, pero quienes estén intrigados o sientan curiosidad pueden seguir el pequeño botón para ver una entrevista completa con el cliente que funciona como estudio de caso.

La gente está dando más importancia a los testimonios en vídeo, ya que son una forma fácil de añadir emotividad a tu testimonio, en lugar de unas pocas líneas en tu página web. Ten en cuenta que todos los vídeos testimoniales son cortos: ninguno supera la marca de los dos minutos. Incluso con un vídeo que introduce al visitante en la historia, demorarse demasiado hará que pierda interés.

He aquí por qué nos encanta Codecademy y la hemos incluido en nuestra lista de ejemplos de vídeos testimoniales. Cuando llegas por primera vez a la página, ves un vídeo que contiene testimonios de tres antiguos alumnos. Cada alumno explica por qué necesitaban aprender código y cómo Codecademy pudo ayudarles a alcanzar sus objetivos.

El vídeo facilita la transmisión de emociones y todo lo que ello conlleva. Esto permite a los visitantes identificarse con los ex alumnos en su búsqueda del éxito o la felicidad, y establecer una conexión con el servicio que ofrece la empresa. El vídeo inicial es ligeramente más largo que la media: alcanza unos dos minutos y medio.

Enable es un ejemplo de cómo incluso una simple miniatura de vídeo testimonial puede quedar bien si se coloca adecuadamente en la página. Su elemento en miniatura presenta un relleno de bordes redondeados, lo que significa que los contornos no tienen el típico aspecto discordante de las miniaturas de vídeo cuadradas. Cada vídeo llama la atención del usuario con un texto de broma sobre cómo llegaron los clientes a elegir su marca.

Lo que más nos gusta, sin embargo, es la colocación estratégica de estos testimonios en vídeo justo debajo de donde colocan su cuadrícula de tarjetas de servicios. ¡Pruebas que respaldan las afirmaciones!

Estos ejemplos de testimonios sirven para demostrarte que su impacto puede variar en función de cómo los presentes. Quieres una página de testimonios que permita al visitante identificarse con tus clientes, mostrándoles que a lo largo de tu carrera te has enfrentado a los mismos problemas a los que ellos se enfrentan hoy. También quieres una presentación de testimonios que permita la emoción y la personalidad de la marca: hazla tuya añadiendo tu propio toque al diseño. Tus testimonios pueden ser grandes en forma de casos prácticos o breves en tweets: lo importante es que sean auténticos y pinten una imagen de cómo eres como profesional.