Inicio / Trabajos / UX / UI / Web
Desafío
Presentar información general sobre los productos de Beanies Coffee bajo cada página de producto de una manera que potencie las conversiones. La landing debía funcionar en todos los productos, comunicar beneficios, reforzar la confianza y guiar a los potenciales compradores con una estructura estratégica.
Enfoque
La landing se estructuró en torno a elementos clave de persuasión: testimonios en formato slider, beneficios presentados en una cuadrícula tipo masonry con degradados y un estilo lúdico, una galería interactiva en slider, una tabla comparativa destacada con granos de café animados, y una sección de preguntas frecuentes para resolver dudas.
Iteré la caja de testimonios tres veces para optimizar el espacio, mejorar la jerarquía visual y asegurar una presentación clara y atractiva del contenido.
La primera versión mostraba la imagen en la parte superior sin bordes, seguida por el orden: título del testimonio, calificación con estrellas, texto del testimonio y nombre de la persona. Este diseño generaba una caja extremadamente larga y visualmente desequilibrada.
En la segunda versión, la imagen se redujo de tamaño y se colocó dentro de paddings para mejorar el encuadre. Sin embargo, la distribución general de los elementos seguía resultando en una caja alta que consumía demasiado espacio vertical.
La versión final colocó la calificación con estrellas superpuesta en la parte superior de la imagen, permitiendo que el resto del contenido se ajustara mejor dentro de la caja. Esta solución logró un diseño más corto, bien proporcionado y que transmitía los testimonios de manera efectiva.
Una landing moderna, estructurada y atractiva que comunica el valor único de Beanies Coffee, resalta la confianza de los clientes a través de testimonios y potencia las conversiones con secciones dinámicas y visualmente llamativas alineadas con la identidad lúdica de la marca.