Website development for VolumeVault

From UI design to frontend development, I built a visually immersive and interactive website for VolumeVault.

VolumeVault is a trading volume booster bot designed for projects on the Solana, BNB, and Base chains.

The client wanted a website that wasn't just another landing page, it had to tell a story, captivate users, and keep them engaged till the very end.

To achieve this, I knew the website needed to be visually rich while keeping the focus on the content. Since there weren't enough existing illustrations or icons to fit the desired tone, I designed custom illustrations that matched the project's identity. My goal? To make users feel welcomed and immersed the moment they land on the site.

I opted for a duotone color scheme to evoke warmth and familiarity, balancing boldness with subtlety. These illustrations were crafted in Figma and then animated using Lottie Editor for easy integration

I integrated the animated illustrations using react-observer to prevents playback when they’re out of view, triggering animations only when visible on the screen.

For additional interactivity, I used Framer Motion (now https://Motions.dev) to implement a gentle fade-in effect, making content appear fluid and engaging as users navigate the site.

✅ Package Mode: A selection dropdown feature allowing users to switch trading modes, instantly updating token amounts and pricing.

✅ Range Slider Calculator: A real-time calculator that estimates boosted trading volume based on selected packages and token price multipliers, providing an interactive way to assess potential outcomes.

✅ Visually Compelling and Animated Website: Custom-designed illustrations and smooth animations to enhance storytelling and engagement.