Marca Blanca Telefonía - VMM · Víctor Martin Marin

🚧 En construcción

Telefonía Marca Blanca

Product Design

Estrategia de comunicación y diseño vertical de las marcas de telefonía que actualmente se encuentran dentro de campañas internas de conversión: Orange, Grupo MasMovil, Vodafone y Yoigo.

Con este proyecto busco mostrar cómo se puede transformar un proceso complejo (elegir entre decenas de tarifas) en una experiencia simple, personalizada y confiable, con fuerte foco en la UX.

Tipo
User Research, UI/UX Design

Herramientas
GA4, Jira, Figma

Ver prototipo

Briefing Marketing Digital

01 Contexto y briefing

Proyecto: Plataforma marca blanca para la comparación y contratación de tarifas de telefonía, internet y televisión.

Objetivo: Crear una web intuitiva y atractiva para que los usuarios puedan filtrar, comparar y contratar tarifas de múltiples operadores, de forma rápida y personalizada.

Reto: Combinar una gran cantidad de información y opciones sin abrumar al usuario, logrando una experiencia simple, fluida y confiable. Inspiración en UX de buscadores como Booking, Skyscanner o Google Flights.

Cliente objetivo:
Usuarios particulares que desean encontrar la mejor tarifa de telefonía según su situación personal o familiar. Serían personas que:

Buscan ahorrar tiempo y dinero al comparar opciones.
Quieren combinar servicios (fibra + móvil + TV) de forma flexible.
Valoran una experiencia digital clara, directa y sin letra pequeña.

Ejemplos de perfiles:

Familias con varias líneas móviles.
Freelancers que trabajan desde casa y requieren buena conectividad.
Estudiantes o jóvenes que buscan precios bajos y apps de streaming.
Personas con segunda residencia o que viven en zonas rurales.

Research Competencia

02 Análisis y research

Benchmarking:

Analizo las siguiente plataformas, ya que suponen tanto competencia como a nivel de estructura y funcionalidades:

Rastreator, Roams: considero que tiene como punto fuerte la variedad pero por otro lado tienen una carga en cuanto a experiencia personalizada.
Pepephone y O2 (UX limpia): destacan por claridad y sencillez en la presentación.
Booking y Skyscanner (por tipo de filtrado y formularios dinámicos)

User Personas:

Lucía, 22 años, estudiante universitaria
Busca una tarifa móvil barata con gigas ilimitados y Netflix incluido.
Javier y Elena, 40 años, familia con hijos
Necesitan fibra rápida, televisión para niños y móviles para ellos y sus hijos.
Miguel, 55 años, vive en zona rural
Prioriza cobertura de fibra y fiabilidad. Busca una tarifa sencilla para su segunda vivienda.

Pain Points identificados:

Formularios complejos y poco amigables.
Exceso de texto y tarifas difíciles de comparar.
Falta de personalización según estilo de vida.

Insight clave:

El usuario no busca solo «la tarifa más barata», sino la que se ajusta a su contexto de uso (vivienda, streaming, movilidad, etc.).

UX Design User Journey

03 Wireframes y diseños Lo-Fi

Con la información recopilada en las etapas previas, procedo a diseñar una estructura básica de la web que incluya el contenido identificado, así como la navegación y la interacción entre los elementos y las páginas.

Enfoque desde el punto de vista de la experiencia de usuario (UX):

Jerarquía visual clara
Lenguaje cercano y directo.
Formularios dinámicos: solo ves lo que importa según tus elecciones.
Enfasis en llamadas a la acción y beneficios visibles.

Proceso:

Sketching en papel para flujo principal: hero section → filtrado → resultados → contratación.
Wireframes en Figma (Lo-Fi):
- Formulario de filtrado con UX progresiva.
- Cards con tarifas destacadas fáciles de comparar.
- Navegación intuitiva, jerarquía visual clara.
Feedback cualificado y validado con test: los usuarios han entendido y navegaban con facilidad.

UX Design UI Design Content Creator

04 Propuesta definitiva

Una vez que el cliente aprueba la propuesta, aplico el diseño UI a la página, afinando los aspectos pendientes de las etapas anteriores. En esta fase, defino varios elementos clave necesarios para la campaña de fibra y móvil:

Segmentación de audiencia: Desde el departamento de performance, recibo una estructura de palabras clave que me ayuda a organizar el contenido y decidir cuáles destacar, aumentando así la relevancia y efectividad de la campaña.
Las audiencias serían:

Por perfil de uso: hogar, segunda vivienda, nómadas digitales.
Por contenido: fanáticos del streaming, gamers, familias.
Por necesidades económicas: low-cost vs premium.

Mensaje y propuesta de valor principal: Por mi lado genero un listado con los principales beneficios y ventajas basandome en los insights recibidos en las etapas anteriores.
La conclusión que saco en cuánto a beneficios es:

Ofertas exclusivas y regalos por contratar.
Transparencia y claridad en los precios.
Posibilidad de armar una tarifa 100% personalizada.

Tu tarifa ideal, sin complicaciones. Compara, elige y contrata en 3 clics.

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

A/B Testing con versiones de formulario largo vs formulario guiado: mejor conversión con flujo progresivo.
Test de usuarios de forma interna: Un porcentaje muy elevado han entendido cómo usar el filtro sin ayuda.

Arte final: Con todo aprobado, avanzo a la fase de generación del arte final de la página: creando vistas para diferentes dispositivos y asegurando todas las funcionalidades necesarias.

Las líneas gráficas que me impongo han sido:

UI limpia y moderna, eligiendo un dark mode para unirme a la tendencia del secto con acento en rosa y verde para transmitir confianza y frescura, además de generar un contraste ideal para enfatizar los mensajes y los tips más destacados.
Tipografía clara, legible.
Sistema de diseño volcado en Figma.

Este proceso se realiza en Figma, garantizando que el diseño final sea coherente y atractivo en todas las plataformas

UX Design UI Design Prototype

05 Proyecto en Figma

Aquí muestro tanto el contenido como el desarrollo del prototipo básico para la interacción entre páginas y con el modal principal del «recomendador» de tarifas.

Las secciones aplicadas han sido las siguientes:

Hero section: formulario dinámico con opciones de fibra, móvil, televisión → en 1 clic muestra las tarifas que cumplen requisitos.
Logos de compañías: muestra las marcas disponibles (Movistar, Orange, Yoigo…).
Novedades del mes: sección tipo carrusel visual con promociones.
Tarifas especiales: secciones de cards con CTA claro y precios cerrados.
Banners contextuales: cobertura, fibra rural, segunda vivienda.
Calculadora de tarifa personalizada: sliders de velocidad, gigas, apps, TV. Actualiza precio en tiempo real.
TV y streaming: sección visual tipo “catálogo” con logos e información de plataformas.
E-commerce: grid de dispositivos con precios
Testimonios: estilo Trustpilot, puntuaciones y comentarios reales.
Ventajas y FAQ: acordeones interactivos para resolver dudas y reforzar confianza.

Igualmente aquí se puede ver a grandes rasgos el proyecto definitivo que se publica para esta campaña.

Ver el prototipo