Back To Works

Siro Animation

2026

The Goal

Bringing New App Features to Life

Siro is the leader in AI-driven coaching for in-person sales. When they launched their new features, they needed to show the momentum of a live sale.

We were tasked with creating a complex animation in both horizontal and vertical formats that visualize how the app thinks, listens, and coaches in real-time.

We were tasked with creating a complex animation in both horizontal and vertical formats that visualize how the app thinks, listens, and coaches in real-time.

Character in Motion

We think about the feel

Professional Easing

For a high-stakes sales tool, the animation cannot afford to be bouncy or distracting.

Every screen and text reveal was curated with precise easing curves to ensure a premium and professional feel.

UI Precision

While we didn't design the UI, we honored the existing design system by ensuring every shadow, corner radius, and pixel-perfect detail was preserved during the animation process to maintain consistency.

From Concept to Keyframes

From Idea to Keyframes

Our Design Process

Deep-Dive into the Details

Before moving into full production, we polished static frames to ensure the hierarchy of information was perfect.

Motion design is a game of millimeters. Using the storyboard iterations, we refined the shape until the narrative flowed effortlessly from the first reminder to the final sync.

Technical Execution

The Power of After Effects

Custom Motion

We avoided standard presets in favor of custom Bezier curves, ensuring that every UI card floats into place with a natural deceleration that feels premium.

High-Resolution

Professional brands need assets that look perfect on everything from a 5-inch smartphone to a 100-inch conference room screen. We could achieve it in every needed video format.

Format Versatility

We delivered vertical version alongside the horizontal master. We ensuring your brand looks perfect on LinkedIn, Instagram, or a Desktop Hero section.

Movement with Meaning

The Final Result

The user experience is built around the portfolio. We designed project pages that are fully immersive, using large-scale, high-resolution imagery and minimal text.

Narrative Clarity

We successfully translated complex features into a story that anyone can understand instantly.

With high-resolution renders and a consistent motion language across all formats, Siro is equipped with a visual asset that works as well on a keynote stage as it does on a mobile device.

Create a free website with Framer, the website builder loved by startups, designers and agencies.