Caso de estudio:
Nueva experiencia web
Caso de estudio:
Nueva experiencia web
Desafío
Rediseñar la web del producto para ofrecer un look & feel moderno y una comunicación clara que resaltara los atributos clave del producto, mejorando tanto la experiencia de usuario como el impacto visual de la marca.
Rediseñar la web del producto para ofrecer un look & feel moderno y una comunicación clara que resaltara los atributos clave del producto, mejorando tanto la experiencia de usuario como el impacto visual de la marca.
Objetivos del proyecto
• Modernizar el look & feel del sitio, alineándolo con estándares visuales actuales para mejorar la percepción del producto.
• Reestructurar la arquitectura de la información para facilitar la navegación y optimizar el flujo de usuario.
• Redefinir el contenido para comunicar de forma clara, atractiva y persuasiva la propuesta de valor.
• Actualizar el estilo UI para ofrecer una experiencia coherente, atractiva y funcional en todos los dispositivos.
• Modernizar el look & feel del sitio, alineándolo con estándares visuales actuales para mejorar la percepción del producto.
• Reestructurar la arquitectura de la información para facilitar la navegación y optimizar el flujo de usuario.
• Redefinir el contenido para comunicar de forma clara, atractiva y persuasiva la propuesta de valor.
• Actualizar el estilo UI para ofrecer una experiencia coherente, atractiva y funcional en todos los dispositivos.
Recursos proporcionados por la empresa
• UI Kit del producto.
• Maquetas y prototipos previos.
• UI Kit del producto.
• Maquetas y prototipos previos.
Proceso creativo
Moodboard inicial para definir el nuevo look & feel acorde a la identidad de la marca.
Análisis de la arquitectura de la información del sitio anterior para detectar mejoras, considerando los nuevos atributos y estrategia del producto.
Propuesta de nueva comunicación desarrollada por el equipo de UX Writing.
Creación de nueva arquitectura y redacción de contenido para cada sección del sitio.
Diseño de maqueta en Figma, integrando identidad visual y propuestas del moodboard.
Presentación del prototipo y recolección de feedback con el equipo interno.
Ajustes y aprobación final.
Implementación no-code en Divi (WordPress) para su publicación online.
Moodboard inicial para definir el nuevo look & feel acorde a la identidad de la marca.
Análisis de la arquitectura de la información del sitio anterior para detectar mejoras, considerando los nuevos atributos y estrategia del producto.
Propuesta de nueva comunicación desarrollada por el equipo de UX Writing.
Creación de nueva arquitectura y redacción de contenido para cada sección del sitio.
Diseño de maqueta en Figma, integrando identidad visual y propuestas del moodboard.
Presentación del prototipo y recolección de feedback con el equipo interno.
Ajustes y aprobación final.
Implementación no-code en Divi (WordPress) para su publicación online.
Herramientas utilizadas
• Figma Jam – moodboard y arquitectura de la información.
• Figma Design – diseño de maquetas y prototipo.
• Divi (WordPress) – implementación no-code del sitio.
• Figma Jam – moodboard y arquitectura de la información.
• Figma Design – diseño de maquetas y prototipo.
• Divi (WordPress) – implementación no-code del sitio.
Nueva Arquitectura
Se priorizó visibilizar los servicios de forma directa, pasando de promocionar canales aislados a destacar aplicaciones de la plataforma que agrupan dichos canales.
Se incluyó un CTA directo al portal de clientes para facilitar la conversión.
Se priorizó visibilizar los servicios de forma directa, pasando de promocionar canales aislados a destacar aplicaciones de la plataforma que agrupan dichos canales.
Se incluyó un CTA directo al portal de clientes para facilitar la conversión.
Nuevo Look & feel
Manteniendo los fundamentos de la marca, se adoptó una estética más limpia, ordenada y clara, enfocada en transmitir los atributos del producto con una experiencia visual más depurada y fácil de entender.
Manteniendo los fundamentos de la marca, se adoptó una estética más limpia, ordenada y clara, enfocada en transmitir los atributos del producto con una experiencia visual más depurada y fácil de entender.
Solución entregada
Un rediseño web que mejora la percepción de marca, optimiza la experiencia de navegación y comunica los beneficios del producto de forma más clara y atractiva, manteniendo coherencia con la identidad visual.
Un rediseño web que mejora la percepción de marca, optimiza la experiencia de navegación y comunica los beneficios del producto de forma más clara y atractiva, manteniendo coherencia con la identidad visual.
Resultados
• Mejor posicionamiento visual de la marca gracias a un diseño moderno y alineado con su identidad.
• Aumento en la interacción del usuario, con navegación más intuitiva y atractiva.
• Mayor exploración del contenido del producto, facilitando la comprensión de su propuesta de valor.
• Mejor posicionamiento visual de la marca gracias a un diseño moderno y alineado con su identidad.
• Aumento en la interacción del usuario, con navegación más intuitiva y atractiva.
• Mayor exploración del contenido del producto, facilitando la comprensión de su propuesta de valor.
