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 consistió en corregir los problemas de UI/UX de la página existente y renovarla dentro de su línea de marca, con un objetivo concreto: mejorar la conversión.
La página no alcanzaba el nivel de conversión esperado. Era necesario identificar qué frenaba al visitante (jerarquía poco clara, un servicio que no se comprendía de inmediato y llamadas a la acción sin suficiente peso) y resolverlo sin salirse de la identidad de marca establecida.
Fui responsable del análisis de la página existente y del rediseño completo de la interfaz, dentro de la línea de marca del cliente.
Decisiones clave
Se rediseñó la página completa respetando su línea de marca: un encabezado que deja claro el servicio, prueba social visible desde el inicio, el detalle del servicio en bloques legibles y una única llamada a la acción.
Un encabezado que explica el servicio
Problema. El servicio no se comprendía de inmediato.
Decisión. Se rediseñó el encabezado para que el servicio quede claro en la primera pantalla.
Motivo. Que el visitante comprenda la oferta antes de continuar leyendo.
Bloques legibles
Problema. La jerarquía era poco clara y el detalle del servicio resultaba difícil de leer.
Decisión. Se dividió el detalle en tres bloques, cada uno con una pregunta, y se ubicó la acción principal inmediatamente debajo.
Motivo. Reordenar el contenido para que el servicio y la acción principal se comprendan de inmediato.
Una única llamada a la acción
Problema. Las llamadas a la acción no tenían suficiente peso.
Decisión. Se dejó una única llamada a la acción y se repitió en los puntos donde el visitante ya dispone de información suficiente para decidir.
Motivo. Evitar opciones que compitan entre sí.
Proceso
- Revisión de la página actualIdentificación de los problemas de UI/UX que limitaban 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 única llamada a la acción repetida en los puntos clave, en lugar de opciones que compiten entre sí.
- Prototipo navegable entregado en Figma, listo para implementación.