Cliente:
Decidim
En colaboración con:
Edgar Seis (Directed and guided under my creative leadership)
Lugar:
Barcelona
Año:
2024
Un sistema que el equipo puede ampliar, no solo usar. Como Directora de Arte, diseñé la identidad de comunicación base, gestioné la dirección del proyecto y construí un sistema de diseño en Figma con metodología atómica, dirigiendo el soporte de diseño externo para asegurar la alineación absoluta de la marca. Para garantizar la autonomía de los departamentos, impartí un tutorial técnico en vivo con el equipo base de cinco personas (un perfil multidisciplinar de comunicación), homogenicé toda su biblioteca de fotos heredada para adaptarla a un marco visual cohesivo y les enseñé a construir moléculas y organismos nuevos por su cuenta. Dos años después, la identidad sigue completamente activa y autosustentable, escalando de forma orgánica sin haber necesitado la asesoría de mantenimiento disponible.
Estrategia y Enfoque
Para lograr una identidad de alto impacto que resonara, el proceso estratégico fue completamente colaborativo. Juntos definimos los tres pilares conceptuales que guiarían cada decisión de diseño e interfaz (UI/UX):
- Re-imaginar
- Acción Colectiva
- Conectar
Construcción Modular (Metodología Atómica):
Adoptamos un sistema de diseño modular (el mismo que rige la lógica explicada abajo) para gestionar la complejidad sistémica y la diversidad de canales de la plataforma:
Átomos
Definimos los elementos y tokens de diseño más básicos, accesibles y recurrentes (contrastes de color, escalado tipográfico responsivo y texturas vectoriales editables).
- Colores
- Tipografía
- Texturas
Colores
Tipografía
Texturas
Moléculas
Combinamos estos átomos fundamentales para crear componentes de comunicación e interfaz funcionales (el logotipo adaptativo, los contenedores de imágenes procesadas y las librerías de formas para las texturas).
- Logo
- Librería de imágenes procesadas
- Librería de formas para las texturas
Logo
Librería de imágenes procesadas
Librería de formas para las formas
Organismos
Aplicamos las moléculas para construir piezas de comunicación completas, layouts digitales y plantillas listas para usar en plataformas web, entornos interactivos y activos de campaña multidispositivo (posts de Instagram, carruseles narrativos y diseños web responsivos).
La nueva identidad visual se diseñó específicamente para reflejar la energía y la diversidad estructural de la participación ciudadana global:
- Paleta de Color Ampliada: Introdujimos una gama cromática más rica y de alto contraste para maximizar la accesibilidad digital y el dinamismo visual. Estos colores frescos aportan el toque alegre y esperanzador solicitado por la comunidad.
- Texturas de Conexión: Añadimos formas y texturas orgánicas que simulan la complejidad y la fluidez de los ecosistemas comunitarios. Visualmente, estas formas superpuestas representan la manera en que la participación social, aunque diversa y multifacética, resulta siempre interesante y constructiva.
- Imágenes en Blanco y Negro: Para destacar y enfocar la Acción Colectiva, decidimos usar fotografías reales de estilo documental, extraídas directamente de la librería de los eventos cívicos de Decidim. Esta capa humana genera una cercanía inmediata que contrasta con la paleta de colores brillantes de la interfaz, dirigiendo toda la atención del usuario hacia las personas.
La identidad se adoptó por completo y hoy está activa en las plataformas de comunicación de Decidim, consolidando una presencia visual coherente que acompaña el crecimiento de su red de gobernanza digital. Además, con la estrategia visual definida, la plataforma MetaDecidim también recibió una actualización completa en sus interfaces e imágenes. Por acá puedes ver los detalles del proyecto.
