The Garnier Takecare campaign was launched with a focus on charity, under the theme “Love and Care.” It featured a short film inspired by real-life events, aiming to inspire positive energy and increase consumer alignment with the brand.

The campaign encouraged users to engage through their smartphones by scanning a QR code on the event website. Upon scanning, a virtual door would appear on their smartphone screen, and after knocking, a little girl would open the door and present a small gift. This interactive experience symbolized the act of reaching out to offer care and kindness.

Initially, the idea was to implement this as a mobile app. However, considering the budget constraints and the barrier of app downloads, we decided to create a mobile-optimized website. The solution involved researching and implementing a “real-time interaction” method between mobile and desktop websites. Node.js was identified as the technology to meet the real-time interaction needs, leading to related technical research and development. Additionally, audio event handling was adjusted to ensure compatibility across various browsers on Android, iPhone, and iPad.