Volver

Metropolis

Rediseño UX/UI de la web de Metropolis, la red global de las mayores áreas metropolitanas del mundo.

Rol Investigación UX + Diseño UI
Herramientas Figma · UXtweak
Tipo Proyecto 119.media
Año 2025

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