Compass Hero
An interactive website hero for a product-planning tool, where a compass dial turns from idea to launch as the visitor moves through it.
At a glance
- Client
- Studio project
- What we made
- An interactive website hero (Rive file)
- Tools
- Rive
Interactive — try it
Case study
The idea
“From idea to launch” is a journey, so the hero became an instrument: a compass dial with coordinates that moves as you explore, turning a headline into a small moment of discovery.
The approach
A precise, monochrome Rive animation driven by a state machine, designed to sit at the top of a product page and react to the cursor without slowing the page down.
Try it
Move your cursor across the dial above.
