proyectos

UCCI

Diseño UI/UX

Desarrollo

Rediseño y mejora de la experiencia de usuario en plataforma web

el cliente

La Unión de Ciudades Capitales Iberoamericanas es una organización internacional creada en 1982.

Agrupa a las ciudades capitales y otras grandes urbes de Iberoamérica. Su objetivo principal es promover la cooperación entre estas ciudades, facilitando el intercambio de conocimientos y mejores prácticas para afrontar desafíos comunes.

el reto

La plataforma web de Unión de Ciudades Capitales Iberoamericanas (UCCI) requería una actualización de su plataforma web para mejorar la accesibilidad, optimizar la navegación y modernizar la experiencia de usuario, todo manteniendo su identidad corporativa. Nos centramos en tres áreas clave:

Arquitectura y navegación: Simplificamos los flujos de navegación para facilitar el acceso rápido a la información.

Actualización de contenidos: Hicimos más accesibles y comprensibles las páginas clave, adaptando el contenido a las necesidades del usuario final.

Mapa interactivo de proyectos: Rediseñamos la interfaz y gestionamos la carga de nuevos proyectos, mejorando la visibilidad de las iniciativas de cooperación.

Entendimiento y definición

Durante la fase inicial, realizamos una auditoría exhaustiva de las páginas involucradas en el proyecto para entender su contenido y estructura. A partir de este análisis, identificamos oportunidades para mejorar el formato y la narrativa, proponiendo un enfoque más claro y efectivo.

Mantuvimos varias reuniones con el cliente para asegurarnos de captar sus necesidades y expectativas. Esto nos permitió definir qué elementos eliminar y qué nuevos contenidos añadir, ajustando el proyecto en función de sus requerimientos.

Con los resultados obtenidos, presentamos una propuesta de mejora enfocada en dos áreas principales:

Rediseñamos el árbol de navegación y flujos: Unificamos páginas con contenidos similares, eliminamos aquellas sin valor agregado y creamos nuevas páginas para explicar mejor ciertas ideas clave.

Definimos la nueva arquitectura de contenidos en cada página: Simplificamos y reorganizamos los textos para hacer la información más accesible y fácil de entender, lo que optimizó la navegación y mejoró la experiencia del usuario.

Diseño

Tras comprender las necesidades del cliente, diseñamos una interfaz que preservara la identidad corporativa de la UCCI, pero con una navegación más moderna y eficiente.

Entre las tareas realizadas destacan:

Wireframes y mockups: Diseñamos los wireframes y mockups de secciones clave como Home, Nosotros, Organización y Formación y Comités, priorizando la simplicidad del contenido y la facilidad de navegación.

Mapa de proyectos de cooperación:

Rediseñamos para modernizar la interfaz del mapa de forma que fuera más intuitiva y fácil de explorar.

Mejoramos los filtros interactivos para que los usuarios pudieran buscar proyectos de manera más eficiente.

Rediseñamos la plantilla de las páginas de proyectos, dándoles una imagen más clara y moderna.

tecnología

Uno de los principales retos técnicos fue implementar el nuevo mapa interactivo para los proyectos de Cooperación, adaptándonos al stack tecnológico existente para asegurar soluciones robustas y escalables.

Las mejoras visuales y funcionales se realizaron utilizando PHP, JavaScript y CSS, enfocándonos en optimizar tanto el rendimiento como la experiencia de usuario. Entre las principales tareas destacan:

Rediseñamos los filtros para hacerlos más estéticos y funcionales.

Optimizamos y redefinimos los textos para mejorar su claridad y coherencia.

Aseguramos una experiencia fluida en dispositivos móviles, mejorando la adaptabilidad de la interfaz..

Realizamos importantes ajustes en la página de proyecto para mejorar la presentación y organización de la información

También llevamos a cabo la maquetación de las nuevas páginas creadas, y ajustamos el contenido de algunas secciones existentes, garantizando una integración perfecta con las nuevas funcionalidades.

Impacto

El rediseño de la plataforma de la UCCI generó un impacto significativo en varios aspectos clave:

Mayor accesibilidad y comprensión del contenido: Al simplificar y estructurar mejor las páginas principales, facilitamos la navegación y mejoramos la experiencia del usuario final.

Modernización de la imagen corporativa: La nueva interfaz, más profesional y limpia, refleja fielmente la identidad institucional de la UCCI, reforzando su presencia digital.

Interactividad mejorada en el mapa de proyectos: La optimización del mapa permite a los usuarios explorar los proyectos de forma más intuitiva, lo que aumentó el tiempo de permanencia y mejoró la interacción general con la plataforma.

proyectos