Saltar al contenido
Imagen en miniatura del proyecto DSIplay.

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.

dsiplay 01

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.

dsiplay 02

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.

dsiplay 03

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.

dsiplay 04

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.

dsiplay 05

Paleta de colores

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

Placeholder

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.

Placeholder

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.

Placeholder

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.

Placeholder

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.

Placeholder

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

Placeholder

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

Placeholder

Placeholder 03

Recursos digitales

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

Placeholder

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

Placeholder

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.

Placeholder

El resultado

Placeholder

Placeholder

Placeholder

Experiencia

He colaborado con

Inicia una conversación

Trabajemos juntos.

¿Tienes un proyecto en mente? Hablemos sobre tus objetivos, retos y cómo puedo ayudar a tu empresa.

Ponte en contacto