Split tests, blocks and media join the set, all moving.
Nothing Here Yet set two 2024
The second batch, drawn as the product grew: split tests, the block menu and the media library joined templates, pages and leads. Same soft style, and each one moves the way its screen works.
- Discipline
- Illustration · Motion
- Year
- 2024
- Part of
- Illustration
- Tags
- Illustration, Empty states, SVG animation
Each state, and how it moves
An empty screen is the first thing a new user sees in every part of the product, so each one has a single job: say what goes here, and show how it gets here. The drawings were made still; here they move the way the screen behind them works.
-
01Templates “No templates saved yet” Any page can be saved as a template. The page in focus is yours; the blurred ones around it are the library it will join. Motion The library drifts past behind the page, so the screen reads as a shelf waiting to be filled. The button pulses once a loop. -
02Pages “No pages yet” Start from a prompt, a template or a blank canvas. The drawing is a page being built, not a finished one. Motion It assembles in the order the editor builds a page: headline, copy, button, images, then the next section slides up. -
03Leads “No leads yet” Every form submission lands here as a card: who it is, what they filled in and where they came from. Motion A new card slides in over the last one and fills field by field, the way a lead arrives. -
04Split tests “No split tests yet” Send traffic to two versions of a page and keep the one that converts. The icon is the fork, the cards are the variants. Motion Visitors run down the fork, alternating between A and B, the numbers on each variant grow and the winner gets a tick. -
05Blocks “This section is empty” Drag in a block: text, a heading, a list, a form or an image. The ring of tiles is the block menu around an empty section. Motion Blocks leave the ring one by one and drop into the page, while a light runs round its edge to mark the drop zone. -
06Media “No images yet” Drop images anywhere on the screen or pick one from the library. The cursor says the whole screen is a drop zone. Motion The cursor drags a picture in with speed lines behind it, the mountains rise when it lands, then the sun comes up.
