Imagen principal del proyecto DSIplay

DSIplay

Identidad gráfica

Una iniciativa de Innovación Social Digital (DSI) diseñada para fomentar la colaboración, la experimentación y el intercambio de conocimientos a través de la tecnología. Desarrollada por el Ajuntament de Barcelona y Barcelona Activa, DISPLAY fue una plataforma para dar visibilidad a proyectos, startups e iniciativas que generan un impacto social positivo.

Areas
Skills

Placeholder

Descripción General

Barcelona, el Hub de Innovación Social Digital

Barcelona es una de las ciudades más activas y pioneras en Innovación Social Digital (DSI), albergando una amplia variedad de iniciativas, empresas y proyectos que utilizan la tecnología para mejorar la sociedad. Estos esfuerzos incluyen 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 en el ámbito alimentario, entre muchas otras áreas.



El Desafío

Diseñar la Identidad Visual de la Iniciativa

Crear una identidad visual dinámica y moderna para DSIPLAY que refuerce su papel como una iniciativa para el intercambio, la innovación y el impacto social a través de la tecnología. La identidad debía reflejar apertura, colaboración, creatividad y experimentación, aplicándose tanto en soportes digitales como físicos.



Investigación

Explorando otros proyectos de DSI

Placeholder

Se llevó a cabo un análisis de las identidades visuales y estrategias de comunicación de proyectos relacionados con la Innovación Social Digital para identificar tendencias, fortalezas y áreas de diferenciación. Esto incluyó el estudio de branding, tipografía, paletas de colores y mensajes utilizados por iniciativas similares.



Desarrollo

Concepto y Estrategia

DSIPLAY combina DSI (Innovación Social Digital), un término ampliamente utilizado en redes europeas, con PLAY, que representa experimentación y descubrimiento. También evoca la palabra DISPLAY, resaltando la importancia de la visibilidad y la exhibición de la innovación.

La identidad visual debía amplificar este concepto, respaldado por tres pilares de diseño que aseguran su adaptabilidad, impacto e inclusión en los diferentes medios de comunicación.

Placeholder



El logo de DSIPLAY fue diseñado con un enfoque solido y moderno, utilizando tipografía que refuerza la accesibilidad y la relevancia tecnológica. El logotipo, en sus tres variaciones, actúa como un elemento dinámico que se adapta a diferentes aplicaciones, reforzando la versatilidad, la innovación y la modularidad.

Placeholder 04



Placeholder 05

Variaciones

  • Variación 01: Tamaño completo para aplicaciones grandes y medianas.
  • Variación 02: Versión reducida para aplicaciones pequeñas o espacios limitados.
  • Variación 03: Versión compacta para espacios extremadamente reducidos.


Paleta de Colores

Placeholder

Consideraciones de accesibilidad: La paleta de colores fue testeada para garantizar un alto contraste y legibilidad, cumpliendo con los estándares WCAG AA.



Sistema Tipográfico

Placeholder

Tipografía Principal

Quicksand – Una tipografía geométrica sans-serif con un estilo moderno y amigable, ideal para marcas con enfoque digital.


Tipografía Secundaria

Open Sans – Seleccionada por su excelente legibilidad en materiales impresos y textos largos, asegurando claridad en diferentes formatos.



Elementos Visuales y Sistema Gráfico

Placeholder

Íconos e ilustraciones: Representaciones geométricas que reflejan las distintas formas en las que la innovación, el intercambio de conocimientos y las herramientas digitales se manifiestan en el mundo real.

Placeholder

Diseños dinámicos: Composiciones simétricas y asimétricas que reflejan el orden de la información, manteniendo un enfoque lúdico para la construcción gráfica.



Materiales de Comunicación

Placeholder

Pósters y banners: Diseñados para eventos, con tipografía moderna, fondos modulares y esquemas de color de alto contraste.

Placeholder

Placeholder

Cajas de cartón plegables: Elementos físicos de branding para las actividades; diseñados con un enfoque interactivo.

Placeholder 03

Placeholder 03

Bloc de notas y credenciales para participantes: Materiales de apoyo fisicos para los asistentes en las actividades.



Activos Digitales

Placeholder

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

Placeholder

Plantillas informativas: Elementos adaptables con colores y tipografías de la marca.

Placeholder

Plantillas para redes sociales y web: Elementos de comunicación digital optimizados para plataformas en línea.



Resultado de la Implementación

Placeholder

Placeholder

Placeholder

La identidad visual de DSIPLAY logró traducir sus valores fundamentales en un sistema gráfico moderno, adaptable y atractivo, asegurando consistencia en plataformas digitales y físicas.

  • Se estableció una identidad fuerte y reconocible dentro de la comunidad de Innovación Social Digital.

  • Se creó un lenguaje visual cohesivo que resonó en diferentes medios.

  • Se garantizó escalabilidad y adaptabilidad, haciendo que la identidad perdure en el tiempo.



He trabajado con

Necesitas ayuda con tu proyecto?

Hablemos