La prueba social es uno de los elementos más persuasivos de cualquier landing page. Mostrar testimonios reales genera confianza y puede marcar la diferencia entre un visitante que se va y uno que se convierte en cliente. A continuación se explica paso a paso cómo construir una sección de testimonios atractiva utilizando contenedores, estilos y degradados.
¿Por qué añadir una sección de testimonios a tu landing page?
Antes de crear esta sección, el proyecto ya debe contar con varias partes terminadas: la sección de above the fold, la sección de below the fold con sus franjas de vídeo, texto centrado, texto destacado, características e imagen descriptiva del producto [0:08]. Si alguna de estas piezas falta, conviene completarlas primero, ya que los testimonios funcionan mejor cuando el usuario ya ha recibido información sobre el producto.
La prueba social consiste en mostrar opiniones o experiencias de otros usuarios para reforzar la credibilidad de lo que ofreces. Colocarla después de las características permite que el visitante primero entienda el valor del producto y luego confirme esa percepción a través de la voz de terceros.
¿Cómo crear un contenedor con degradado para los testimonios?
El primer paso es añadir un nuevo elemento de tipo contenedor dentro de la herramienta de diseño [1:00]. A este contenedor se le aplica un estilo previamente creado, llamado "testimonio".
Lo que distingue visualmente a este estilo es el uso de un degradado (gradient). Para configurarlo:
- En las opciones de fondo, en lugar de seleccionar un color plano (none o color), se elige la opción gradient [1:22].
- Al activar el degradado aparecen dos puntos de color que definen la transición.
- Se introducen los códigos de color correspondientes en cada punto.
- Se establece un ángulo de 180 grados para que la transición sea vertical [1:40].
Este efecto aporta profundidad visual y hace que la sección se diferencie del resto de la página, captando la atención del lector justo donde necesitas que confíe en tu producto.
¿Cómo dar formato al texto del testimonio con estilo en cursiva?
Una vez creado el contenedor, se añade un elemento de texto dentro de él [1:52]. El contenido del testimonio se copia desde el documento de referencia en Notion y se pega directamente.
Después se aplica el estilo de apariencia "testimonio", que incluye características tipográficas específicas [2:08]. Sin embargo, hay un detalle importante: el texto debe mostrarse en cursiva (itálica) para transmitir que se trata de una cita textual.
Para conseguir este efecto en la herramienta:
- Se selecciona el texto completo.
- Se accede a la pestaña que controla los aspectos del elemento [2:22].
- Se añade un carácter de estrella (asterisco) a cada lado del texto, lo cual activa el formato en itálica [2:32].
Este sistema de marcado es similar a la sintaxis de Markdown, donde un asterisco a cada lado convierte el texto en cursiva. Es un recurso sencillo pero efectivo para dar ese aspecto de cita directa que refuerza la autenticidad del testimonio.
¿Qué elementos complementarios conviene tener en cuenta?
Al diseñar tu propia sección de testimonios, considera estos puntos:
- Contraste visual: el degradado debe diferenciarse claramente del fondo de las secciones anteriores.
- Legibilidad: asegúrate de que los colores del degradado no dificulten la lectura del texto.
- Brevedad: un testimonio corto y directo tiene más impacto que uno extenso.
Todos los valores de color, ángulos y configuraciones de estilo están disponibles en el documento de Notion referenciado durante la clase [1:12], lo que permite replicar o personalizar cada detalle según las necesidades de tu proyecto.
Ahora es tu turno: diseña tu propia sección de testimonios, haz una captura de pantalla y compártela en los comentarios para recibir retroalimentación.
