Aphex

Building a reusable illustration set for Aphex’s marketing site.

Highlights

  • UI-led product illustrations in Figma
  • Explored abstract and more literal directions
  • Reusable components for repeatable artwork
  • Consistent illustration style across marketing

Role

Illustrator, Designer

Tools

Figma, Adobe Creative Suite

Skills

Illustration, UI Design, Component Libraries, Visual Storytelling

Length

3+ Months

Final illustration style showing a more literal version of the product UI.
Aphex needed a set of illustrations for their marketing site that felt clear and approachable, but still gave people a decent sense of the product.

I started by looking at how other SaaS products handled this kind of thing, then explored a few directions in Figma. The early concepts were more abstract and simplified, but still tried to keep the important parts of the UI. We also looked at some quick animation ideas, but static illustrations felt clearer and less distracting.
Quick animation ideas built in Figma.
As feedback came in, it became clear the team wanted something closer to the real product. So I pushed the style toward more literal 1:1 product views, with each illustration focusing on the feature being talked about in that part of the site.

To make the work easier to build and reuse, I set up components in Figma for repeated UI like nav, buttons, and other interface patterns.
Reusable components in Figma for repeated UI elements.
Final illustration style showing a more literal version of the platform UI.
Reusable components and the final illustration style, built around the actual product UI.
The final style gave Aphex a consistent way to show the product across the website and other marketing work. It also meant the design team had a system to build from rather than starting each illustration from scratch.