Using illustration

We use illustrations to enhance our storytelling and create a bridge between our product language and lifestyle-focused imagery.

A series of 4 mobile screens with form sheets containing illustrations from the motors category.

When to use illustration

Illustration works well in representing broad categories, abstract ideas, or complex processes that may be challenging to convey through photography or iconography alone. Illustration can also add a touch of whimsy and color to capture attention and evoke emotion. It's most effective when balancing realism and creative expression and most often used for education, celebration, null states, and categories. Use illustrations sparingly in the product experience to avoid dilution and overshadowing of content. All illustrations must undergo mandatory review by the OX team during office hours to ensure optimal use.

Areas of use

Education & onboarding

Illustration works well in representing broad categories, abstract ideas, or complex processes that may be challenging to convey through photography or iconography alone. Illustration can also add a touch of whimsy and color to capture attention and evoke emotion. It's most effective when balancing realism and creative expression and most often used for education, celebration, null states, and categories.

Celebration

Illustrations are a wonderful way to celebrate user wins and deliver personalized moments of surprise and delight. We can introduce celebratory moments when they accomplish goals, or to build anticipation for a product that is about to arrive.

Null states

Illustrations can add inspiration to empty product areas or evoke a more positive reaction when something goes wrong. Avoid leaving users with a dead end by including a call-to-action. For example, refreshing the page if there was an error or adding favorites to a collection if they haven't yet.

Categories

Illustrations visually indicate categories that a user can navigate to or select. This helps with easy identification, which allows users to quickly take action, whether that's exploring, saving, or adding personalized information.

Resources