top of page

Melio

melio- mel

As an Interaction Designer & Illustrator at Melio, I lead the creation of our visual system across product and marketing- developing the brand mascot, illustrations, iconography, and core brand design guidelines.

My role blends systems thinking, interaction, and storytelling to shape a cohesive and flexible visual language used company-wide.

This is Mel

Mel is Melio’s brand mascot and a central figure in the illustration system. He is designed to be friendly and relatable, helping humanize the brand and create a connection with users.

Mel animations

Mel's main goal is helping users navigate the product with ease

and making complex processes feel simpler and friendlier

Mel- onboarding

It brings something unique and provides a consistent, relatable, and friendly face for the brand

Mel baby pro

By creating a personal and deep connection between user and product, it helps convey complex information in a simplified way that identifies with the user, and can be used across various platforms

Mel website

Mel appears in the product and in the marketing materials in order to guide users through the different processes and explain how to use the platform.

Mel at the office
Mel mobile app [melio]

We chose the name “Mel,” a gender-neutral choice inspired directly by the brand name. This strengthens the mascot’s connection to Melio while being approachable and inclusive.

Mel Pillow 02
Mel Pillow 01
Mel Pillow 05
Mel Pillow 04
Mel Pillow 03
Mel zoom+stickers
Mel Faces
Visual Traits and Personality

Mel is a unique character — neither human nor animal and intentionally genderless. With a neutral expression and no mouth or eyebrows, Mel’s look is clean and neutral, which helps keep the character relatable yet serious.

Mel illustrations
Mel Sketches
Mel holding

It's appearance is consistent with a black outline and a white or transparent fill,

though other elements can appear in color when needed.

Mel rainbow
Design and Style

Mel’s appearance reflects the brand’s visual style- simple, modern, and delightful.

As it was developed as part of Melio’s rebranding process, we ensured it would harmonize with the company’s other new visual elements.

Mel sketches notebook
Mel characters

The design is versatile, enabling Mel to appear in different poses or situations,

creating a cohesive yet varied visual language.

Mel bank payments
Mel mac sticker
Mel- Go to Market
Mel- Engineering
Mel- Product
Mel- Data
Melio Mel swag
Melio Mel wall stickers
Melio mural
Melio sticker mural
Mel small business

Product kit

To support both Melio’s product experience and its partner ecosystem, we developed two complementary illustration kits built from the same visual foundations

Partners Illustration Kit.png
Melio Kit

A set of illustrations featuring Mel- designed specifically for Melio’s core product.
This kit helps communicate product flows, explain complex concepts, and guide users with a consistent, friendly visual tone, all while maintaining the brand’s visual language.

Partners Kit

A more generic, brand-agnostic illustration kit created for Melio’s external partners.
Built on a flexible color palette that allows each partner to apply their own brand colors, this system gives partners the freedom to align the visuals with their identity while still preserving a cohesive illustration style.

Icons

The Melio icon bank contains over 300 custom, pixel-perfect icons

designed as a unified system across product and marketing.

Icons 01.jpg
 .gif
Grid & Sizes

Each icon is designed in two sizes- on a 16px grid and on a 24px grid,

ensuring flexibility across different product contexts.

Grids.jpg

Here’s a comparison between the design principles behind the large and small icons,

including line weight, rounded ends, padding, and corner radius:

Grid 24px.jpg
Grid 16px.jpg
pixel boundaries.jpg
Icons categories examples.jpg
Credits

Creative direction - Neil Cohen & Guy Tubul

Brand designers - Yuval Asis, Tomer Azulay Yasmin Malki, Lika Marutian

mel animation
bottom of page