02CASE STUDY
SIGNAL / MOTION STUDY.
A study of how motion can carry information: rhythm, timing, and transition as part of the interface, not decoration on top of it.
- CLIENT
- SorenArt Labs
- INDUSTRY
- Research & Development
- YEAR
- 2024
- SERVICE
- Motion Systems / Prototyping
01OVERVIEW
CHALLENGE
Motion in our interfaces was added late and tuned by eye, so timing drifted between products and animation often competed with the data it framed.
APPROACH
We reduced motion to a small set of primitives with tokenized timing, then tested each against comprehension tasks before it entered the system.
OUTCOME
A motion system with measurable intent: every transition explains a change of state, and the same tokens drive design tools and production code.
02KEY METRICS
MOTION PRIMITIVES24IN THE SYSTEM
FRAME BUDGET16msPER FRAME AT 60FPS
TIMING CURVES9TOKENIZED
COMPREHENSION+29%WITH MOTION CUES
03PROCESS
8 WEEKS- DISCOVER1 WEEK
- DEFINE1 WEEK
- DESIGN2 WEEKS
- BUILD2 WEEKS
- TEST1 WEEK
- REFINE1 WEEK
04DELIVERABLES
- 01Motion principles
- 02Timing and easing tokens
- 03Transition library
- 04Prototype studies
- 05Implementation notes
05VISUAL SYSTEM
- 01
SIGNAL RHYTHM
Pulse as a carrier of state.
- 02
WAVE FIELD
Continuous change, read at a glance.
- 03
EASING RIDGES
Nine curves, one family.
- 04
TRANSITION GRID
Where motion is allowed to happen.