3 Lottie Animations for a Tennis Coaching App Onboarding Screen

Posted 3 weeks ago

Worldwide

Summary

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
  • Expert
    Experience Level
  • Remote Job
  • One-time project
    Project Type
Skills and Expertise
Mandatory skills
2D Animation
Animation
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
Member since Jun 15, 2015
  • United States
    Watertown7:05 AM
  • $14K total spent
    33 hires, 0 active
  • 56 hours

Explore similar jobs on Upwork

Create Engaging 2D Stickman VideoHourly‐ Posted 1 month ago
2D Animation
Animation
Graphic Design
Illustration
2D Animation Video Creator NeededFixed-price‐ Posted 4 weeks ago
2D Animation
Adobe After Effects
Animation
3D Animation

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers 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

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo