Built with Webflow
Overview
I've partnered with Blaze.ai since mid 2024 to streamline and enhance their website development by improving design consistency within Webflow, creating reusable components with custom properties, maximizing performance using custom code, and simplifying CSS classes.
Featured Projects
Blaze.ai Customer Stories Page Development
50+ CMS driven customer testimonial videos
Maintained optimal performance by:
Utilizing the data-src attribute instead of src so that the browser didn't pre-load all 50+ videos.
Implementing true lazy loading with Intersection Observer API. (Only load videos when they're about to enter viewport.)
Setting the preload to "none."
Blaze.ai Home Page V.1
"Shuffle Vibes" animation using GSAP Flip
GSAP Shuffle Effect
The lead designer's vision for a shuffling home page was fully realized by leveraging GSAP's shuffle library. When users click "shuffle vibes," multiple elements are targeted on the page to change CSS classes and background images.
Blaze.ai Tutorial Database (Blaze 101)
CMS Driven YouTube Tutorials
Utilizing Webflow's native CMS and YouTube's iFrame API, I was able to recreate a version of Canva's tutorial experience, called Blaze 101.
This ensured a delightful user experience for Blaze's tutorials, without directing users away from Blaze.ai
53 likes · 2.9K views · Sep 25, 2024
Ongoing Webflow development for Blaze.ai: rapidly building pages, reusable components, and custom solutions to optimize performance and effeciency.
