PetSmart National Geographic Microsite

A microsite experience built for PetSmart to utilize the National Geographic brand, knowledge and products available in the new line at PetSmart stores.

Project Intent

One of the product launches at PetSmart included a collaboration with National Geographic to create habitats and decor for fish, reptiles and small pets. The goal was to showcase several of the creatures that PetSmart had products for while also utilizing National Geographic’s deep archive of photography, facts and care tips.


Process

In collaboration with the PetSmart digital team, Stacy Najim and the development agency iCrossing, we wanted something more immersive, the National Geographic brand was a very wild and visual brand, anything that included a full world on screen was the goal. We found inspiration with the Disneyland Park viewer, which puts a full virtual map of the park to browse, in addition to a few parallax, visual example, we put together quick concepts and sketches to begin the world seen below.


Result

The world created was engaging and provided valuable information while promoting both brands effectively. The traffic to the micro-site was among the highest of any of PetSmart’s micro-experiences at the time. The site also won an OMMA award for digital excellence.

My role in the project was as a concept collaborator along with Stacy Najim, Michelle Welle and the iCrossing team. I provided visual Art Direction and UI/UX support for both desktop and mobile experiences. I also was primary on our team for proofing and providing QA feedback to troubleshoot the end r

CoryVanNote-Portfolio-2014-PetSmart-NatGeoHub CoryVanNote-Portfolio-2014-PetSmart-NatGeoHub-Chameleon CoryVanNote-Portfolio-2014-PetSmart-NatGeoHub-Chameleon-FunFacts CoryVanNote-Portfolio-2014-PetSmart-NatGeoHub-GuineaPig CoryVanNote-Portfolio-2014-PetSmart-NatGeoHub-GuineaPig-Modal
Project Updates

After launch one of the opportunities we saw was a quick option to browse products. I led the design direction collaborating with the iCrossing development team on implementing a quick grid of species with fast navigation to select product type and browse decor options before jumping over to the PetSmart cart for purchasing.

CoryVanNote-Portfolio-2014-PetSmart-NatGeoHub-Collections CoryVanNote-Portfolio-2014-PetSmart-NatGeoHub-Collections-Fish