Motion graphics for apps — M3

Designing expressive, performant motion for mobile and web apps: onboarding flows, animated icons, micro-interactions, and promo loops tailored to product goals and rendering budgets in Singapore (SGP).

Core capabilities

UI Motion System

Reusable transitions, easing standards, and motion tokens for consistent interaction patterns.

Animated Promos

30–60s in-app promo videos, store previews and ASO-ready loops with brand-led storytelling.

Performance-First

Optimized exports for Lottie, MP4, and spritesheets with GPU-friendly assets and reduced runtime cost.

Selected work

App onboarding animation
Onboarding micro-moments — 8 screens animated, exported to Lottie.
Animated icons set
Animated icon system — 60 icons for UI and marketing use.
Promo loop for app store
Store promo loop — 30s MP4 optimized for mobile preview playback.

Case study — Pulse Notes (mobile)

We redesigned the app's onboarding with motion-first approach, reduced Time-to-Interactive and improved conversion by 18% across APAC. Deliverables: Lottie bundle, MP4 assets, design tokens and implementation guide.

  • Reduced runtime cost via vector optimization and texture atlases.
  • Cross-platform guidelines for Android, iOS and React Native.
  • Color-graded promo reel and audio sweetening for app store video.
Pulse Notes case frames
Key frames and interaction timing mapped to easing curves.

Packages & pricing (indicative)

Package What’s included Delivery Price (SGD)
Starter 10 animated icons, 1 Lottie export, implementation notes 5–7 days 1,200
Pro Onboarding flow (up to 8 screens), Lottie + MP4, optimization 10–14 days 4,500
Enterprise Full motion system, design tokens, dev support, promo reel 3–6 weeks Custom

FAQ

We supply Lottie JSON, MP4 H.264, optimized WebM, GIF for quick previews, and sprite sheets upon request.

We optimize vector complexity, precompose heavy effects, use texture atlases, and provide dev hints to reduce overdraw and memory spikes.

Yes — we integrate motion tokens, exportable assets, and a dev-friendly implementation guide for consistent app-wide motion.
Lead motion designer

Aria Tan — Lead Motion Designer

10+ years in UI/UX motion, specialized in Lottie, After Effects and runtime optimization.

Our approach

We map user intent to motion, prototype with real devices, and iterate collaboratively with product and engineering teams. Every asset includes guidance for latency, memory and cross-platform parity.

Ready to add motion that matters?

Tell us the platform and target devices — we’ll suggest a compact, production-ready motion system.