Lancôme Beauty Tech AR Hologram Experience

Built through Aircards for Lancôme's Beauty Tech & Beyond event in Thailand. I led the full technical development of an AR hologram experience launching in both English and Thai, letting users interact with a full-size animated hologram of Thai celebrity Billkin as he delivered a live speech, alongside branded 3D models representing the peptides in the product being promoted.

The experience ran across two scenes. Users tapped to place the hologram in their environment, pinched to scale it, and dragged to reposition it. Tappable hotspots on the 3D peptide models triggered product information on interaction. Once Billkin's speech concluded, users were prompted to sign up for the event. A second scene featured an animated 3D rose with floating petals to close the experience.

The experience was covered by Bangkok Post, Lancôme Thailand's social channels, and featured as a Metalitix case study. It drove event sign-ups and generated strong engagement across the Thai beauty community, with Lancôme's Thailand account amplifying it across X and Facebook.

Built with 8th Wall, A-Frame, and Three.js. The hologram effect used a chroma key video shader to key out the green screen footage of Billkin in real time within the AR scene, combined with animated 3D models for the peptide content. Tap-to-place and pinch-to-scale interaction handled AR placement and sizing across environments.

I integrated Metalitix for 3D spatial analytics to capture how users were interacting with the scene in three dimensions, alongside Google Analytics for broader engagement and performance tracking. The experience was fully optimised for performance across a wide range of mobile devices and supported both English and Thai.

Technical Lead: Owned the full build, covering scene architecture, hologram integration, 3D model interaction, and deployment.

Hologram System: Implemented chroma key video shader to composite the Billkin footage into the AR scene in real time, combined with animated 3D peptide models and tappable hotspots.

AR Interaction: Built tap-to-place, pinch-to-scale, and drag-to-reposition controls for hologram placement across varied environments.

Analytics: Integrated Metalitix for 3D spatial analytics and Google Analytics for engagement and campaign performance tracking.

Optimisation: Optimised code and assets for fast load times and consistent visual quality across a broad range of devices.

Localisation: Delivered the experience in both English and Thai.