Pavlo Zhydkykh

Product Designer & Developer

Case study 02 · 2026

Case study 02 · Lottie animation set

Four onboarding moments,

one little world.

Onboarding animations for Sprout, a plant care app. Four short loops explain what the app does: name a plant, know when to water it, find its light and watch it grow. One illustration kit keeps them in the same world.

Client

Sprout (concept)

Scope

4 onboarding animations for iOS and Android

Tools

Figma, Lottie

Deliverables

.lottie, JSON, MP4

The set

Palette

Canvas

#FFF3E2

Leaf

#3E9E62

Leaf light

#5BBE7E

Pot

#D9774F

Sun

#FFC94A

Water

#4DA8E0

Type

Nunito

Motion rules

Everything grows from its base, like a plant

A soft overshoot on every arrival

Cards land in the same top or bottom slot

0 / 0

01 / 04

Scan a plant

Onboarding 1, Identify

Point the camera: the viewfinder frames the plant, a scan line sweeps down, points land on the leaves and the result card names it.

Canvas

640 × 640

Duration

10.0 s

File size

9 KB

Frame rate

60 fps

Type

Nunito

Key states

02 / 04

Water reminder

Onboarding 2, Care

A thirsty plant droops and the gauge runs low. The watering can tips, the gauge fills and the plant stands up again, watered.

Canvas

640 × 640

Duration

10.0 s

File size

13 KB

Frame rate

60 fps

Type

Nunito

Key states

0 / 0

03 / 04

Light check

Onboarding 3, Placement

The sun climbs the window, a beam reaches the plant, the light meter swings into the green and the app confirms the spot.

Canvas

640 × 640

Duration

10.0 s

File size

17 KB

Frame rate

60 fps

Type

Nunito

Key states

04 / 04

New leaf

Onboarding 4, Progress

Day 29 turns into day 30: a sprout appears in the middle, unfurls into a new leaf with sparkles and the streak badge pops.

Canvas

640 × 640

Duration

10.0 s

File size

9 KB

Frame rate

60 fps

Type

Nunito

Key states

0 / 0

How the set was made

Illustration kit first

One leaf, one pot and one palette, drawn before any scene.

Key states

Three or four states per moment, every layer named the same way.

One motion language

Grow from the base, overshoot on arrival, one seamless Lottie each.

Thanks for watching.

Pavlo Zhydkykh · Product & Motion Designer · 2026