Bit A Bit

Bit A Bit

Deliverables

Visual identity - Visual tools for workshops - documentation + presentation design - High Fidelity Landing page

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

The decalogue of best practices for the digital education of the future.

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

The decalogue of best practices for the digital education of the future.

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

The decalogue of best practices for the digital education of the future.

Client

Lichen

Rol

Brand Designer · UI Designer

Deliverables

UX research, Strategy, Product design, Branding

Field

Education

Year

2021

Client

Lichen

Rol

Brand Designer · UI Designer

Deliverables

UX research, Strategy, Product design, Branding

Field

Education

Year

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.

A new identity

A new identity

Since the Living LAB concept is not widely understood, we decided to create a brand that would lead to thinking about playful digital spaces, where the sum of information creates new things, and voilà! the Bit-A-Bit brand was born. The logo mixes pixel-style graphics with an adapted typography, and includes a person-like icon. We designed the brand to be easy to understand, showing how digital tools can be good for us.

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

Our vision

Our vision

Minimize the digital divide to maximize the involvement of the educational community.

Minimize the digital divide to maximize the involvement of the educational community.

Problem

Problem

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.

Phase 1

Diagnosis

Local educational authorities and some stakeholders participated.

Phase 1

Diagnosis

Local educational authorities and some stakeholders participated.

Phase 2

Experimentation and prototyping

Addressed to the educational community: Students, parents, and teachers.

Phase 2

Experimentation and prototyping

Addressed to the educational community: Students, parents, and teachers.

Phase 3

Presentation of results

Detailed report of activities + Landing page with the Decalogue of best practices

Phase 3

Presentation of results

Detailed report of activities + Landing page with the Decalogue of best practices

Learnings

Learnings

1.

Making the living lab a brand will allow audiences to identify with it, empathize with its language, and feel interested in the ecosystem that defines it.

2.

Workshop results serve as inspiration for enhancing visual content and design tools. Therefore, the design should remain flexible, evolving based on gathered experiences.

Learnings

1.

Making the living lab a brand will allow audiences to identify with it, empathize with its language, and feel interested in the ecosystem that defines it.

2.

Workshop results serve as inspiration for enhancing visual content and design tools. Therefore, the design should remain flexible, evolving based on gathered experiences.

Pow! We have an idea

Pow! We have an idea

Pow! We have an idea

Taking inspiration from classic computer windows, we created a flexible design system. This system could be used in many different ways for various communication needs. It helped us maintain a consistent and adaptable style that was easy to recognize. The best part was that different teams could use this system easily, without always needing a designer to check every detail.

A new identity

A new identity

Since the Living LAB concept is not widely understood, we decided to create a brand that would lead to thinking about playful digital spaces, where the sum of information creates new things, and voilà! the Bit-A-Bit brand was born. The logo mixes pixel-style graphics with an adapted typography, and includes a person-like icon. We designed the brand to be easy to understand, showing how digital tools can be good for us.

Retro-computer aesthetic

Retro-computer aesthetic

In addressing such a varied audience, of multiple ages and with different experiences in handling digital tools, we decided to create a visual identity that would be common to all, which led us to draw inspiration from the *retro computer* style. What better than the aesthetics of the first operating systems, where we learned to use today's tools, to think about the future of education.

Visit the website of the decalog to see how we implement the visual system

Digital Eclecticism

Digital Eclecticism

The main inspiration for creating the graphic universe was naturally the different digital tools we use today. The visual identity of BIT-A-BIT is a mix of everyday digital elements, dialog boxes, chats, windows, avatars, all elements that are now part of any system, and of course, they should also be part of this project.

What did I learn?

What did I learn?

What did I learn?

Design is the ultimate goal

Design is the ultimate goal

Every digital tool can be used for design. As designers, we often stick to our usual design software and ignore other programs. This limits our creativity and what we can do. This project taught me an important lesson: I can design with anything that lets me work with shapes, lines, and colors. Creativity isn't about the tools you use, but how you use them.

The power of users

The power of users

Definitely one of the great sources of information is people, identifying their needs and experiences and then contrasting them with those of others is a potential source of ideas and paths to explore.

Design tools

Hey! You made it this far.

Can I assume then that you liked what you saw and are considering contacting me 😃? Leave me a message so we can start co-creating.

Hey! You made it this far.

Can I assume then that you liked what you saw and are considering contacting me 😃? Leave me a message so we can start co-creating.

Hey! You made it this far.

Can I assume then that you liked what you saw and are considering contacting me 😃? Leave me a message so we can start co-creating.

Creactivism for a better society.

Ramiz© 2025

Barcelona

Creactivism for a better society.

Ramiz© 2025

Barcelona

Creactivism for a better society.

Ramiz© 2025

Barcelona