https://muse.mu/shop/product/361/the-resistance-tour-photography-book/menu/17/accessories/

In November 2011 Muse released an incredible coffee table book filled with photographs from The Resistance Tour. The book was released exclusively through muse.mu and the band needed to get the word out to fans.

I was asked to build a gallery to preview some of the photographs. I built a gallery using jQuery to elegantly fade the images in and out as a user pages through them. I put together some iFrame code so the band’s management could easily add the gallery to the product page in the online store.

To take it further I developed a slightly smaller version of the gallery to sit in a Facebook tab. The tab links back to product page to encourage purchases. The tab includes social sharing options linked to the product page. So fans who click ‘like’, ‘tweet’ or ‘share’ on the Facebook tab would share a direct link to the product page on muse.mu.

To enhance the sharability of the gallery I created a small Flash version for improved Facebook sharing. Anyone sharing the product page or hitting ‘like’ on the page or Facebook tab would post a preview directly to their wall. The small flash gallery loads in the news feed and ends by linking back to the product purchase page. Sharing the product in this way made it far more engaging and appealing, while driving traffic to the store.

Finally I made sure that the jQuery gallery degraded gracefully for users without Javascript enabled. Instead of using a smooth jQuery transition, the gallery still allows users to flick through the photos easily.

The gallery seems fairly simple at first glance, but there are a number of clever bits of code working together to provide the best product experience.