Stack Innovations / Services / Graphics & Design / Motion Design
Motion Design · Graphics & Design

Frames that move.
Timing that lands.

A motion design studio that takes an idea from storyboard to rendered timeline — UI motion systems, brand animation, explainers, and the Lottie and Rive microinteractions that make a product feel alive, not loaded.

/01Drag the playhead · scrub the keyframes
Timeline · scrub the motion
00 / 90f
Drag the playhead ▸
Keyframe · start 0.00s
Animations shipped980
Avg. rounds to final3
Easing curves tuned120+
Formats per delivery6
02 — Outcomes

Motion that moved the needle.

A ledger of named engagements where the timing did real work — activation, retention, comprehension, fewer support tickets. 6 of 24 shown · ledger updates as projects close.

Pulse Fitness
App · Onboarding motion
A 9-screen onboarding choreography — eased transitions, progress motion, and a celebratory finish
+27%D7 retention
Nova Bank
Brand · Motion system
A documented motion system — easing tokens, duration scale, and 40 component animations
Faster handoff
Drift Audio
Music · Reactive viz
An audio-reactive visualizer for a streaming app — beat-synced, GPU-cheap, 60fps on mid-tier phones
+38%Session length
Kit Robotics
Explainer · Product
A 90-second animated explainer that replaced a six-page setup manual in the box
−31%Setup tickets
Ember Games
UI · In-game motion
Menu, HUD and reward motion for a mobile title — juicy, snappy, and performance-budgeted
+19%Tutorial completion
Halo Health
Microinteractions · Lottie
An 80-state Lottie pack for empty states, loaders and success moments across the patient app
−42%Asset weight
03 — From storyboard to render

One shape.
Four passes.

Scroll. Watch a single shape walk the road every animation travels — rough storyboard, plotted keyframes, the eased curve applied, finished render on a timeline strip. The motion never changes. The craft stacks on top of it.

01/04
Pass 01 · Storyboard
F01 · REST F02 · RISE F03 · LAND EASE · BACK-OUT
Storyboard pass — rough frames blocking the beats, nothing timed yet.
01
04 — Process · One animation, five weeks

Read the brief.

References, mood, the one feeling the motion has to land. We pull a board, agree the read, and write the beat sheet before a single keyframe gets set.

/ Week 01 · Brief
"Snappy, never sluggish."— product lead, kickoff
"Has to feel premium."— brand
"60fps on a mid-tier phone."— engineering
3 references1 beat sheet1 read

Storyboard the beats.

A dozen tiny frames, no detail. We're hunting the rhythm — where motion enters, where it rests, where it accents. One sequence wins; the rest prove why.

/ Week 01 · Storyboard

Set the keyframes.

The winning sequence becomes real keyframes — position, scale and rotation plotted on a curve. This is the skeleton the easing will dress. Get the spacing wrong here and no curve saves it.

/ Week 02 · Keyframes
ToolAfter Effects · graph editor → Cinema 4D
ChannelsPosition · scale · rotation · opacity
Comp1920 × 1080 · 60fps · square px
SpacingRead the chart, not the timeline
RuleVary the spacing or it reads linear

Tune the easing.

Curves first — every move its own bezier, no fuss. Then the timing scale is locked: a snappy default, a cinematic slow, an accent overshoot that earns its keep. Feel lives here.

/ Week 03 · Easing
DefaultEase-out · 240ms · 80%
AccentBack-out · 380ms · 15%
CinematicExpo · 600ms · 5%
NeutralsInk · paper
RuleEase-out leads, linear never

Render the motion.

Now it comes alive: real timing, secondary action, overlap and follow-through so it reads animated, not tweened. The last 10% that takes 40% of the time.

/ Week 04 · Render
Anticipation
Overlap
Follow-through
Secondary action
Squash & stretch
Motion blur
Staggered entry
Easing pass
Timing polish
Render queue

Deliver every format.

Source comps, exported MP4 and ProRes masters, Lottie JSON, Rive runtime files, and an integration note. Animated once, ready everywhere it has to live.

/ Week 05 · Deliver
SourceLayered .aep + .c4d
VideoMP4 · ProRes · @1080–4K
WebLottie JSON · Rive · WebM
TokensEasing · duration · stagger
HandoffIntegration note · budgets
05 — Live · same motion, two timings

Same motion.
Two timings.

One animation, timed two ways. Drag the slider to morph between a snappy UI feel and a cinematic one — easing, duration, stagger and overshoot all interpolate live. Timing is a decision, not an accident.

AFTER EFFECTS · SNAPPY UI 1920 × 1080 · 60fps
Snappy · 240ms
Snappy · ease-out · no overshoot UI · responsive
Style A · Snappy UI
Fast · ease-out · tight
Style B · Cinematic
Slow · expo · luxurious
Snappy Cinematic
EaseEase-out · power3
Duration240ms
Stagger40ms · tight
OvershootNone · 0%
LoopQuick · 1.4s cycle
FeelUI · responsive
06 — System · a kit that travels

A kit that travels.

A motion set is a system too — easing curves, a locked palette, timing rules, and the tokens that make it cohere. The jar below is real: drag any chip to read its definition.

Easing library · the working set
Linear
Ease-out
Back-out
Expo
Elastic
Spring
Palette · electric pink
Pink#FF1A75 · dominant · 60%
Magenta#C81E5B · partner · 30%
Cyan#2BD4D4 · accent · 10%
Ink#0B0A0E · base · shadow
Paper#FBEAF1 · highlight · paper
Lime#D4FF3A · spark · used 5% max
Timing & feel · house rules
Do Lead with ease-out.
Fast in, settle soft — it reads responsive.
Don't Animate linear.
It reads mechanical, like a loading bar.
Do Stagger related motion.
A short offset makes a group feel choreographed.
Don't Overshoot everything.
Bounce earns its place; it isn't a default.
Token jar · drag any chip
Drag a chip to read its definition.
07 — Tools · honest kit

The kit, shown.

No mystique. The apps we actually open every week to animate, render, and ship. If a tool isn't listed, we don't pretend to be fluent in it.

Motion
After Effects
3D
Cinema 4D
Runtime
Lottie
Interactive
Rive
Procedural
Cavalry
Edit
Premiere
3D
Blender
3D web
Spline
Review
Frame.io
Design
Figma
Sound
Audition
Brief
Notion
Start the motion

A motion team that finishes.
Yours.

A single microinteraction, a campaign cut, or a whole motion system with tokens to keep it consistent. Tell us the feeling the motion has to land — we'll send a plan and a storyboard, not a pitch deck.

Start a project
Accent
Hero shader
Motion