Cities for Digital Rights

Descripción general

Promoviendo proyectos, empoderamiento y equidad

El sitio web de Cities for Digital Rights es una plataforma dirigida a municipios, responsables políticos, activistas y ciudadanos que trabajan en la promoción e implementación de iniciativas relacionadas con los derechos digitales en entornos urbanos, ofreciendo un espacio central para el diálogo, la colaboración y la acción. Entre sus usuarios se encuentran representantes de gobiernos locales, activistas, grupos de defensa, responsables políticos y ciudadanos que buscan información sobre las implicaciones éticas, legales y sociales de las tecnologías digitales.

La plataforma funciona como un espacio colaborativo donde diferentes agentes pueden intercambiar conocimientos, compartir recursos y trabajar conjuntamente a través de investigaciones, informes y casos de estudio para crear ciudades que prioricen un uso ético y responsable de la tecnología.

Mi rol en el proyecto

Colaboré con la coalición en el diseño web de su nueva plataforma colaborativa, centrándome en el diseño visual y la definición de la arquitectura de la información. También desarrollé las ilustraciones y recursos gráficos para diferentes plataformas de redes sociales.

El reto

Diseñar una experiencia visual e interactiva coherente entre plataformas

El lenguaje visual del proyecto se diseñó para comunicar su identidad y valores. Incluye una paleta de colores distintiva, con azules vibrantes complementados por grises sutiles, y utiliza tipografías sans serif de carácter contundente.

Esta combinación no solo transmite una sensación de innovación y progreso, sino que también mantiene una estética profesional alineada con los objetivos del proyecto. Además, el lenguaje visual prioriza los requisitos de accesibilidad, garantizando una interacción fluida para todo tipo de usuarios.

Desarrollo

Organizar la información

Como punto de partida, mapeé todas las posibles interacciones de los usuarios mediante un diagrama de arquitectura de la información, organizándolas de forma coherente para crear un flujo lógico que respondiera a las necesidades y expectativas de los usuarios y facilitara el descubrimiento intuitivo de contenido relevante.

Los wireframes nos ayudaron a explorar la usabilidad, comprobar la posición y jerarquía de los elementos clave y validar la interacción de los usuarios.

Desarrollé un UI Kit para disponer de un conjunto coherente de componentes reutilizables, como botones, tipografía, iconos y paletas de color. Esto permitió garantizar un lenguaje visual cohesionado en toda la plataforma.

La accesibilidad fue una consideración fundamental para garantizar un diseño inclusivo para todos los usuarios. Se prestó especial atención a conseguir un contraste de color adecuado, siguiendo las directrices WCAG 2.1 y alcanzando los niveles AAA y AA de legibilidad y visibilidad en diferentes escenarios. El kit también incorpora una tipografía escalable y layouts intuitivos con etiquetas compatibles con lectores de pantalla.

Desarrollé un prototipo interactivo para probar la interacción con la interfaz. Esto proporcionó información valiosa sobre la navegación, la funcionalidad y la experiencia de usuario general, ayudando a perfeccionar la UI y mejorar la usabilidad.

La solución

Una solución de diseño para promover el conocimiento sobre los derechos digitales

La solución de diseño es una plataforma fácil de usar que transmite una estética limpia y moderna, facilitando la navegación y la interacción con el contenido y garantizando que los usuarios puedan acceder fácilmente a información clave sobre sus derechos digitales.

Prototipo interactivo