Built with Rive

Interactive Headers for GWI's Website

George Weatherhead

Verified

Interactive Headers - Rive

I created animated headers for GWI’s rebranded website using Rive, bringing playful and interactive energy to their hero sections. Each animation was designed with hover interactions to boost user engagement.
🕶 VR Character – Cursor-Responsive Juggling To bring the VR character to life, I used Rive’s constraints system to make the juggling animation responsive to the user’s cursor. As the mouse moves across the screen, the juggling balls follow naturally, giving the impression that the user is influencing the performance. This subtle layer of interactivity adds a sense of agency and delight to the experience.
Stars as nested artboards
🔭 Telescope Lady – Hover-Activated Star Animation For the character looking through a telescope, I used nested artboards to create a shimmering star animation that only appears when the user hovers over the header.
Dotty!
Dotty the CTA Button Character – Playful Micro-Interaction To draw attention to the call-to-action button Dotty hides behind the button and pops out when the cursor approaches. This was achieved using proximity-based interaction triggers within Rive, creating a charming moment of surprise.
Like this project

Posted Jun 2, 2025

Created interactive animations for GWI's rebranded website using Rive.

Likes

1

Views

6

Timeline

Mar 31, 2025 - May 5, 2025

Clients

GWI

Payment Concept - Wave
Payment Concept - Wave
Micro-Interactions, Rive
Micro-Interactions, Rive
Character Animation - Rive 🏆
Character Animation - Rive 🏆
Product Explainer - Rive
Product Explainer - Rive

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc