A high-energy relaunch packed with videos, games & interactive content.
An immersive website experience powered by custom animations, motion design and interactive storytelling.
Mattel
Max Steel - Global Website Relaunch
Max Steel was a global relaunch project for a fast-paced animated series with a large international fan base. I contributed as a UI Engineer and Art Director, helping shape an interactive website that brought the world of Max Steel to life. The experience featured custom animations, dynamic page builds, integrated games, sound design, and full cross-browser support — all crafted to create an immersive environment for young fans.
Sr. UI Engineer
Developed as part of my work at RAPP
HTML5 animations
Built custom HTML5 animations including meters, gauges, transitions and page builds. Each element was designed to match the high-energy style of the Max Steel universe while ensuring smooth performance across devices.
Central displays
Created dynamic display areas that housed trailers, games, character files and regional content. Each display included unique animations and visual effects tailored for English, Latin American and Brazilian audiences.
Audio and motion design
Developed a motion-driven onboarding experience that helped transition existing fans to the new platform. The combination of animation, sound and interactive cues made the relaunch fun, clear and engaging for a global audience.
This project was a huge creative and technical lift, and that made it exciting. Bringing an action-packed animated world online with custom motion, sound and interactive elements was one of the most challenging and rewarding builds I’ve been part of.
DisclaimerThe assets, visuals, and trademarks presented in this project are owned by Mattel and their respective third-party partners. They are included solely to illustrate the scope of work completed and are not intended for commercial use.