Wizard Perks | Web Development for an AI-Powered Platform
How Wizard Perks Went from Static Design to Immersive Experience with Custom GSAP Animations
Introduction
Wizard Perks provides AI-powered employee perks—including travel discounts, exclusive deals, and signature Wednesday giveaways—for enterprise clients like Google, LG, and ZYRA.
They partnered with The Working Assembly, a branding and design agency, for their visual identity and needed a development partner who could bring their animation-rich vision to life in Webflow.
That enterprise buyer is the same one our Plano clients are selling to.
The Challenge
But the design demanded more than a standard Webflow build. The Working Assembly's vision called for sophisticated scroll-driven animations and interactive elements that would communicate a premium feel to enterprise decision-makers, and those animations needed to work flawlessly across all devices.
They needed a developer who could translate complex motion design into production-ready code.
A standard page builder approach wouldn't cut it.
Key Deliverables & Results
To meet their needs, I built a custom two-page Webflow site from the ground up, implementing multiple GSAP-powered animations that showcase Wizard Perks' platform to their enterprise audience.
The key wasn't just adding animations, it was engineering a system where complex interactions enhance rather than hinder the experience. That meant a pinned phone section with four scroll-triggered content states, a horizontal scroll section for the merchants page, and a dramatic clip-path page load animation.
For the card slider, I implemented a dual-system approach, GSAP for desktop and Swiper.js for mobile, ensuring optimal performance at every breakpoint.
The new Webflow site brings The Working Assembly's premium design vision to life with seamless, scroll-driven interactions.
Results
Wizard Perks now has an immersive web experience that positions them as a premium player in the enterprise perks space. Every scroll interaction reinforces the innovative, AI-powered nature of their platform, exactly the impression they need when pitching to enterprise decision-makers.
A recap of what was built:
- 2-page custom Webflow site built from the ground up
- Pinned phone section with 4-state scroll-driven content transitions
- Horizontal scroll section using GSAP ScrollTrigger
- Clip-path page load animation with circular reveal effect
- Split text animations using SplitType for character-by-character fades
- Responsive dual slider system (GSAP desktop + Swiper.js mobile)
- CSS marquee component for infinite scrolling content
- Full responsive design optimized for all breakpoints
6+
Custom Animations
2
Pages
4
Scroll States
2
Slider Systems
Stop losing deals to a website that's holding you back.
Book a 30-minute strategy session. You'll leave with a clearer picture of what your site needs to do and a rough budget range, whether you hire us or not.
Up Next
Ellis Baptist Association | Migration to Webflow
How we rebuilt Ellis Baptist Association's 35-page site in Webflow with a custom MapBox church finder this 44-church network can manage without a developer.
Troy Gramling | Website Migration
How we migrated pastor Troy Gramling's WordPress site to a component-driven Webflow build on the Lumos framework—plugin-free and simple for his team to update.