
SokoTech / Ajuntament de Barcelona / 2019
DSIplay
Identidad gráfica
En este proyecto he colaborado con la iniciativa de Innovación Social Digital (DSI) que fue concebida para fomentar la colaboración, la experimentación y el intercambio de conocimiento a través de la tecnología. Desarrollada por el Ajuntament de Barcelona y Barcelona Activa, DISPLAY era una plataforma para dar visibilidad a proyectos, startups e iniciativas que generan un impacto social positivo.

Descripción general
Barcelona, el hub de la innovación social digital
Barcelona es una de las ciudades más activas y pioneras en el ámbito de la Innovación Social Digital (DSI), y acoge una amplia variedad de iniciativas, empresas y proyectos que utilizan la tecnología para mejorar la sociedad. Estos esfuerzos abarcan modelos de economía circular, gestión y uso de datos abiertos, software libre y de código abierto, nuevos métodos de producción y consumo, e incluso innovación alimentaria, entre muchos otros ámbitos.
Mi papel en el proyecto
El reto
Diseñar la identidad visual de la iniciativa
Crear una identidad visual dinámica, moderna y visualmente atractiva para DSIPLAY, reforzando su papel como iniciativa de intercambio, innovación e impacto social a través de la tecnología. La identidad debía reflejar apertura, colaboración, creatividad y experimentación, y aplicarse tanto a soportes digitales como físicos.
Comprensión
Exploración de otros proyectos de DSI
Analicé las identidades visuales y estrategias de comunicación de otros proyectos relacionados con la Innovación Social Digital para identificar tendencias, fortalezas y oportunidades de diferenciación. Esto implicó estudiar el branding, la tipografía, las paletas de color y los mensajes utilizados por iniciativas similares.

Desarrollo
Concepto y estrategia
DSIPLAY combina DSI (Innovación Social Digital), un término utilizado en redes europeas, con PLAY, que representa la experimentación y el descubrimiento. También evoca el concepto de DISPLAY, poniendo el énfasis en la visibilidad y la difusión de la innovación.
La identidad visual debía reforzar este concepto a través de tres pilares de diseño que garantizan adaptabilidad, impacto e inclusión en todos los puntos de contacto.

Desarrollo del logotipo
El logotipo de DSIPLAY se ha diseñado con un enfoque contundente, utilizando una tipografía moderna que mejora la accesibilidad y refuerza su carácter tecnológico. El logotipo tipográfico, en sus tres variaciones, funciona como un elemento dinámico que se adapta a diferentes aplicaciones, reforzando la versatilidad, la innovación y la modularidad.

Variaciones del logotipo
- Variación 01: Tamaño completo para aplicaciones grandes y medianas.
- Variación 02: Versión reducida para aplicaciones pequeñas o espacios reducidos.
- Variación 03: Versión compacta para espacios especialmente reducidos.

Paleta de colores
Consideraciones de accesibilidad: La paleta se sometió a pruebas de contraste y legibilidad para cumplir con los estándares WCAG AA.

Sistema tipográfico
Tipografía principal: Quicksand – Una tipografía geométrica sans-serif de carácter moderno y cercano, ideal para una identidad de marca orientada al entorno digital.
Tipografía secundaria: Open Sans – Elegida por su excelente legibilidad en materiales impresos y textos de lectura extensa, garantizando claridad en diferentes formatos.

Elementos visuales y sistema gráfico
Iconos e ilustraciones: Iconos geométricos que representan las diferentes formas en las que la innovación, el intercambio de conocimiento y las herramientas digitales se manifiestan en el mundo real.

Composiciones dinámicas: Composiciones simétricas y asimétricas que reflejan el orden de la información, dejando espacio para el juego y la exploración gráfica.

La solución
Materiales de comunicación
Carteles y banners: Diseñados para espacios de eventos, con una tipografía contundente, fondos modulares y esquemas de color de alto contraste.

Cajas de cartón plegables: Utilizadas como elementos físicos de branding en eventos y diseñadas con un enfoque interactivo.

Bloc de notas y acreditaciones de participantes: Materiales impresos para acompañar a los participantes durante las actividades.


Recursos digitales
Banners digitales: Banners para web que integran elementos dinámicos del lenguaje visual.

Plantillas informativas: Elementos informativos adaptables que utilizan los colores y las tipografías de la identidad.

Plantillas para redes sociales y web: Elementos de comunicación digital que utilizan los colores y las tipografías de la identidad, optimizados para plataformas de redes sociales.

El resultado


