Role: Motion Design

Tools: Rive / Figma

Platform: Web

This project explores a hero section animation for a product landing page. The goal was to create a visually engaging yet restrained animation that could immediately communicate clarity, movement, and product confidence—without overwhelming the user.

The work was based on an initial client brief and completed as a standalone concept to explore motion direction and interaction principles for a modern web hero.

Create a hero animation that explains what the product(AI for Excel) does

Design/motion should support the product message rather than distracting from it

Ensure the animation could realistically ship on the web

Initial clientele brief provided visual references for the rive animation.

Show flow of AI Prompt (Typing entry)

Demonstrate AI thinking and analyzing with the following intermediates:

Reading CIM document

Preparing income statement

Completing verification

Display output via animation

I worked my way by breaking down and designing components individually, that way it's easier to animate and easily scale on any platform.

Clear visual hierarchy

Subtle transitions and easing

Motion that feels calm, confident, and product-driven

The final result is a clean, modern hero animation that demonstrates how motion can elevate a landing page while remaining practical and production-ready.

This project highlights my approach to product-focused motion design—where clarity, usability, and performance come first.