Resumen del proyecto
La empresa, líder en suplementos para el cabello, se acercó a nosotros para rediseñar la página de ventas de su paquete, buscando mayores tasas de conversión. EL La copia fue proporcionada íntegramente por el cliente; nuestra responsabilidad fue transformar el texto en una experiencia visual que:
- generó autoridad inmediata (Anvisa, GMP y sellos 100% naturales);
- explicar beneficios concretos (crecimiento, fuerza, brillo);
- llevar al visitante rápidamente al botón “Compra ahora”.
Armonía de colores e identidad visual
| Elemento | Color predominante | Razón de elección |
|---|---|---|
| fondo de héroe | Rosa salmón (#FF7E87) | Se refiere a la salud y belleza femenina |
| Bloques de prueba | Púrpura ciruela (#7D1AFF) | Señala innovación y agrega valor premium |
| CTA | Verde vitalidad (#16C172) | Contrasta fuertemente y evoca lo “natural” |
| tipografía | Blanco y gris grafito | Legibilidad sobre fondos vibrantes |
Ilustraciones vectoriales de mechones gruesos y brillantes recorren el diseño, creando una sensación de movimiento que refuerza el tema del “crecimiento del cabello”. ✨
3 – Estructura de la página
| Orden | Sección (etiqueta idéntica al diseño) | Papel en el viaje |
|---|---|---|
| 1 | Héroe: “Tu cabello más fuerte en 3 semanas” + botella 3D + CTA verde | Impactar y pasar por caja |
| 2 | Beneficios inmediatos – cuatro cartas (Crecimiento, Hilos, Brillo, Caída 0) | Explicar ganancias claras |
| 3 | ¿Por qué funciona? – lista de ingredientes premium (biotina, zinc, silicio) con íconos | Demostrar efectividad |
| 4 | Fotos de antes y después – carrusel con 5 usuarios reales | Prueba social visual |
| 5 | Testimonios 5★ – control deslizante de reseñas con avatar | Reforzar la confianza |
| 6 | Garantía de 30 días – sello morado sobre fondo blanco | Reducir el riesgo percibido |
| 7 | CTA secundaria “Quiero mi kit” | Capta a los que ya están convencidos |
| 8 | Preguntas frecuentes – acordeón rosa claro | Romper las objeciones finales |
| 9 | Pie de página – sellos de seguridad, métodos de pago y nuevo botón verde | Cerrar dirigiéndose a la caja |
Capacidad de respuesta y experiencia móvil
Aunque las capturas de pantalla de Behance solo muestran la versión de escritorio, todo el diseño fue diseñado móvil primero:
- Las tarjetas de beneficios y los testimonios se convierten en carruseles deslizar tacto fácil.
- Los botones verdes mantienen una altura de ≥ 44 px, siguiendo las pautas de UX de Google.
- La tipografía base de 16 px y el contraste AA garantizan una lectura sin zoom.
- La insignia flotante de WhatsApp acompaña al usuario durante todo el desplazamiento para brindar soporte inmediato.
Optimización técnica y SEO
| factores | Implementación |
|---|---|
| Velocidad | Imágenes WebP+ carga diferida; CSS crítico en línea → PageSpeed 92/100 |
| Semántica | H1 único, H2 para cada sección, alternativo texto que contiene palabra clave |
| Densidad de palabras clave | ≈ 1% distribuido en título, meta, primer párrafo, subtítulos y CTA |
| Enlaces | Botones de pago con rel="no seguir"; enlace interno al caso suplementario anterior |
| Copiar | Se mantiene fiel al texto proporcionado por el cliente; Solo hicimos ajustes en la jerarquía y los microtextos de CTA |
Estas prácticas aumentan la relevancia para búsquedas como “encapsulación capilar que funciona” y “vitamina natural para el cabello”.
Resultados y próximos pasos
En los 21 días posteriores al lanzamiento, la nueva landing page aumentó tasa de conversión del 4,8% al 7,6% (+58%). El carrusel de antes y después representó el 42% de la duración promedio de la estadía, lo que demuestra la solidez de la evidencia visual. el sello Garantía de 30 días redujo los reembolsos en un 18%.
Siguiente paso propuesto: Pruebas A/B entre CTA verde sólido y degradado para validar qué estética genera aún más clics en dispositivos móviles.
