3 Lottie Animations for a Tennis Coaching App Onboarding Screen
Worldwide
About the project We're building an AI tennis coaching app that analyses your serve using your phone camera. Before a player records themselves, we show a one-time camera setup guide. Instead of static images, we want three short looping Lottie animations that make it immediately clear how to set up the phone. What we need** Three Lottie animations (JSON), each 2–3 seconds, looping smoothly: 1. **Bird's-eye angle** — top-down court view. Phone icon moves from an incorrect front-facing position to the correct 90-degree side position, with a checkmark or glow confirming the right angle. Serve direction arrow and 90° indicator appear. 2. **Hip height** — side profile of a stick figure serving. A height bracket or arrow animates down from head height to hip height, landing at the correct position. Viewfinder corners appear to show full body is in frame. 3. **Prop options** — three prop icons appear in sequence (tennis bag → ball hopper → bench), each with a phone icon settling into place on top of them. A gentle bounce or settle on each landing reinforces the idea of stability. To apply:** Please share 2–3 Lottie animation examples you have done — ideally instructional or onboarding UI animations, not character animation or decorative motion. Link to LottieFiles.com previews if possible so we can see them play. **Style requirements** - Dark background: #0A2342 (navy) - Accent: #CDE211 (lime/yellow-green) - Secondary: #F0EFE8 (off-white) - Muted: #7A9EC0 - Clean, minimal line style — think Duolingo lesson animations or Apple setup screens - No gradients. Solid fills and strokes only - Must look good over a dark camera preview background - Animations should be calm and instructional — not fast or playful. The user is reading and acting on these. - Reference images of the static draft versions are attached **Deliverables** - 3 × Lottie JSON files, optimised for mobile (Flutter via the lottie package) - SVG or After Effects source file - MP4 preview of each animation for review - Must play correctly in Flutter using the lottie Flutter package
$150.00
Fixed-price- ExpertExperience Level
- Remote Job
- One-time projectProject Type
Skills and Expertise
Activity on this job
- Proposals:15 to 20
- Last viewed by client:3 weeks ago
- Interviewing:0
- Invites sent:1
- Unanswered invites:1
About the client
- United StatesWatertown7:05 AM
- $14K total spent33 hires, 0 active
- 56 hours
Explore similar jobs on Upwork
How it works
Create your free profileHighlight your skills and experience, show your portfolio, and set your ideal pay rate.
Work the way you wantApply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
Get paid securelyFrom contract to payment, we help you work safely and get paid securely.
About Upwork
- 4.9/5(Average rating of clients by professionals)
- G2 2021#1 freelance platform
- 49,000+Signed contract every week
- $2.3BFreelancers earned on Upwork in 2020
Find the best freelance jobs
Growing your career is as easy as creating a free profile and finding work like this that fits your skills.
Trusted by