Lottie JSON Animations
Budget: $80 – $100 USD
1. Project Overview
We’re building a VPN mobile application and need four lightweight Lottie animations to guide users through the connection flow. You will receive a PNG logo that already includes a character/mascot and must base all animation work on that asset.
Required animations (looping):
Idle (Not Connected) – indicates the app is waiting.
Connecting – communicates that a secure tunnel is being established.
Connected – confirms the connection is complete and secure.
Generic Loading – a reusable loading animation for other in‑app events.
Key requirement
The Idle, Connecting, and Connected animations must share a consistent rhythm, palette, and composition so they feel like one family—yet each should use distinct motion/visual cues so users can instantly tell the states apart. The specific motion concepts (breathing, pulsing, rotation, masking, shape‑morph, etc.) are up to you.
2. Deliverables
4 × Lottie JSON files – 400 × 400 px, vector‑based, seamless loops, ≤ 150 KB each.
1 × After Effects project (.aep) – vector layers only (no raster).
Preview files – MP4 or GIF for quick review.
Full rights – all animation and source files become our property upon payment.
3. Style Guidelines
Primary color #0057FF; accent #00D26A (minor tweaks allowed).
Durations: Idle / Connected = 1‑2 s; Connecting = 2‑3 s; Loading = infinite.
Must perform at ≥ 60 fps on low‑end iOS, Android, and React Native devices.
4. Timeline (UTC + 1)
Milestone Deadline
Kick‑off (logo PNG provided) Immediately upon hire
First draft (all 4 animations) T + 1 day
Final delivery T + 2 days
5. Budget
Fixed price: US $50 (platform fees included).
Payment schedule: 25 % on first draft approval, 75 % on final delivery.
We’re building a VPN mobile application and need four lightweight Lottie animations to guide users through the connection flow. You will receive a PNG logo that already includes a character/mascot and must base all animation work on that asset.
Required animations (looping):
Idle (Not Connected) – indicates the app is waiting.
Connecting – communicates that a secure tunnel is being established.
Connected – confirms the connection is complete and secure.
Generic Loading – a reusable loading animation for other in‑app events.
Key requirement
The Idle, Connecting, and Connected animations must share a consistent rhythm, palette, and composition so they feel like one family—yet each should use distinct motion/visual cues so users can instantly tell the states apart. The specific motion concepts (breathing, pulsing, rotation, masking, shape‑morph, etc.) are up to you.
2. Deliverables
4 × Lottie JSON files – 400 × 400 px, vector‑based, seamless loops, ≤ 150 KB each.
1 × After Effects project (.aep) – vector layers only (no raster).
Preview files – MP4 or GIF for quick review.
Full rights – all animation and source files become our property upon payment.
3. Style Guidelines
Primary color #0057FF; accent #00D26A (minor tweaks allowed).
Durations: Idle / Connected = 1‑2 s; Connecting = 2‑3 s; Loading = infinite.
Must perform at ≥ 60 fps on low‑end iOS, Android, and React Native devices.
4. Timeline (UTC + 1)
Milestone Deadline
Kick‑off (logo PNG provided) Immediately upon hire
First draft (all 4 animations) T + 1 day
Final delivery T + 2 days
5. Budget
Fixed price: US $50 (platform fees included).
Payment schedule: 25 % on first draft approval, 75 % on final delivery.