Case study · 2023
Lumen Motion System
A library of purposeful motion primitives for product teams.
ClientLumen
Year2023
RoleMotion Designer
StatusShipped
Overview
Lumen wanted to standardize motion across a fast-growing product surface. I designed the system, the documentation, and the React primitives that engineers could drop in.
The challenge
Most motion systems die in Figma. The challenge was making one that actually shipped, with tokens engineers could reason about.
The process
- →Audited 6 months of existing motion in the product
- →Defined 4 durations, 5 easing curves, and 3 principles
- →Built 12 primitives in code, documented the rest
The solution
A tiny vocabulary — enter, exit, hold, respond — that the team could compose from. The system cut new motion decisions to under a minute per surface.
+38%
Activation
4.9★
App Store
12 wks
To v1