Iberdrola | Redesign

Rediseño para la campaña Iberdrola España · Luz y Gas; a partir de un estudio previo de meses de data sobre los formularios y mensajes principales. Además unido a la intencionalidad de cambiar por un look&feel más moderno y adherido al del propio cliente

Rol
Data Analysis + UX/UI Designer

Duración
3 semanas

Tipo
UX/UI Design

Herramientas
Looker Studio, Jira, Figma

Briefing Marketing Digital

01 Challenge y briefing

Challenge

La experiencia en landing para los usuarios de Iberdrola se ha identificado como un punto crítico que ha estado provocando un descenso en la consecución de leads. El proceso actual carece de una navegación intuitiva y flexible, lo que está generando frustración en los usuarios, además de haber demasiados impactos a través de CTA innecesarios. Las pruebas de usabilidad revelan que esta cantidad de CTA en página suele provocar que los usuarios abandonen, incluso aunque el mensaje y evento principal sí esté claro.

Todo esto representa una clara oportunidad para optimizar la experiencia del usuario desde que entra en página hasta que finaliza la contratación (en este caso el lead).

Mi responsabilidad fue liderar el diseño de la experiencia completa, desde la investigación y el análisis de data hasta la definición de prototipos finales, asegurando que la interfaz comunicara valor y simplicidad.

Objetivo

El objetivo es crear una experiencia de conversión más fluida y centrada en el usuario que simplifique la navegación y reduzca la fricción, aumentando así las tasas.

Esto implica varios puntos: el cambio de look general de la página a través de una interfaz más moderna, cambios en mensajes principales, aplicación de formularios más simples y eliminación de CTA que no estén generando volumen, todo ello optimizado para dispositivos móviles ya que el volumen principal es por este dispositivo (72%).

Añadido a esto y, debido a la tendencia de Google en 2025, vamos a aplicar de forma más activa el SEO en página.

Research Comparativa Data Analyst

02 Comparativas & Data Analysis

Auditoría interna

Analizo nuestra propia landing para y destaco estos puntos:

La comparación entre tarifas es difusa.
Los mensajes son algo dispersos y muy cargados.
Falta de elementos persuasivos y directos.
Falta de contenido para ayuda a posicionamiento SEO.
Excesivo uso de scroll horizontal sin apoyo UI adecuado.

En conclusión y aunque la landing está bien optimizada en cuanto a consecución de leads, se pierde en esos aspectos los cuales hacen que la experiencia de usuario se resienta.

Análisis de data

A través de Looker Studio podemos visualizar un informe general de como está funcionando la página, y se puede observar varias kpis:

Mayoría de tráfico a través de dispositivo móvil: 72% vs 27%
La gran mayoría de eventos asociados a los teléfonos de llamada directa no están funcionando.
En cuanto a eventos de formulario vemos que también hay muchos que no están teniendo activaciones: el contenido de apoyo como pueden ser los mantenimientos y las ventajas no generan interés en el usuario para realizar la conversión.
El evento principal se centra en los copies de «Calcular» en vez de «Infórmate».

Añadidos de contenido según la estructura de KWs de SEM

Según al estructura de keywords, añado también una serie de kw que nos sirvan para posicionar la página, dotándola de más contenido y a la vez mejor dirigido: «tarifas», «baratas», etc.

UX Design

03 Conclusiones previas

Contenido a eliminar

Limpia de todos los eventos de llamada que están en página: dejamos de mostrar el número, únicamente en la cabecera.

Eliminar todos los CTAs que no han tenido activaciones para dejar el contenido limpio y centrado en los que sí que están funcionando.

Cambios

Modificar contenido:

Claridad por encima de todo: los usuarios quieren entender la diferencia entre tarifas.
Unificar la promoción en un único elemento (y hacerlo flotante) para no duplicarlo en demasiados sitios.
Modificar el look and feel general para adaptarlo de forma más moderna.

Añadidos

Contenido adicional

Añadir más texto real en las secciones de ventajas y mantenimientos / Añadir un comparador de planes /Añadir preguntas frecuentes

Nuevos ctas con intencionalidad basada en el ahorro.

UX Design

04 Soluciones

Propuestas de valor en los mensajes

Los principales motivos para un cambio de compañía son:

Ahorro en la factura: búsqueda de tarifas más económicas para reducir gastos mensuales.

Preferencia por energía renovable: motivación de los usuarios a contratar con empresas que apuestan por fuentes sostenibles.

Mejor atención al cliente: La insatisfacción con la atención al cliente impulsa a los consumidores a buscar alternativas.

Facilidad para cambiar de comercializadora: simplificación del proceso de cambio que permite a los usuarios tomar decisiones mejor informadas.

Tarifas personalizadas y servicios adicionales: La posibilidad de acceder a tarifas adaptadas al consumo y servicios complementarios es un factor atractivo.

Mejora de look and feel

Optimización de los formularios

Añadir los pasos para posicionar al usuario en que punto del proceso se encuentra

Poder personalizar su tarifa añadiendo otros productos ya sean tarifa de gas o mantenimientos adicionales.

UI Design Content Creator

05 Propuesta definitiva

Sistema visual

Aplicación de un nuevo sistema de colores, con la intención de asociar las acciones de manera cromática.

Cambio de tipografía corporativa.

Componentes realizados a partir de Atomic Design (botones, cards de tarifas, calculadora) para la escalabilidad.

Mensaje y propuesta de valor principal:

Aplico los nuevos mensajes definidos en el estudio previo, todo ello en cierto modo basado en los pilares de la marca: «sostenibilidad», «estabilidad» y «energía fiable». Como hemos observado también tenemos que tener en cuenta el beneficio principal, en este caso el «ahorro».

Mensajes visuales clave

Empieza a ahorrar ahora en tu factura de la luz
Elige tu nueva tarifa de luz y empieza a ahorrar hoy mismo
¿Por qué pagar más por lo mismo? Ahorra ya en tu factura de luz

Testeo y pruebas finales con prototipo:

Una vez completado lo anterior, realizo pruebas técnicas y de usuario en la landing para asegurar que todos los mensajes y elementos interactivos funcionen correctamente y proporcionen una experiencia fluida.