Webflow Development for Blaze.ai
Jake Schlegel
2
Web Developer
Webflow Developer
Website CSS
Figma
GSAP
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
Like this project
2
Ongoing Webflow development for Blaze.ai: rapidly building pages, reusable components, and custom solutions to optimize performance and effeciency.
Likes
2
Views
171
Clients
Blaze.ai
Tags
Web Developer
Webflow Developer
Website CSS
Figma
GSAP
Webflow
Jake Schlegel
Expert Web Designer & Pixel Perfect Webflow Dev
Webflow Development for Bunkerhill
Webflow Development for Cognito Therapeutics
Web Design for Pivot Health
Web Design & Webflow Development for Elevate Hoops