MESH project project header image

MESH

Graphic identity

MESH is an open-source educational program developed in Barcelona by SokoTech, utilizing the maker culture and collaborative learning to empower educators and young people in vulnerable communities. The initiative promotes creativity, inclusion, and hands-on education through open-source tools and community-driven projects.

Areas
Skills

Placeholder

The challenge

Define ??

Our mission was to create a visual language that could live across digital and physical touch-points — web, print, signage, workshops — and support the brand’s social-education mission.


Objectives:

  • Ensuring the identity works across digital/training modules, workshop signage and print materials.

  • Reflecting the maker ethos (open-source, experimentation, social inclusion) while maintaining clarity and accessibility.

  • Giving the brand flexibility to scale across contexts (libraries, civic centres, schools) and languages.


Definition

Define ??

Explain how you framed the identity work:

Graphic scope: logo development, typography, colour palette, iconography, web asset templates.

Placeholder

Communication materials: digital banners, workshop handouts, signage templates.

Placeholder

Roadmap/Process: phases such as brief → concept → design development → production → rollout.

Placeholder


Research & Insights

Define ??

Summarise how you grounded the identity work:

Research into maker culture visual language, open-source aesthetic, social-inclusion branding cues.

Placeholder

Benchmarking similar educational/maker programmes for identity precedents.

Placeholder

User/audience research: trainers, youth participants, stakeholders in Barcelona context to ensure clarity and resonance.

Placeholder


Development

Define ??

Detail how you developed the identity system:

Logo: symbolic elements, maker cues, modularity.

Image of the logo with the construction lines during the design development phase

Typography & colour: chosen for legibility, accessibility, energetic but professional.

Image of the logo in different sizes

Web assets & communication templates: built for scalable training modules, ease of localisation.

Placeholder

Brand system: guidelines for adoption by regional partners and consistency across touch-points.

Placeholder


Solution

Define ??

Describe how the identity was applied and rolled out:

Coordination with web dev, print-production, workshop teams.

Placeholder

Production of signage, banner graphics, digital templates.

Placeholder

Include visuals of:

Final logo lockups and variations

Placeholder

Typography & colour palette boards

Placeholder

Web asset screenshots

Placeholder

Print/communication materials (posters, handouts)

Placeholder

On-site photographs of signage or workshop use

Placeholder

Brand guideline snapshot

Placeholder

I´ve worked with

Do you need help with your project?

Let's get in touch.