Rebranding de UX Learn: un viaje por el Doble Diamante

UX Learn
30/4/2024
|
Torresburriel Estudio

En UX Learn, nuestra plataforma de formación, la evolución es esencial para ofrecer formaciones que respondan a las tendencias actuales. Nuestro rebranding es testimonio de este compromiso, basado en el modelo del Doble Diamante que no solo enseñamos, sino que también aplicamos en nuestra labor.

Comparativa de dos interfaces de la página web de UX Learn, mostrando el diseño anterior y el actualizado con esquemas de color y disposición diferentes.
Evolución del diseño web de UX Learn: vista antes y después del rediseño.

Diamante del Problema

1. Descubrir: escuchar la voz del negocio

Cada transformación comienza con una introspección. Antes de considerar cualquier diseño, nos sumergimos en nuestras propias metas y visiones. ¿Qué queríamos lograr con este rebranding? ¿Qué mensaje queríamos comunicar?

Estos son los principios del producto que guían nuestro propósito:

  • Cercanía: apostamos por las interacciones humanas y simples.
  • Claridad: no dar lugar a ambigüedades para que se pueda actuar con confianza.
  • Valoración del tiempo: valoramos el tiempo invertido en realizar el trabajo y tratamos de reducirlo al mínimo.
  • Basado en datos: las decisiones son basadas siempre en datos e insights.

Además, nos apoyamos en herramientas digitales para recopilar datos valiosos sobre el comportamiento y las preferencias de nuestros usuarios. Google Analytics y Hotjar nos proporcionaron insights valiosos sobre lo que funcionaba y lo que podíamos mejorar.

Captura de pantalla mostrando análisis de datos con herramientas Google Analytics y Hotjar, incluyendo gráficos de comportamiento de usuarios y mapas de calor.
Análisis de interacción del usuario utilizando Google Analytics y Hotjar para mejorar la experiencia en la web.

2. Definir: entender al usuario y el mercado

Una vez que tuvimos una imagen clara de nuestra propia voz, dirigimos nuestra atención hacia el exterior. El mercado de diseño UX está en constante evolución, y es esencial mantenerse al día con las tendencias y las mejores prácticas.

Un benchmarking exhaustivo nos ayudó a identificar áreas de oportunidad y a inspirarnos.

Tabla de evaluación comparativa (Benchmark) para diferentes servicios educativos, mostrando criterios y puntuaciones color codificados.
Tabla de benchmarking detallando criterios específicos y evaluación de servicios educativos comparados.

Además, el feedback directo de los usuarios siempre ha tenido muchísimo valor para nosotros. A través de entrevistas y encuestas, pudimos comprender mejor las expectativas, necesidades y desafíos de nuestros usuarios.

Además del benchmarking y la retroalimentación, otra herramienta crucial en esta etapa fue el User Story Mapping. Esta técnica nos permitió visualizar el viaje del usuario en nuestra plataforma e identificar las historias más esenciales y sus dependencias.

Vista general de un User Story Mapping, con distintas fases y tareas organizadas secuencialmente para desarrollo de software.
Estructura de User Story Mapping utilizada para planificar y visualizar el desarrollo de nuevas características.

Diamante de la solución

3. Desarrollar: diseño y prototipado

Con una visión clara en mente y un cúmulo de datos a nuestra disposición, iniciamos la fase de diseño. Nuestro equipo dedicado se embarcó en sesiones de brainstorming, card sorting y wireframing. Cada decisión de diseño se tomó con un enfoque en la usabilidad, accesibilidad y estética.

Diagramas de arquitectura de información mostrando la organización jerárquica de las páginas y contenido en un sitio web educativo.
Esquemas detallados de la arquitectura de información para optimizar la navegación y usabilidad del sitio.
Colección de wireframes para diferentes secciones de un sitio web, mostrando el diseño básico y la disposición de elementos.
Wireframes que delinean el diseño y estructura inicial de las páginas del sitio web.

Al diseñar, no solo pensamos en el presente, sino también en el futuro. Por eso, al elaborar nuestro prototipo de alta fidelidad, también establecimos un sistema de diseño. Esto asegura que cualquier expansión o adaptación en el futuro mantenga una coherencia visual y funcional.

4. Entregar: implementación

Con nuestros diseños y prototipos en mano, pasamos a la fase de desarrollo. Usar Webflow nos permitió tener una implementación ágil y eficiente, garantizando que cada elemento se tradujera perfectamente desde el diseño hasta el sitio en vivo.

Interfaz de usuario en el editor de Webflow mostrando herramientas y opciones para la creación de sitios web.
Captura de pantalla del entorno de desarrollo en Webflow, facilitando diseño web intuitivo y flexible.

Y, por supuesto, en este mundo digital, la integración con otras herramientas es clave. Configuramos métricas, integramos servicios y establecimos automatizaciones para asegurar una experiencia de usuario fluida.

Pantalla de edición móvil en Webflow mostrando cómo adaptar un sitio web para dispositivos móviles.
Edición móvil en Webflow que permite a los usuarios optimizar sus sitios para una visualización adecuada en smartphones.

Conclusión

Este rebranding representa más que un cambio estético. Es un reflejo de nuestro compromiso con la comunidad UX, nuestra pasión por el diseño y nuestra promesa de ofrecer formación de vanguardia. Si quieres embarcarte en un viaje similar o mejorar tus habilidades en UX, te invitamos a explorar nuestros programas especializados y nuestra certificación  internacional UX-PM.

Explora, aprende y crece con nosotros en UX Learn. ¡Te esperamos!


Foto de portada de Patrik Michalicka en Unsplash.

¿Quieres darnos tu impresión sobre este post?

Deja una respuesta

Aquí va tu texto personalizado.

Blog

Nos encanta compartir lo que sabemos sobre diseño de producto y experiencia de usuario.
Ver todo el blog
Puedes consultarnos lo que necesites
Envíanos un mensaje
Nombre
Email
Mensaje
Gracias por escribirnos. Nuestro equipo se pondrá en contacto contigo tan pronto como sea posible.
Ha ocurrido un error. Estamos trabajando para resolverlo. Puedes escribirnos al chat.