Case Study
Vanguard SaaS Animated Lottie Asset Kit
Lightweight JSON Lottie micro-animations for cloud backup state indicators, success states, and live telemetry graphs.
- Client
- Vanguard Cloud Inc
- Industry
- Enterprise SaaS Global
- Service
- 2D Animation
- Year
- 2024
- Pillar
- Visual Experience
Illustrative reference image; not documentation of the delivered project.
Starting point
Client Challenge
Heavy GIF animations slowed web app load times and consumed excessive mobile data.
Kapitech response
Kapitech Solution
Exported vector JSON animations under 25KB each with 60fps buttery smooth vector scaling across devices.
Scope of work
Execution & Delivery
The recorded delivery scope for this project includes 40 Lottie JSON Animation Files, After Effects Source Files, and React Integration Code Snippets. The technologies or production tools recorded for this engagement are After Effects, Bodymovin, LottieFiles, and SVG / JSON. The deliverables below make the documented scope easier to review.
Deliverables
- 40 Lottie JSON Animation Files
- After Effects Source Files
- React Integration Code Snippets
Results and indicators
Outcome & Impact
The impact indicators listed in this project record are Asset Payload Size, 60fps Rendering, and User Delight Rating. Available values are shown below so the reported outcomes can be reviewed in context.
- Asset Payload Size
- -85%
- 60fps Rendering
- 100%
- User Delight Rating
- 96%
Technologies and tools
- After Effects
- Bodymovin
- LottieFiles
- SVG / JSON