Reestructuración y modernización de la experiencia digital de la categoría Seguridad y Ciberseguridad, unificando narrativa, arquitectura de información e interfaz bajo los estándares globales de Movistar Empresas.
Rol
UX/UI Designer — Research, arquitectura y UI
Herramientas
Figma + Maze
Contexto
Telecom B2B — Movistar Corporaciones LATAM
Contexto
Movistar Empresas es el ecosistema B2B de Telefónica que agrupa productos y servicios tecnológicos para empresas en toda Latinoamérica. El área de Corporaciones atiende principalmente a grandes empresas y entidades institucionales con requerimientos avanzados en conectividad, infraestructura y seguridad digital. La categoría 'Seguridad y Ciberseguridad' contaba con múltiples páginas independientes sin estructura visual ni narrativa coherente. El sitio había dejado de actualizarse hace varios años, generando contenido desactualizado, bajo aporte a la conversión, sin indexación en motores de búsqueda y desalineado de los lineamientos globales de Movistar.
Objetivo
Reestructurar y actualizar la experiencia digital del sitio de Seguridad y Ciberseguridad, unificando su narrativa, mejorando la arquitectura de información y alineando la interfaz a los estándares globales de Movistar, con foco en la atracción, comprensión y conversión del cliente corporativo.
Investigación y descubrimiento
Se realizó un diagnóstico completo del sitio actual identificando los principales problemas visuales, de contenido y de alineación con los estándares de marca.
Header y Herobanner
El header principal no se alineaba con el formato estándar de Movistar Personas y Empresas. La selección de segmentos no se diferenciaba adecuadamente del menú de navegación y la selección de corporaciones no era visible, sin otorgar sentido de ubicación al usuario. El herobanner no respetaba los lineamientos gráficos de la marca: imágenes, color turquesa y difuminado no formaban parte del design system.
Landing Ciberseguridad
Imágenes, iconografía y botones no formaban parte de los lineamientos globales de la marca. Categorías como 'Metashield' no se encontraban en el catálogo actual de Movistar, evidenciando abandono en la mantención web.
Landing Producto
Se mantenía el desalineamiento gráfico en landings internas. La información era plana, poco atractiva, desactualizada y sin keywords de posicionamiento SEO.
Benchmark
Se analizaron referentes del mercado B2B para identificar buenas prácticas en comunicación de servicios de ciberseguridad corporativa.
NTT Data
Sección enfocada en credibilidad y autoridad de marca, destacando métricas cuantitativas sobre presencia global, experiencia y capacidad técnica. El bloque 'Nuestro Impacto' refuerza confianza mediante datos verificables. Complementa con un módulo de Casos de Éxito que genera conexión emocional y aspiracional con potenciales clientes.
Entel Digital
Sección orientada a comunicar el posicionamiento estratégico de la marca como unidad experta en soluciones tecnológicas empresariales. Presenta pilares de valor claros (Seguridad, Flexibilidad, Agilidad, Escalabilidad) con íconos y descripciones breves que facilitan la lectura rápida.
Info World
Sección enfocada en mostrar un portafolio integral de servicios tecnológicos con bloques visuales de alto contraste y terminología técnica, reforzando la percepción de conocimiento y soporte empresarial.
Arquitectura y estrategia de contenido
A partir de los hallazgos, se definió una estructura informativa uniforme aplicable a todas las soluciones de ciberseguridad.
1
Hero principal con H1 y párrafo foco SEO.
2
Descripción general del servicio con CTA para generación de lead.
3
Características técnicas.
4
Casos de uso por industria.
5
Preguntas frecuentes.
Diseño UI — Prototipo alta fidelidad
Se diseñó el prototipo completo adaptado a los lineamientos de Movistar Empresas, incluyendo versión desktop y mobile.
Banner adaptado a lineamientos de Movistar Empresas: colores, imágenes Brand Factory, CTA, tipografía.
Textos definidos por equipo SEO para posicionamiento orgánico.
Tab de servicios completos de Ciberseguridad con navegación fluida entre ellos.
Desglose de contenido informativo en formato Timeline con imágenes e iconografía de apoyo.
Tabla comparativa entre servicios.
Preguntas frecuentes asociadas al uso del servicio.
Versión Desktop
Versión Mobile
Test de usabilidad
Antes del traspaso a desarrollo, se realizaron pruebas moderadas remotas con perfiles representativos del segmento corporativo para evaluar comprensión, navegación y percepción de valor.
Tipo: Test moderado remotoDuración: 25 min por participanteParticipantes: 6 usuariosMaze + Figma + Grabación
Métrica
Resultado
Observación
Tasa de éxito en tareas
83%
Los usuarios comprendieron la estructura y pudieron identificar las secciones principales.
Tiempo promedio por tarea
1:42 min
El flujo fue ágil, aunque algunos usuarios demoraron en encontrar el CTA de contacto.
Error rate
17%
Principalmente por confusión entre páginas de productos similares.
Nivel de satisfacción SUS
82/100
Alta percepción de claridad y profesionalismo visual.
Conclusiones y resultado
Una experiencia más clara y alineada a la marca
El test confirmó que la nueva experiencia mejora significativamente la comprensión del contenido y la navegación general, transmitiendo solidez y credibilidad corporativa. Se identificaron oportunidades de mejora para la siguiente iteración:
Optimizar los CTAs de contacto con mejor contraste y posición fija.
Simplificar textos técnicos en secciones de producto.
Incorporar un buscador o filtrado por necesidad (tipo de empresa o tamaño).