Metropolis
Rediseño UX/UI de la web de Metropolis, la red global de las mayores áreas metropolitanas del mundo.
1. Proyecto
Metropolis quería rediseñar su web para que fuera más fácil de navegar y más accesible, pensando en públicos muy distintos: representantes de ciudades, responsables políticos, investigadores y público general.
2. Reto
El reto era construir una arquitectura que sirviera a públicos tan distintos sin que nadie se perdiera por el camino, y demostrar con datos reales que la nueva estructura funcionaba.
3. Proceso
Empezamos analizando tres referentes del sector (C40, Cities Alliance y OECD) para detectar buenas prácticas, y con esa base hicimos un taller con el equipo de comunicación de Metropolis para repensar la arquitectura de la información. Después validamos el nuevo mapa del sitio con un tree testing en UXtweak, con usuarios internos y externos, y con esos resultados afinamos las etiquetas que generaban dudas. Con esa estructura ya definida, diseñamos toda la web en Figma y revisamos cada fase con el cliente. Y cuando el diseño quedó cerrado, trabajamos con New Spirit para llevarlo a producción.
4. Resultado y aprendizaje
El resultado es una arquitectura de información mucho más clara, y así lo confirmó el tree testing. Aun así, algunas categorías seguían generando dudas, y tuvimos que afinar nombres antes del diseño final.
Sobre todo, aprendí lo valioso que es validar con datos antes de diseñar nada visual. Gracias al taller y al tree testing, no acabamos construyendo una web bonita sobre una estructura que no funcionaba.
Algunas pantallas


