2D SaaS Landing Animations
Budget: $10 – $30 CAD
I need a set of clean, 2-D animations that bring our SaaS landing page to life and, most importantly, help visitors understand the product’s key features at a glance.
Scope
• Hero section – a short, looping scene that quickly illustrates our core value proposition the moment the page loads.
• Icons & illustrations – subtle micro-animations that reinforce individual feature callouts further down the page.
What I’ll supply
Brand guidelines, static hero artwork, icon sketches, a rough storyboard, and a short copy deck describing the product features you’ll be visualising.
What I’d like back
• Layered source files (After Effects, Figma, or similar)
• Web-ready exports: lightweight Lottie JSON or high-res SVG / GIF as appropriate
• Simple instructions on how to embed and trigger each animation in a typical React / Next.js codebase (intersection observer on scroll, hover states, etc.)
Acceptance
Animations must maintain the existing colour palette, loop seamlessly without obvious jumps, and keep total page weight low enough to preserve load performance on 3G. I’ll review and sign off after one round of revisions.
If you have a portfolio that shows crisp, explanatory 2-D motion for tech products, please share it along with a quick note on your preferred motion toolchain.
Scope
• Hero section – a short, looping scene that quickly illustrates our core value proposition the moment the page loads.
• Icons & illustrations – subtle micro-animations that reinforce individual feature callouts further down the page.
What I’ll supply
Brand guidelines, static hero artwork, icon sketches, a rough storyboard, and a short copy deck describing the product features you’ll be visualising.
What I’d like back
• Layered source files (After Effects, Figma, or similar)
• Web-ready exports: lightweight Lottie JSON or high-res SVG / GIF as appropriate
• Simple instructions on how to embed and trigger each animation in a typical React / Next.js codebase (intersection observer on scroll, hover states, etc.)
Acceptance
Animations must maintain the existing colour palette, loop seamlessly without obvious jumps, and keep total page weight low enough to preserve load performance on 3G. I’ll review and sign off after one round of revisions.
If you have a portfolio that shows crisp, explanatory 2-D motion for tech products, please share it along with a quick note on your preferred motion toolchain.
Related categories:
JavaScript
Graphic Design
Animation
After Effects
HTML5
2D Animation
Figma
Lottie