Cáceres.jpg

CASO DE ESTUDIO UX/UI

Accesibilidad, Escalabilidad y Participación Ciudadana para una Candidatura Europea

ROL

Product Designer (UX Audit, UI Design & Accessibility)

TECH STACK

Figma
Elementor
Accesibilidad WCAG 2.2

AGENCIA

BAIANAI

PLATAFORMA

Institucional Pública

Web antigua

RESUMEN

El briefing inicial

Cáceres 2031 es la plataforma oficial para la candidatura de la ciudad a la Capitalidad Europea de la Cultura. El proyecto requería un rediseño integral de su ecosistema digital para solucionar graves problemas de usabilidad, asegurar el cumplimiento legal de accesibilidad en entornos públicos e impulsar la interacción directa con el ciudadano.

PLANTEAMIENTO

El Problema y los Objetivos

A través de una auditoría heurística y pruebas directas con usuarios reales sobre la web anterior, se detectaron bloqueos críticos de usabilidad.

Problemática clave:

  • Navegación Deficiente: Arquitectura confusa, enlaces duplicados en zonas próximas y páginas clave completamente ocultas.
  • Fricción en Conversión: El objetivo principal (conseguir firmas digitales de apoyo al manifiesto) pasaba desapercibido por falta de jerarquía
  • Desinformación de Eventos: La agenda cultural no transmitía las actividades de forma clara.
  • Brecha de Accesibilidad: Incumplimiento de las normativas de inclusión obligatorias para portales del sector público.
captura de pantalla del sistema de diseño de Cáceres 2031

TOKENS, COMPONENTES Y VARIANTES

Sistema de diseño

Al tratarse de una candidatura viva que genera contenido diario, construí un sistema complejo de Design Tokens (color, tipografía, espaciados, componentes). Esto garantizó que el diseño pudiera crecer y asimilar nuevas secciones de forma orgánica y ágil a medida que la candidatura avanzaba, manteniendo una consistencia visual absoluta.
La interfaz de la Homepage se planteó muy visual, usando animaciones sutiles y efectos de paralelismo enfocados en destacar el Manifiesto. En las páginas interiores de consulta de datos o noticias, reduje drásticamente las interacciones visuales para favorecer una lectura limpia y una navegación rápida que eliminara la fatiga cognitiva.

Accesibilidad Institucional Certificada (WCAG AA)

Todo el sistema de componentes se diseñó bajo las normativas internacionales de accesibilidad AA. Se validaron los ratios de contraste tipográfico para visibilidad reducida, se implementaron áreas de clic maximizadas y se estructuró el orden visual para permitir la navegación fluida mediante teclado.

tres portátiles con la web de Cáceres 2031 abierta

SOLUCIÓN DE PROBLEMAS

Integración de herramientas familiares

Para aumentar la participación vecinal en las actividades culturales sin requerir una curva de aprendizaje, evité desarrollar sistemas personalizados complejos. En su lugar, integré ecosistemas familiares para el ciudadano común:

  • Suscripción Automatizada: Sincronización de eventos mediante un Google Calendar público que permitía a los usuarios añadir la agenda de Cáceres 2031 a sus calendarios personales en un solo clic.
  • Atención Directa: Implementación de flujos mediante Google Forms para agendar citas rápidas y recibir asesoramiento en la Oficina de Activación de la candidatura.
Captura de pantalla del calendario de eventos en la web de Cáceres 2031

CONCLUSIONES

Resultados y aprendizaje

Las pruebas de usuario posteriores validaron la claridad de la interfaz y la facilidad de uso del calendario. El rediseño optimizó la conversión del manifiesto y mejoró notablemente la asistencia a los eventos públicos. Recientemente, Cáceres logró superar los primeros cortes oficiales y ha sido seleccionada para la fase final de la candidatura a la Capitalidad Europea de la Cultura junto a ciudades como Granada, Las Palmas de Gran Canaria y Oviedo.

Visita la web Ver en Figma
Fotografía de Paula Miguel

¿Suena bien? Hablemos

Me encantaría conocerte, si quieres tener una conversación puedes encontrar como en la página de contacto.