Canvas.io
Pixel-perfect, animation-rich marketing site for a venture-backed AI company
Name
Canvas.io
Industry
Technology
Project Type
Full Website Build
Platform
WordPress
Builders
Custom PHP Templates
Hosting Platform
WP Engine
Design Credit
Groundwrk
Custom Features
GSAP Scroll Animations, Vimeo Video Integration, Scroll-Triggered Transitions
Timeline
July 1, 2024 - October 25, 2024
Watch How It’s Made
Project Background
Canvas.io is a product by Occipital, Inc.—a Boulder-based company specializing in computer vision and 3D scanning technologies.
Our Approach
With final designs provided by Groundwrk, we began development by setting up a modular ACF structure in WordPress—giving the Canvas team full control over content while allowing us to build each section with pixel-level precision.
Scroll-Triggered Animations
GSAP-powered transitions and section reveals that elevate the brand without sacrificing performance.
1 / 3
Work Highlights
Pixel-Perfect Development
Recreated every layout from Groundwrk’s Figma designs with precise attention to spacing, typography, and responsiveness across all devices.
GSAP Animation Integration
Implemented scroll-triggered transitions, interactive motion effects, and elegant load sequences to create a premium, immersive experience.
Vimeo Video Embeds
Integrated high-resolution product demos across the site using Vimeo, optimized for both performance and mobile compatibility.
ACF-Based Layout System
Built a flexible backend using Advanced Custom Fields, giving the Canvas team full control over content updates without needing developer support.
HubSpot Form Integration
Connected lead generation forms directly to HubSpot for seamless CRM capture and marketing automation.
Performance Optimization for Heavy Media
Overcame the performance burden of animations and video through media compression, JS/CSS minification, lazy loading, and CDN delivery.
Launch-Ready for Fundraising
Delivered and deployed the site ahead of schedule—supporting a major investor push that led to a successful $10M Series A funding round.
The Outcome
$10M Series A Secured
The site supported Canvas’s next fundraising phase—serving as a polished, high-impact asset that helped close a successful $10M Series A round.
High-Conversion, High-Performance
Despite heavy use of video and animation, the site delivered fast load times, smooth interactions, and clear conversion paths for technical buyers.
Flexible, Future-Proof Backend
The modular ACF-based structure empowers the Canvas team to update and expand content without relying on developers.
Behind the Scenes
What We Learned
Pull up a chair—this is the part we usually share over a drink. A personal reflection on the real challenges and lessons from this build.