Built with Spline

Vanguard landing page Rive animations

Aleksey Kosygin

About Vanguard

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
28

Posted Feb 26, 2025

Interactive parts of Vanguard website designed using Rive.

3D hero mockup + landing redesign
3D hero mockup + landing redesign
TrueCraft Digital branding + landing design
TrueCraft Digital branding + landing design
3D presentation of form page made in Spline
Crypto coins 3d pack made using Spline
Crypto coins 3d pack made using Spline