Four LanderLab empty states, each moving the way its screen works.
Nothing Here Yet empty state set 2024
Soft illustrations for the screens a new user meets first: templates, pages, leads and integrations. Each one explains what goes on that screen instead of decorating it, and each moves the way the screen behind it 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. -
04Integrations “Nothing connected yet” Send leads on to a CRM, an email tool or a webhook. LanderLab sits in the middle and the tools sit around it. Motion The tools circle the mark and plug in one at a time: a line runs to the centre and data flows along it.
