Home
Contact me: Mpolo17@gmail.com
Online Catalog Spring Summer '07

PUMA's catalog for Spring Summer '07 came in two versions: a mail catalog and an online catalog made to complement the mail version. Every item seen on the paper version of the catalog was viewable online. Even if the customer hadn't received the catalog in the mail, they could still order everything through the online version.

I wanted the online version to be more useful than the mailed version so we added a zoom function that allowed the user to see every product up close and hidden animations / games that showed off the best products for that season. The interactivity had to be simple and clear to use so customers would have no problem purchasing any of the products.

With the use of animations and mini games in the catalog, we were able to keep users entertained, engage them in our brand and advertise featured products in the catalog.
The loading page for the site. Everything was about ripping up paper!
Users started the catalog by ripping the tab
The opening of the online catalog
The main interface of the catalog. Users would use the top navigation to view all the catalog pages. Rolling near the "+" would show information on the products on that page and allow users to add them to their shopping cart.
If users chose the "zoom" option then a paper ripping transition would show the larger image view of the product.
Product zoom
Animations were placed all over the catalog to show off the "star" product pieces.
Another animation showing off the PUMA Cylde
A matching game that matched different products in the catalog.