FEATURES

Liquid, Responsive and optimised

The UI is liquid and responsive and so are the pop-up screens.

Shareable URLs & Auto-logins

All the page states, including popups, are saved using a custom URL. One can open up any page, popup and his/her offer using the custom URL. During the offer period, Croma sent the URL of this site (along with customer's email added as a parameter) to emails that were eligible for an offer. The Offer for each user was then dynamically requested from the server and added to local storage. Thus, enabling sharable-autologin URLs.

Local Storage

User's offers and preferences were saved using Local Storage API.

Shareable URLs

Each Product has a unique URL so that the same can be shared across platforms and devices.

Magic Of Handlebars(Templating Engine)

We used Handlebars extensively for popups. There were about 80 products when this website was launched. Using a template engine is one of the best ways to handle content for websites that have dynamic content having more or less same markup.

Custom Filtering

Users can filter their choice of products and each product had its own choice of filtering. Custom JavaScript logic was developed to populate the fields dynamically.

Panorama

The panorama feature was developed using DDPanaroma plugin.

Ease of modifications

The client brief mentioned that the website/App UI should be developed in a way that products can be added or removed, rooms could be modified and the metadata can be added or removed easily by designers and junior developers. So, I developed the architecture in a way that the UI can be modified by changing the background image and modifying the underneath JSON file.