Disney Rewards Redesign

Development
← All projects
Disney Rewards Redesign

Rebuilding the Rewards Platform

The Disney Rewards redesign was an opportunity to re-architect the front end from the ground up. I led the engineering effort, focusing on a system that was faster, more maintainable, and easier for content authors to work in. The result was a fully responsive platform with 40% faster page loads, a reusable component library, and a consolidated animation layer.

Animated Elements

I consolidated the site's scattered animation libraries into a single JavaScript layer built on GSAP, integrating it with components and visual elements across the experience. That included extending GSAP's horizontal-loop helper to cover the project's different carousel needs.

Custom ES6 Modules

I wrote custom modules to standardize common patterns. scrollTo normalizes user input and converts it, where possible, into something GSAP's ScrollTo plugin can consume. customEvents handles custom events consistently from a global level, with a defined list of available events.

Flexible Content Builder

Harnessing ACF's Flexible Content, I extended the existing custom block system into a component library that's consistent and reusable across both blocks and components. Data is simple to retrieve and templates are easy to call from the back end — and just as easy to clone from ACF, so content authors can build pages without touching code.

WordPress Integration

Every front-end and admin screen has a back-end PHP element behind it. Some ACF blocks render from templates while others pull from a class or library; PHP classes handle data consumption and tie into the displayed templates — keeping the whole system coherent from the database to the rendered page.

Project Details

Nathaniel Hoyt
Nathaniel Hoyt
Frontend Developer

My Role

Lead front-end developer — I architected the redesign's front-end design system across modules, PHP, JS, and CSS. Working closely with content authors, I built a reusable ACF Flexible Content component library — consistent, flexible, scalable components with their own UI, each block backed by a PHP/ACF template. I also consolidated animation into a single GSAP-based system and wrote custom ES6 modules, including a scrollTo that normalized user input for GSAP's ScrollTo plugin. Together it shipped a fully responsive site with 40% faster page loads.

The Team

Development
Nathaniel Hoyt
Nathaniel Hoyt
Frontend Developer
EB
Evan Borden
Backend Developer
JT
Jeff Tidwell
Director Of Technology
CL
Chris Lopez
QA Engineer
Creative
HA
Horizontal Agency
Creative
AP
Alex Pierce
Creative Director
JC
Jaylynn Canales
Art Director
Platform
WPWordPress
Tech
ESEs6
GSGSAP
HTHTML5
JSJavaScript
PHPHP
SCSCSS

Let’s Talk

We all have a story to tell. Whether it’s a website, a logo, or a design, let’s help you tell that story.

Let’s Talk

Tell us about your project and we’ll get back to you.

Protected by reCAPTCHA.

Connect with us