Who this is for: Designers creating focused landing-page motion.
What to prepare
- Page headline
- Verified assignment states
- Reset title frame
- Representative still
Scene-by-scene storyboard
15-second planning sequence · illustrative copy and visual direction
- 01
0–4s
Readable entry
Hold sample request R-019 with Owner: Unassigned and the page-aligned task heading.
On screen:Give each request a visible owner
- 02
4–8s
One verified action
Show the supplied owner selection and actual commitment step; keep the camera stable.
On screen:Choose Example reviewer
- 03
8–13s
Inspect the result
Hold R-019 with the confirmed owner visible. Keep the sample-data label and avoid new callouts.
On screen:Owner: Example reviewer
- 04
13–15s
Replay boundary
Cut through a neutral product-title frame clearly presented as the loop restarting.
On screen:Sample demonstration · Replay
Make it your own
- Page promise
- Choose a verified behavior that supports the surrounding headline.
- Sample action and states
- Replace R-019 and the assignment path with matching supplied start, action and result evidence.
- Replay treatment
- Use an explicit reset boundary that cannot be mistaken for undoing the product action.
Prepare start, result and reset assets
Supply matching unassigned and assigned states plus the actual interaction evidence. If the assignment flow cannot fit legibly, use a smaller verified action or a longer video. A compact loop is not permission to invent a one-click path.
Adapt to the surrounding page
Let the page headline explain the benefit while the loop demonstrates the bounded behavior. Keep the essential message available in page text and choose a representative still. Website playback controls and reduced-motion behavior require implementation review beyond this storyboard.
Review the last-to-first transition
Inspect the reset repeatedly and ask whether it could be mistaken for an automatic unassignment. Keep the result held longer than the reset. For a 30-second version, add context and clearer action holds; do not simply slow every movement equally. This is a planning example, not a tested loop.
Review checklist
- One action supports the headline.
- The result can be read before restart.
- Replay is distinct from product reversal.