Back to Work

Aquafresh

HTML5 Homepage Animation

Aquafresh HTML5 Homepage Animation
Aquafresh HTML5 Homepage Animation
Aquafresh HTML5 Homepage Animation
Aquafresh HTML5 Homepage Animation
Aquafresh HTML5 Homepage Animation

My Involvement: Front-End Development, HTML5 Animation, JavaScript/jQuery
Project Manager: Priscilla Beal-Leuch
Designer: Flav Rosati
PNG Sequence: Matt Wolford

This homepage animation was built to announce their new product Aquafresh Extreme Clean and to inform people of a Facebook contest that was running that gave away coupons to promote their product. It was built using HTML5 and jQuery animation techniques, including animating images along bezier curves, customizing a bubble generator to run in the background, and animating PNG sequences smoothly. This animation was created completely separate and appended the images to the screen using JavaScript to make implementation simple and it waits until everything has loaded before it begins to play to make sure everything animates in smoothly.

Visit Site