Mate Studio asked us to create a set of custom illustrations for their website to explain their product flow in a simple and visual way. The goal was to make the onboarding steps feel clear, friendly, and aligned with their brand while showing real product context.

We designed three illustrations for the “How Mate works” section. Each one highlights a key moment of the flow:

Brand Setup. A clean visual system that shows how Mate pulls logos, fonts, and colors to build a brand profile.

Template Creation. A dynamic composition using real UI elements. It demonstrates how users can adjust templates, change images, and customize text with AI.

Export and Publishing. A layout focused on social sharing and export controls. It shows how users can publish or schedule content across channels or download assets in multiple formats.

We kept the style consistent with Mate’s brand, used real product screenshots, and built a visual language that feels modern, structured, and easy to understand. The result is a set of illustrations that blend seamlessly into their site and help new users understand the product instantly.