Case Study - Wrangler Leatherman Page
Complex multiple scroll animation based marketing page for Wrangler Jeans Europe e-commerce site.
- Client
- Wrangler
- Year
- 2014
- Service
- Front-End Development
You always delivered great solutions to whatever the UX/UI team gave you and Wrangler Leatherman was no exception. Your idea to set a vertical boundary 3 times the viewport height, outside of which the complex UI sections would be removed from the DOM, thus saving memory and CPU, really allowed the design to come to life.
Lead Developer
Project Overview
A complex multiple scroll animation based marketing page for Wrangler Jeans Europe e-commerce site. The page was designed so that each section will snap to the viewport height on scroll with each section having its own unique animation/design. This project really exposed me to the need for intelligently optimising pages that have a lot of animated content so that the browser remains performant.
What I Delivered
Responsive Scroll Animation Web Page
Vanilla JSScroll Animation LibSCSS