Bit A Bit

Bit A Bit

Entregables

Identidad visual · Workshops tools · Documentation + presentation · High Fidelity Landing page

Diseño identidad visual para proyecto Bit A Bit by Lichen - David Ramirez - Ramiz

el decálogo de buenas prácticas para la educación digital.

Diseño identidad visual para proyecto Bit A Bit by Lichen - David Ramirez - Ramiz

el decálogo de buenas prácticas para la educación digital.

Diseño identidad visual para proyecto Bit A Bit by Lichen - David Ramirez - Ramiz

el decálogo de buenas prácticas para la educación digital.

Cliente

Lichen

Rol

Brand Designer · UI Designer

Entregables

UX research, Strategy, Product design, Branding

Sector

Educación

Fecha

2021

Cliente

Lichen

Rol

Brand Designer · UI Designer

Entregables

UX research, Strategy, Product design, Branding

Sector

Educación

Fecha

2021

Introducción

Bit-A-Bit living Lab, a través de la experimentación y el trabajo lúdico virtual, recogió experiencias de la comunidad educativa con el ánimo de encontrar posibles soluciones para la transformación digital de la educación. El resultado de este proceso se recoge en 10 buenas prácticas expuestas es un landing page.

Bit-A-Bit living Lab, a través de la experimentación y el trabajo lúdico virtual, recogió experiencias de la comunidad educativa con el ánimo de encontrar posibles soluciones para la transformación digital de la educación. El resultado de este proceso se recoge en 10 buenas prácticas expuestas es un landing page.

Bit-A-Bit living Lab, a través de la experimentación y el trabajo lúdico virtual, recogió experiencias de la comunidad educativa con el ánimo de encontrar posibles soluciones para la transformación digital de la educación. El resultado de este proceso se recoge en 10 buenas prácticas expuestas es un landing page.

repensar hoy la educación del mañana

repensar hoy la educación del mañana

El Ayuntamiento de Barcelona, por medio de la fundación BitHabitat y al Plan de Privacidad y Digitalización Democrática, nos planteó hacer un diagnóstico sobre la privacidad, el control de los datos y el aseguramiento del respeto a los derechos digitales de la comunidad educativa. Junto con el equipo de Lichen (Laboratorio de innovación social), diseñamos una estrategia digital enfocada en herramientas cocreativas, dinámicas de interacción digital y presentación de resultados en una web.

Bit-a-bit_David_Ramirez
Bit-a-bit_David_Ramirez
Bit-a-bit_David_Ramirez

Nuestra visión

Nuestra visión

Minimizar la brecha digital para maximizar la implicación de la comunidad educativa.

Minimizar la brecha digital para maximizar la implicación de la comunidad educativa.

Problema

Problema

El problema se centraba en definir la mejor manera de crear una experiencia lúdica, consistente en su comunicación, que a la vez, se nutriera de los resultados del workshop para ser un reflejo de lo aprendido.

El problema se centraba en definir la mejor manera de crear una experiencia lúdica, consistente en su comunicación, que a la vez, se nutriera de los resultados del workshop para ser un reflejo de lo aprendido.

El problema se centraba en definir la mejor manera de crear una experiencia lúdica, consistente en su comunicación, que a la vez, se nutriera de los resultados del workshop para ser un reflejo de lo aprendido.

Fase 1

Diagnóstico

Participaron autoridades locales educativas y algunos stakeholders.

Fase 1

Diagnóstico

Participaron autoridades locales educativas y algunos stakeholders.

Fase 2

Experimentación y prototipado

Dirigida a la comunidad educativa: Alumnos, padres y profesores.

Fase 2

Experimentación y prototipado

Dirigida a la comunidad educativa: Alumnos, padres y profesores.

Fase 3

Presentación de resultados

Informe detallado de las actividades + Landing page con el Decálogo de buenas prácticas

Fase 3

Presentación de resultados

Informe detallado de las actividades + Landing page con el Decálogo de buenas prácticas

Aprendizajes

Aprendizajes

1.

Hacer del living lab una marca permitirá que las audiencias se identifiquen con ella, empaticen con su lenguaje y se sientan interesados por el ecosistema que lo define.

2.

los resultados encontrados en los workshop son fuente de inspiración para mejorar los contenidos visuales y las herramientas diseñadas, por lo tanto el diseño no debe ser cerrado sino ha de mejorar a partir de las experiencias recogidas.

