Built with Jitter

Owl Loading

JAVIER | DSpot

Verified

Owl Loading

SUMMARY

Problem: App loading lists UI often feels boring and overlooked. Solution: Designed a playful owl loader animation with Rive. Impact: Viral post X(Twitter)338k+ views, 7.6k likes LinkedIn500k+ impressions, 18k reactions

ROLE & SCOPE

Role: Motion Designer / Animator /Rive Dev
Client/Brand: Internal concept, later adopted by Ciberos for its app
Services: Illustration, Motion Design, UI Animation, UI Dev
Tools: Figma, Rive, After Effects, Jitter

PROCESS

1- Back to the Origin

I created the core idea almost 8 years ago, made during the golden days of Dribbble. It started as an After Effects motion piece for a contest. I keep all my old concepts; they’re part of my design journey. That’s enough not to delete/hide them.
Dribble Post Info

2. First Figma Revamp

Give it a fresh spin and apply it in a real mobile UI context.
Simple shapes, fast exploration, no overthinking.
Figma First Sketch Ideas
Figma First Sketch Ideas

3. Rive Implementation (THE HEART)

Upgraded gradients + vectors
Motion timelines
Scroll-constrained autolayout
Joysticks
Data binding to track scroll + trigger transitions
Rive Implementation
Rive Implementation
Rive Implementation Process

4-Integration & Test

iOS integration. Confirmed easy developer handoff, almost plug‑and‑play.
iOS Integration

SOCIAL IMPACT

View post on X
Like this project

What the client had to say

Javier is an exceptional professional with an incredible eye for detail. His attentiveness and commitment to quality truly stand out, and I strongly recommend working with him.

Dimas Alves Freire, Ciberos OU

Sep 18, 2025, Client

Posted Sep 23, 2025

Playful owl loader animation made with Rive (mainly), achieving viral success and later acquired by a client for its project.

Likes

21

Views

237

Timeline

Sep 10, 2025 - Sep 18, 2025

Clients

Ciberos OU

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc