MacCoffee Cappucino DI TORINO

Objective

MacCoffee, a coffee brand by Food Empire, launched an interactive campaign to introduce its new Cappuccino Di Torino product—a premium instant cappuccino blend with Belgian dark chocolate crumb. The gamified website aimed to make product discovery engaging by allowing users to virtually experience preparing the drink with toppings and techniques, positioning accessibility and enjoyment as core benefits.

Solution

The campaign featured a gamified single-page website at ditorino.coffee where users progressed through interactive tasks resembling coffee preparation. The experience began with a narrative video of a morning routine, requiring users to draw a circle to 'make coffee' before accessing the main site. Subsequent gamified tasks guided visitors through product benefits, culminating in adding chocolate powder to the virtual cup. Each completed step explained the product's features, with built-in social media sharing functionality enabling users to post their creations. The site was built using HTML5, CSS3, jQuery, PHP, and JavaScript on a Bitrix backend, with mobile optimization achieved by converting videos into frame sequences.