Diseño de Sección de Testimonios para Landing Pages

Clase 17 de 21Curso de Diseño Web No Code

Resumen

¿Cómo añadir una sección de testimonios en tu proyecto web?

Incorporar una sección de testimonios en tu proyecto web es crucial para fortalecer la prueba social y fomentar la confianza en tus productos o servicios. A través de este artículo, te guiaré en el proceso de diseñar una sección de testimonios utilizando herramientas como CAR, aprovechando los estilos y configuraciones que se encuentran documentados en Notion.

¿Cuál es la estructura básica del proyecto?

Antes de adentrarnos en el diseño de la sección de testimonios, es esencial que tu proyecto tenga algunas secciones previas completas. Al incluir:

  • Above the Fold: Una atracción inicial.
  • Below the Fold: Características detalladas del producto a través de varias franjas.
    • Vídeo centralizado y texto.
    • Texto destacado.
    • Imágenes descriptivas acompañadas de descripciones textuales.

¿Cómo crear el estilo de testimonio?

Para dar inicio a esta tarea, crea un nuevo contenedor donde se ubicará la sección de testimonios. Aquí te dejo los pasos esenciales:

  1. Establece un nuevo contenedor: En CAR, agrega un contenedor específico para testimonios.
  2. Aplica un degradado: En lugar de un color plano, opta por un Gradient para añadir dinamismo visual. Selecciona dos colores de tu documento de Notion.
  3. Ajusta el ángulo: Establece un ángulo de 180 grados para un efecto único.

¿Cómo diseñar el texto del testimonio?

Una vez que el contenedor esté listo y el estilo predefinido aplicado, el siguiente paso será añadir texto al testimonio:

  • Añade texto fresco: Inserta el texto del testimonio desde tu documento en Notion.
  • Aplica el estilo de testimonio: Asegúrate de que el texto contraste bien aplicando el estilo específico que has desarrollado para los testimonios.
  • Texto cursiva: Para añadir énfasis, convierte parte del texto a modo cursiva insertando una estrellita (*) a cada lado del texto deseado.

Consejos para crear testimonios efectivos

Para maximizar el impacto de los testimonios en tu página web:

  • Autenticidad: Usa testimonios reales para garantizar la autenticidad.
  • Variedad: Incluye diferentes tipos de experiencias para captar una amplia gama de perspectivas.
  • Actualizaciones regulares: Revisa y actualiza los testimonios para mantenerlos relevantes.

El diseño bien estructurado de una sección de testimonios no sólo embellece la apariencia de tu proyecto, sino que también construye credibilidad y confianza entre tu público objetivo. Te animo a que adoptes estas técnicas y compartas tus resultados en los comentarios, fortaleciendo así la comunidad de aprendizaje. En nuestra próxima clase, abordaremos el diseño de una sección de precios, pieza clave para la venta efectiva de tus productos o servicios. ¡Sigue explorando y aprendiendo con entusiasmo!