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
LinkedIn→ 500k+ 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
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 Process
4-Integration & Test
iOS integration. Confirmed easy developer handoff, almost plug‑and‑play.
iOS Integration
SOCIAL IMPACT
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
Hero Page Exploration for Recall.ai Website
Rive animated icons
Web-Hero Design for Nubbin Product (Black Mirror-Inspired)
Olivetti Divisumma 18
