Built with Rive

Ironblocks Website Rive Animations

Javier Oliver

Ironblocks Website Animations

Vector Rive Animations for High-Performance Web Sections

📝 Project Overview

Ironblocks, a blockchain security platform, needed scalable, performance-optimized animations for their newly redesigned website. I led the full creative process—from vector-based design exploration in Figma to crafting and implementing smooth, responsive animations in Rive.
These animations were tailored to enrich each section of the site without compromising speed or clarity. I tackled creative challenges like creating perfect loops, designing smooth transitions, and applying effects like blur, masking, lighting, and feathering—all while keeping the files lightweight.
I also worked closely with the development team to ensure seamless integration across devices and maintain visual consistency with the brand.

🛠️ Tools & Technologies

Figma (initial design exploration and layout planning)
Figma Graphic Explorations
Figma Graphic Explorations

Rive (animation and implementation)
Rive Animations + Implementation

🌟 Key Highlights

Designed and animated fully vector-based loops for optimal performance
Created custom transitions and effects using blur, masks, and feathering
Overcame challenges with seamless loops and timing precision
Explored advanced gradient lighting and shading techniques
Supported developers with implementation guidance for smoother deployment

🌐 Community Spotlight

View post on X
Like this project

Posted May 5, 2025

Created scalable vector animations for Ironblocks' website using Rive and Figma.

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc