renata acioli
Motion Design · Case Study

Routo Launch Film

Every broken link is a tiny betrayal of trust. That idea became the heart of this 34-second launch film for Routo.IO, a piece I carried from the first sketch to the final render: concept, script, design and animation.

Client
Routo.IO
Role
Motion Design & Direction
Format
16:9 · 34 seconds
Year
2026
Watch the film
Process

How I built it.

01

Starting with the problem

Every broken link is a frustration users already know. So instead of a feature showcase, I built the story around friction itself: wrong screens, broken redirects, dead ends. I wanted the problem to feel instantly recognizable before the solution even shows up.

02

Finding the look

I pulled the visual world straight from Routo's brand: dark UI surfaces on a subtle grid, bold type, electric blue. The film shifts from light to dark as it moves from problem to product, a quiet cue that something just got fixed.

03

Making it move

The hardest part of motion design for SaaS isn't smooth UI animation. It's clarity in under 30 seconds. Every transition, pacing decision and typography cue points to one idea: one link, the right path, every time. I wanted the motion language to feel like the product: fast, certain, routing in real time.

04

Wrapping it up

A final pass on rhythm and polish, landing on the call to action. Then I rendered the 16:9 master and sent it off, ready for launch.

Outcome

Where it landed.

The film shipped on schedule and carried the launch: it ran across Routo.IO's social channels and was used in the company's investor presentation — the same 34 seconds doing duty as both marketing and pitch material.

“Renata has a unique talent for turning concepts into captivating animations that clarify complex ideas.

Her collaborative spirit is impressive; she values feedback and embraces new ideas, making her a vital part of any team. Her positive energy and professionalism create a motivating environment for everyone.

Her talent, work ethic, and passion for design will make a lasting impact on any team. I can't wait to see the amazing things she will accomplish!”

Client feedback · Routo.IO
Stills

Selected frames.

Problem scene: 404 Not Found card over floating broken links Meet Routo title card with gradient logotype And routes users to the right place, typography scene One link, feature typography scene Set up in minutes, typography scene with light streak Live routing panel UI: iOS, Android, Desktop All tracked automatically, analytics dashboard scene End card: Start with Routo
Tools
Adobe After Effects · Adobe Illustrator
Deliverables
Concept · Script · Styleframes · Animation · Final edit
Client
Routo.IO ↗

Got a product that deserves a film like this?

Let's talk → More work Next: bB Wallet →