Vanguard — an innovative DEX on The World’s ꧁IP꧂ Blockchain. It provides seamless DEX services for testing Story Protocol in web3, such as swaps, a faucet, or depositing tokens in pools. Vanguard makes it easy for everyone to join and use the Story Network testnet.
Problems & Design solutions
❌ Poor hero page animation
❌ No animations for the 2nd section & success swap
❌ Huge weight of previous animations (100mb GIF)
✅ Smooth animations ofr hero page, 2nd section & success swap animations
✅ Lightweight and ready-to-use Rive animations (<1mb)
✅ Small design adjustments and suggestions
✅ Pitch deck and marketing banners
The founder of Vanguard hired me with an already existing landing page design. To be honest, I would have redesigned the whole website, but it wasn't my task. Previous designer didn't have any logo design & animation skills, so I completed his work.
Landing page animations
How it looks in RIve
Swap success animation
Vanguard pitch deck & banners
Additionally, I designed some banners to help the Vanguard team secure a grant from the Story Foundation.
The result
As a result, I made Vanguard more interactive and unique using Rive. Unfortunately, they didn't receive a grant from the Story Foundation, and the landing page isn't live. That's why I can't share the website link with you.
Looking for an interactive landing page? Hit me up!
Like this project
3
Posted Feb 26, 2025
Interactive parts of Vanguard website designed using Rive.