Isometric layers of a Lucid diagram stacking up in blue light, from the Lucid Suite product walkthrough
Lucid Suite product walkthrough, a 30-second hero spot.
A white shrug emoticon on a flat field of Lucid blue
Simple diagram shapes, a lightbulb card, diamonds and bars, connecting on black
A Lucid board tilted in isometric perspective with a large blue 3D cursor moving across it
A board in isometric space, with an oversized cursor to keep the eye on the action.
The Lucid AI panel, with Diagram, Brainstorm, Format and Ask questions cards, glowing on black
A flowchart of white boxes and arrows on black, with a large Lucid blue circle beside it
Lucid Suite explainer.

Motion art direction

Lucid Suite videos

I storyboarded and designed a Lucid Suite product walkthrough and an explainer, then handed them to motion to animate.

Role
Art Director
Client
Lucid Software
Year
2026
Tags
  • Art direction
  • Motion design
  • Product video
  • Explainer video
  • B2B SaaS

The brief

The Lucid Suite brings Lucidchart and Lucidspark together. I art directed a 30-second product walkthrough and directed an explainer video. On both, I did all the storyboarding and design, then handed the frames to motion to animate.

Showing the product without screenshots

Screen recordings date fast and are hard to read at video speed. So the walkthrough shows the product as a simplified version of itself: shapes and lines in Lucid blue, glowing on black, with text reduced to gray bars. You read what the product does, not the words on the screen.

Isometric layers

The suite is several products working as one, so the main visual idea is layers. Boards stack and tilt into isometric space, and the camera moves through them, the way work moves from a brainstorm in Lucidspark to a diagram in Lucidchart.

The explainer

The longer explainer, which I directed.