Aprendizajes

1.

Hacer del living lab una marca permitirá que las audiencias se identifiquen con ella, empaticen con su lenguaje y se sientan interesados por el ecosistema que lo define.

2.

los resultados encontrados en los workshop son fuente de inspiración para mejorar los contenidos visuales y las herramientas diseñadas, por lo tanto el diseño no debe ser cerrado sino ha de mejorar a partir de las experiencias recogidas.

¡Pow! Tenemos una idea

¡Pow! Tenemos una idea

¡Pow! Tenemos una idea

Inspirado en las ventanas de los sistema operativos, diseñamos un sistema gráfico modular el cual se adaptó a distintos usos y esquemas de comunicación. Lo que nos permitió ser consistentes y versátiles, reconocibles gracias a su identidad propia y facilitadores, ya que este sistema fue rápidamente implementado por distintos equipos de trabajo, sin la necesidad de que un diseñador tuviera siempre la última palabra para garantizar la calidad gráfica.

Una nueva identidad:
Bit A Bit

Una nueva identidad:
Bit A Bit

Ya que el concepto Living LAB no es ampliamente entendido decidimos crear una marca que llevara a pensar en espacios digitales lúdicos, donde la suma de la información crea cosas nuevas, y voilà ! nació la marca Bit-A-Bit. Conformada por un logotipo que entremezcla la estética de los píxeles con la tipografía palo seco y un icono central que recuerda a la persona. la marca se diseñó de una forma casi descriptiva, con el fin de simplificar la narrativa y visibilizar como los entornos digitales nos han de afectar positivamente.

Retro computer como sistema gráfico

Retro computer como sistema gráfico

Al dirigirnos a un público tan variado, de múltiples edades y con distintas experiencias en el manejo de herramientas digitales, decidimos crear una identidad visual que fuera común para todos, lo que nos llevó a inspirarnos en el estilo retro computer. Qué mejor que la estética de los primeros sistemas operativos, donde aprendimos a usar las herramientas de hoy, para pensar en el futuro de la educación.

Visita la página web del decálogo para ver cómo implementamos el sistema visual

Comunicación Ecléctica-digital

Comunicación Ecléctica-digital

La principal inspiración para crear el universo gráfico fue naturalmente las distintas herramientas digitales que hoy usamos. La identidad visual de BIT-A-BIT es una mezcla de elementos cotidianos digitales, cuadros de diálogo, chats, ventanas, avatares, todos elementos que hoy son parte de cualquier sistema, y como no, también lo debían ser de este proyecto.

¿Qué aprendí?

¿Qué aprendí?

¿Qué aprendí?

El diseño es el fin

El diseño es el fin

Cualquier herramienta digital es potencialmente una herramienta de diseño. Los diseñadores solemos encerrarnos en nuestros talleres (Apps de diseño) viendo como un bicho raro a los programas que no solemos usar para nuestro hacer, lo que termina limitando nuestras capacidades y perdiendo la capacidad de diseñar con otras herramientas. Este proyecto me recordó que siempre que haya un circulo, cuadrado y línea y una paleta de color puedo usar la creatividad para hacer cualquier cosa.

El potencial de los usuarios

El potencial de los usuarios

Definitivamente una de las grandes fuentes de información son las personas, identificar sus necesidades y experiencias para luego contrastarlas con las de los demás es una fuente potencial de ideas y caminos por explorar.

Herramientas usadas

¡Ey! llegaste hasta aquí.

¿Puedo asumir entonces que te gustó lo que viste y estás considerando en contactarme 😃?. Déjame un mensaje para que empecemos a co-crear.

¡Ey! llegaste hasta aquí.

¿Puedo asumir entonces que te gustó lo que viste y estás considerando en contactarme 😃?. Déjame un mensaje para que empecemos a co-crear.

¡Ey! llegaste hasta aquí.

¿Puedo asumir entonces que te gustó lo que viste y estás considerando en contactarme 😃?. Déjame un mensaje para que empecemos a co-crear.

Creactivismo para una mejor sociedad.

Ramiz© 2025

Barcelona

Creactivismo para una mejor sociedad.

Ramiz© 2025

Barcelona

Creactivismo para una mejor sociedad.

Ramiz© 2025

Barcelona