Toblerone
Personalisation Platform
Digital Rebranding & High-Conversion Personalisation Engine
I led the UX strategy for Toblerone’s global digital transformation. This project was a bold departure from traditional confectionery layouts, embracing a “quirky” and premium new branding. My focus was on architecting a seamless Direct-to-Consumer (DTC) personalisation platform that allows customers to customise their chocolate bars and packaging, effectively turning a mass-market product into a unique, occasion-based gift.
Challenge
Toblerone needed to evolve from a shelf-stable retail product to a digital-first gifting destination. This required a complete overhaul of the online experience to support complex product customisation.
The Problem: The existing digital presence did not reflect the brand’s new, vibrant identity and lacked the technical infrastructure to support a user-friendly personalisation journey.
The Goal: Build a high-performance e-commerce platform that balances avant-garde design with a frictionless customisation flow, driving both brand equity and measurable sales growth.
Insights
To ensure the new “quirky” design did not compromise conversion rates, I spearheaded a research-heavy discovery phase:
User Personas: Developed distinct personas focused on “Gifting Motivators,” identifying that users prioritise emotional connection and ease of customisation.
Journey Analysis: Mapped the end-to-end journey from landing page to checkout, identifying potential drop-off points in the product configuration stage.
Market Research: Analysed luxury and “new-age” branding trends to ensure the quirky aesthetic resonated with a modern, digitally native audience.
Action
I implemented a robust design strategy that harmonised bold visual aesthetics with technical precision:
End-to-End UX Wireframing: Designed intuitive navigation patterns that guide users through the personalisation process, ensuring that adding a name or message felt like an integrated part of the brand story.
Rapid Prototyping: Created high-fidelity interactive prototypes to test the “Personalisation Engine” interface, ensuring the UI remained responsive and clear across all devices.
Quirky Design Execution: Successfully translated the brand’s new visual language into a digital design system that uses bold typography and unconventional layouts without sacrificing accessibility.
Technical Literacy: Collaborated closely with developers to ensure the 3D preview and text-rendering components were lightweight and performant, minimising friction during the checkout process.
Impact
The launch of the Toblerone personalisation platform redefined the brand’s digital maturity and established a new standard for confectionery e-commerce:
Increased Engagement: The interactive personalisation feature led to a significant increase in time-on-site and social sharing.
Seamless CX: Successfully unified a complex backend personalisation logic with a simple, joyful frontend user experience.
Brand Modernisation: Positioned Toblerone as a leader in the premium gifting space, perfectly aligning the brand’s heritage with a future-facing digital strategy.
Operational Excellence: The use of a modular design system allowed for the rapid rollout of new packaging designs for seasonal occasions like Valentine’s Day and Christmas.