Items are displayed in a Pinterest (opens in new tab)-style layout, with the focus on image and minimal product details. Clicking the image provides a pop-up box containing full information.
The site also enables you to explore catalogues from 90 retailers (opens in new tab), including Tory Burch, Land's End, and Bebe.
Clicking "Explore this catalog" lets you back and forth through the pages as you would a physical magazine, and save favourite items.
You can also sign in with Facebook to "like" or share an item on the social network, and Glimpse will curate options specifically for you based on those likes.
How they built it
Khandelwal also describes the usage of Turn.js. "While developing magazine-style catalogues, we used Turn.js, an open source jQuery plug-in flexible enough to be adapted to our needs. We also liked that it was managing the page turn effect entirely with DOM elements."
"Additionally we integrated product highlighting and hotspotting overlays to make the pages more interactive. Both of these together helped create an HTML5 magazine with interactive markup. It also gave us a great deal of satisfaction to contribute some of our code back to the developer community."
Words: Jack Franklin (opens in new tab)
This showcase was originally published in .net magazine (opens in new tab) issue 233.