Back to The Lab

Motion Library

A system of icon and micro-interaction animations built for a product super-app — from valet pickups to payment confirmations.

Category Motion Design
Year 2026
Platform Product App
Format Lottie (JSON)
Motion Design Micro-interactions Lottie
Overview

A super-app has a lot of moments — booking, paying, waiting, confirming — and every one of them needed to feel like part of the same product, not eighteen separate afterthoughts.

So instead of static icons, we built a small library of Lottie animations: one motion language reused across valet, payments, dashboards, and home cards, tuned to read clearly at a glance without slowing anything down.

Library

Book Meeting

Success animation when a meeting booking is confirmed.

Valet Pickup

Car arriving for valet handoff at drop-off.

Dashboard Alert

Beep cue on the dashboard when the vehicle needs attention.

Payment Failed

Error state for a failed handoff payment.

Lens Scan

Scan and loading animation for the in-app lens feature.

Home — Major Update

Hero illustration for major update cards on the home screen.

Home — Minor Update

Hero illustration for minor update cards on the home screen.

Payment Success

Confirmation animation after a completed payment.

Connect Cable

Onboarding cue guiding a cable or charger connection.

Idle Card

Ambient micro-motion for cards at rest.

Built right

One system, many moments.

Every animation was tuned frame-by-frame so it reads instantly, stays lightweight, and never slows down the interaction it lives inside.

Still thinking,
lets talk,
it won't cost.

Let's Talk →