DISEÑO CON IMPACTO

¿Cómo hicimos para aumentar un 45% los leads calificados?

En 2024, detectamos un problema crítico: más del 90% de los visitantes de la web de la software factory abandonaban sin interactuar. Acepté el desafío de rediseñar de punta a punta su landing page para revertir esa fuga y potenciar la generación de leads.

Diseño final de la landing page rediseñada

Resumen

Antes de iniciar surgi[o una pregunta clave: ¿por qué tantas personas entraban al sitio, pero decidían marcharse sin dar un paso más?

Al realizar un análisis de optimización de conversión, descubrí que la información resultaba confusa y el sitio carecía de una propuesta de valor clara.

Creé user personas alineados con los clientes que la empresa buscaba captar y, apoyándome en un análisis heurístico, formulé la hipótesis: ante la falta de un público objetivo definido y ausencia de propuesta de valor tangible se generaba desconfianza, duda y, en consecuencia, abandono.

A partir de estos insights diseñé una experiencia de navegación guiada mediante storytelling, donde cada usuario pudiera sentirse identificado con casos reales, descubrir contenido relevante y entender cómo la empresa había resuelto problemas similares en otras compañías.

El resultado fue un sitio optimizado para la conversión, capaz de transmitir confianza y reflejar con claridad el verdadero potencial de la compañía.

Análisis

Pusimos la lupa sobre el sitio como estaba inicialmente para detectar posibilidades de mejora a nivel contenido, estructura y percepción visual.

Sitio web original antes del rediseño

Usuarios arquetipos

Era necesario dejar en claro Qué, Cómo y Por qué la empresa hace lo que hace. Para poder traducir esto en valor era necesario entender a Quién queríamos dirigirnos y así alinearnos con sus necesidades.

Una vez definidos los usuarios desglosé su desglosé su recorrido para entender cómo sería su experiencia dentro del sitio y qué puntos de contacto debíamos optimizar.

User persona 1 — usuario arquetipo del proyecto
User persona 2 — usuario arquetipo del proyecto

Contenido

Junto al cliente, definimos el contenido que daría forma al storytelling de la nueva landing page. A partir de esa base, organicé la lista de elementos a mostrar y estructuré un orden narrativo pensado para guiar el recorrido de los usuarios de manera clara y coherente.

Wireframes

El primer instancia plantee wireframes en baja fidelidad para lograr definir los bloques de contenido, el copy, la emoción que busco provocar y la interacción que espero que el visitante haga. En esta instancia propuse 3 alternativas y se eligió la opción que comunicaba mejor la propuesta de valor de la compañía.

Luego presente un wireframe de fidelidad media, con énfasis en la jerarquía de textos y elementos.

La empresa no poseía logotipo ni manual de marca y como el alcance del proyecto no incluía su desarrollo, propuse el color verde que transmite seguridad y confianza. Definido esto se pasó el diseño a fidelidad alta.

Wireframes y propuesta definitiva de la landing page

Color + UI kit

Elegí el color verde #2DC783 por su alto contraste con el fondo oscuro, lo que mejora la legibilidad y refuerza la jerarquía visual. Su tono vibrante transmite modernidad y otorga a la marca una identidad única dentro de un sector visualmente conservador.

Los componentes creados se documentaron en un UI kit utilizando variables para los estados y entornos de uso (desktop, tablet y mobile).

UI Kit con componentes y variables de diseño

Métricas claves

Una vez publicado el rediseño se esperará al menos 3 semanas para acumular un volumen de tráfico representativo y poder en base a eso tomar decisiones de optimización. Las métricas clases a analizar en Analitycs y Google Tag Manager serán:

%
Tasa de rebote y abandono
%
Tiempo en página y scroll depth
%
Tasa de conversión
(visitantes → leads)
%
Tasa de leads calificados

Conclusión

Este proyecto me confirmó que cuestionar el motivo que lleva a una empresa a rediseñar un sitio web abre una puerta hacia aspectos más importantes, en primer instancia, que el diseño visual.

Identificar usuarios ideales ayudó a empetizar con necesidades reales y entender Qué consideran valioso. Lograr bajar en palabras la propuesta de valor ayudó a entender cuál era el potencial de la empresa y destacarlo en la muestra de su caso de éxito.

Aprendi que lo mejor para validar el copy es probar con público real ya que al hacerlo directo con el stakeholder caíamos en supuestos inevitablemente. En este proyecto fue clave priorizar la etapa de análisis por sobre la etapa de propuesta visual para poder sentar bases sólidas sobre las cuales construir la estructura del sitio web.

En otra instancia me gustaría analizar la evolución de las métricas para proponer ajustes y sería ideal sumar elementos de identidad de marca.