Kmart Fall Remix

PMH asked me to create an animated widget for Kmart‘s "Remix" ad campaign. This was build using jQuery and HTML5 animations. The user selects one of two garments on the home page, and then can scroll right to view models wearing the item in different styles. The challenge was to create an interaction that looked simple and easy to use, but worked consistently across all browsers and was self-contained so that it would not interfere with any other scripts on the page.

This was built as a jQuery widget, so the user needs only to include a link to the source file, and indicate which DOM element to attach the animation to. Optionally, the client can override some of the config settings when including the widget on the HTML page, such as the animation speed, clickable links and path to the images. This makes the widget highly re-usable on different web pages without altering any of the source code.