All projectsCase 04 / Illustration & motion

Google Workspace

Product stories.
Made visual.

Illustration and animation for the pages behind Gmail, Drive and Gemini.

Visual communication / Web
Layered Gmail inbox and compose window with Gemini and security details
Gmail / A product story, composed in layers.
Google Drive files, sharing permissions and encryption illustrated together
Drive / Files, sharing and protection in one composition.

My contribution

The craft between
feature and story.

I created the majority of the illustrations and animations across these Google Workspace pages, with a focus on Gmail, Drive and Gemini.

My contribution centred on the visual assets that explain and bring attention to product features. This is a selection of that illustration and motion work, rather than a case study about designing the products themselves.

Contribution
Illustration
Animation
Focus
Gmail, Drive
Gemini
Context
Google Workspace
Marketing pages

Selected work

Gmail.

Familiar interactions, brought into focus. Composing, personalising and understanding an email become small, self-contained visual stories.

A simplified email compose window highlighting a suggested sentence
Composing: one moment of assistance, without the whole inbox.
A Gmail message demonstrating personalised mail merge fields
Personalising: showing how a message changes for its recipient.

Selected work

Drive.

A clear visual language for files and collaboration. Layered windows keep the wider product recognisable while drawing attention to a specific action.

A Google Drive sharing dialog with editor permissions and an expiry date
Sharing: access and permissions, made visible.
A closer look

Less interface.
More meaning.

The visual emphasis is on the useful moment: a permission, a selection, a next step. Supporting details establish context without competing with it.

View the Drive page

Selected work

Gemini.

Making assistance tangible. Prompts and responses give an otherwise abstract capability a familiar place in the everyday workflow.

Gemini prompt field offering help with brainstorming and outlines
Starting a conversation: a simple entry point into assistance.
Gemini summarising an email within Gmail
Finding the key points: assistance inside an existing workflow.

Motion

In motion.

From one product moment to the next. An animation from the Workspace homepage shows the visual language unfolding over time.

Gmail and Gemini product illustration. Play the Workspace animation below.
Workspace / Product moments in sequence. No audio.

Illustration & animation

A focused contribution.
A shared visual language.

Across the pages, the work sits between product UI and illustration: recognisable enough to feel familiar, simplified enough to communicate at a glance.

Selected visuals from the live Google Workspace pages. Google product names, interfaces and brand assets belong to Google. Live pages may evolve over time.

End of case 04Back to projects