Branding Project

Drawing the Arduino Universe

Created for:
Arduino
in collaboration with
Ilaria Bocca
An illustration featuring 4 characters, from the Arduino Illustration system, performing different actions around Arduino products, and Cloud Widgets.
Role:
Creative Direction
Creative Direction

Tools:

Figma, Adobe Suite, Procreate

To keep up with Arduino's evolving identity, I led the expansion of its illustration system—originally built on "living" electronic components—into a more inclusive, modular visual language. The result: a scalable system that enhances storytelling across marketing and product lines.

The challenge

Arduino's original "puppets" system was endearing but perceived as too childish, especially for mature users. As Arduino evolved, it became clear that our visual identity needed to inspire—not just instruct. The goal was to communicate not just what the technology is, but what it could enable. This meant shifting from characters that represented components to visuals that represented imagination, inclusivity, and possibility.

Concept & Strategy

Our strategy was rooted in narrative growth: as users mature within the Arduino ecosystem, so does our storytelling. We retained the beloved puppets for education and beginner contexts, but "zoomed out" to introduce abstract, genderless characters with expressive oversized hands—symbolizing creativity and inclusivity. For Arduino Pro, we zoomed further out into fully-fledged, complex environments where technology shapes industrial ecosystems. We ran extensive research on illustration systems across tech and developed a modular framework that aligned with Arduino's tone, brand palette, and UX.

Editorial illustration featuring a characters standing behind a UI card.
Editorial illustration featuring a characters standing behind a UI card.
Editorial illustration featuring two hands holding an Arduino board connected to a cable.
Editorial illustration featuring two hands holding an Arduino board connected to a cable.
Editorial illustration of a character standing in front a Cloud Widget while pointing to a cursor.
Editorial illustration of a character standing in front a Cloud Widget while pointing to a cursor.
Editorial illustration featuring different sets of hands doing different activities from a top view perspective. Some are working with Arduino products, some other are tweaking cloud widgets, others are soldering.

Visual Development
& Design System

We focused on abstracted forms: characters without facial features, but with unique head shapes and highly expressive hands. This kept the visuals inclusive while shifting attention to interaction and making. We maintained continuity through bold lines, clean compositions, and Arduino's core colors. For Pro, we introduced floating platforms, large-scale machinery, and environmental metaphors to depict system-level complexity.

Deliverables
  • Inclusive character set with modular poses and props
  • Product-focused hands for newsletters and marketing campaigns
  • Environment illustrations for Pro campaigns and storytelling
  • Style guide drafts for future integration into the Arduino Brand Hub
  • Design audits to evaluate brand consistency with new visuals
In progress sketch of the characters while developed. A sketch represent how the proportion of the characters were defined starting from the Arduino logo proportions.
In progress sketch of the characters while developed. A sketch represent how the proportion of the characters were defined starting from the Arduino logo proportions.
Editorial illustration featuring a UI of the Arduino Cloud applied to a mockup. Simplified profile pictures, consistent with the illustraiton system, populates the page.
Editorial illustration featuring a UI of the Arduino Cloud applied to a mockup. Simplified profile pictures, consistent with the illustraiton system, populates the page.
Editorial illustration of the different profile pictures developed as placeholder for profile pictures, on several arduino platforms.
Editorial illustration of the different profile pictures developed as placeholder for profile pictures, on several arduino platforms.

The new illustration system was welcomed for its freshness and brand distinction. Teams—especially digital marketing—quickly adopted the characters into newsletters and campaign assets. While upper management paused broader rollout pending brand architecture discussions, the project demonstrated strong internal support and community engagement.

Lessons & Next Steps

Shifting from facial expressions to hand gestures as the emotional core proved powerful, especially in the context of tech. We learned that modularity and metaphor can unlock storytelling across vastly different audience needs. Once the project is unblocked, we'll formalize documentation and explore motion and 3D applications for future growth.

There’s subtle power in a character with no face, just oversized hands reaching for a board. It says: "Anyone can make something. Maybe even you."

Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans: a dock area.
Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans: a dock area.
Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans: a production facility with a robotic arm, while smaller characters walk busy around it.
Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans: a production facility with a robotic arm, while smaller characters walk busy around it.
Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans, in this case, a laptop showcasing a checkmark, for quality check, stands on a platform.
Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans, in this case, a laptop showcasing a checkmark, for quality check, stands on a platform.
Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans: a dock area, a production facility, a warehouse.
Editorial illustration featuring a variant made for Arduino Pro, of the Illustration system. Different platforms represent different areas of an industrial plans: a dock area, a production facility, a warehouse.

Thank you for taking a look

See the previous project, or the next!
Your call!

Thank you for taking a look

See the previous project, or the next!
Your call!

Thank you for taking a look

See the previous project, or the next!
Your call!