Cappuccino DiTorino

New product site from MacCoffee

Project's awards:

Awwwards:

- Honorable Mention,

CSS Design Awards:

- Special Kudos award,
- UI design award,
- UX design award,
- Innovation design award.

DesignRush (test for @Lana):

- Top 10 Food & Drink Website Designs: link

Objective:

Creation of a unique promo-site for the new MacCoffee Cappucino DiTorino product. The key feature of MacCoffee Capuccino DiTorino is a real dark chocolate crumb that comes with coffee in a mini sachet.

Decision:

A gamified, fully responsive site that mimics the virtual cooking of MacCoffee Capuccino DiTorino. Each screen assumes activation by the user to proceed to the next section.

Technological stack:

JavaScript, HTML5, PHP and Bitrix backend. To display points of sale, a special module was written for importing, determining coordinates and administering several hundred geotags on the map.

Production:

In the process of content production, the agency’s capabilities were used both in video filming and post-production, including package renders and cleanup. Due to the peculiarity of launching video files on mobile devices, video files were converted into frame sequences, which were launched in the frontend.