Rediseño de una landing de conversión
Rediseño de la página de servicio de Paid Social de LiftCentro, una agencia de marketing digital, con la conversión como objetivo.
Ver en Figma (se abre en una pestaña nueva)
- Rol
- Diseñador UI/UX
- Herramientas
- Figma, rediseño UI/UX, diseño de conversión, línea de marca
- Entregables
- Prototipo navegable en Figma, listo para implementación
Contexto y problema
Rediseño de la página de servicio de Paid Social de LiftCentro, una agencia de marketing digital. El encargo era corregir los problemas de UI/UX de la página existente y renovarla dentro de su línea de marca, con un objetivo concreto: que convirtiera mejor.
La página no estaba convirtiendo lo que debía. Había que encontrar qué frenaba al visitante (jerarquía poco clara, un servicio que no se entendía de inmediato y llamadas a la acción sin suficiente peso) y resolverlo sin salirse de la identidad de marca ya establecida.
Fui responsable del análisis de la página existente y del rediseño completo de la interfaz, trabajando dentro de la línea de marca del cliente.
Decisiones clave
Rediseñé la página completa respetando su línea de marca: un hero que deja claro el servicio, prueba social visible desde temprano, el detalle del servicio en bloques legibles y una única llamada a la acción.
Un hero que explica el servicio
Problema. El servicio no se entendía de inmediato.
Lo que hice. Rediseñé el hero para que deje claro el servicio en la primera pantalla.
Por qué. Para que el visitante entienda qué se ofrece antes de seguir leyendo.
Bloques legibles
Problema. La jerarquía era poco clara y el detalle del servicio costaba leerlo.
Lo que hice. Partí el detalle del servicio en tres bloques con una pregunta cada uno y puse la acción principal justo debajo.
Por qué. Para reordenar el contenido de modo que el servicio y la acción principal se entiendan de inmediato.
Una sola llamada a la acción
Problema. Las llamadas a la acción no tenían suficiente peso.
Lo que hice. Dejé una única llamada a la acción y la repetí en los puntos donde el visitante ya está convencido.
Por qué. Para evitar opciones que compiten entre sí.
Cómo lo trabajé
- Revisión de la página actualIdentificación de los problemas de UI/UX que estaban frenando la conversión.
- Lectura de la línea de marcaTrabajo dentro de los colores, la tipografía y el tono ya definidos por la agencia.
- Rediseño de la jerarquíaReordenamiento del contenido para que el servicio y la acción principal se entiendan de inmediato.
- Entrega en FigmaPrototipo navegable con la página lista para implementación.
Resultados
- Correcciones de UI/UX aplicadas sin salirse de la línea de marca existente.
- Una sola llamada a la acción repetida en los momentos clave, en lugar de opciones que compiten entre sí.
- Prototipo navegable entregado en Figma, listo para implementación.