🍫

Willie's Chocolates: A Modern Wonka Brand

Reimagining a nostalgic chocolate brand for the digital age β€” designing a magical, immersive experience for young dreamers and old nostalgics alike.

Role
UX/UI Designer
Tools
Figma, Adobe Illustrator
Context
Brand & E-Commerce
Focus
Visual Design, Storytelling
Outcome
Live site shipped on Wix Studio
The Problem

Nostalgia that works like a museum exhibit doesn't sell chocolate

Nostalgic brands have a paradox: lean too hard into the past and you feel like a museum exhibit; overcorrect toward "modern" and you lose the magic that made the brand worth revisiting. Willie's Chocolates β€” a reimagined Willy Wonka brand concept β€” needed a digital presence that could hold both truths at once: feel like unwrapping something you remember, but function like a product you'd actually buy today.

The brief was to design the complete digital experience β€” brand identity, e-commerce website, and checkout flow β€” for a concept chocolate brand aimed at young adults who grew up with Wonka and still have a taste for wonder.

Brand UX Visual Design E-Commerce Figma Storytelling
The Site

A full brand experience, live on the web

Willie's Chocolates website β€” online ordering, homepage, and events
My Role

Designing within a small team β€” strategy, screens, copy, and build

What I Did

UX/UI Designer on a small team. I led the brand strategy and visual language, designed the key screens in Figma, and worked with teammates to build out the Wix prototype and e-commerce flow. I also wrote the product descriptions and UX copy, which meant brand voice was a shared design decision, not an afterthought.

The Constraint

No pre-existing audience data, no direct user testing with a live customer base. Together, we had to define target users through research into the Wonka fandom, nostalgia-driven consumer behaviour, and competitive analysis of premium confectionery brands to ground the aesthetic decisions in something real.

Research & Discovery

Familiar, yet a discovery β€” finding the emotional register

I analysed the competitive landscape β€” looking at premium chocolate brands (CompartΓ©s, Vosges, Hotel Chocolat) and nostalgia-forward lifestyle brands (Polaroid, Doc Martens) to understand how emotion-led brands balance heritage with commerce. I mapped user motivations for purchasing as gifts vs. self-treats, and identified three core tensions my design had to resolve.

The Core Tension

"Nostalgic" brands that skew young-adult tend to fail in one of two directions: they're either too referential (feels like a costume, not a brand) or too stripped-back (the nostalgia disappears). The design opportunity was to find the emotional register where something feels both familiar and like a discovery β€” the way a great song from childhood sounds new when you hear it as an adult.

Tension 01

Childlike wonder vs. adult credibility β€” the visual language needed to feel playful without feeling juvenile.

Tension 02

Immersion vs. usability β€” rich, layered aesthetics can kill conversion if they make the path to purchase harder.

Tension 03

Storytelling vs. scannability β€” product pages that read like stories are memorable but must still answer: "What is this? How much? Can I buy it?"

Iteration

Three visual directions, one sweet spot

I explored three distinct visual directions before committing to a final system:

Direction 01

Maximalist Victorian β€” ornate borders, script typography, dark backgrounds. Felt theatrical and exciting but failed on usability: navigation got lost in the texture, and product photography couldn't compete with the visual noise.

Direction 02

Pastel Confectionery β€” soft pinks, illustrated characters, wide white margins. Felt approachable and contemporary but lost the luxury signal. Users in concept testing associated it with children's products rather than premium gifts.

Direction 03 βœ“

Jewel-toned Luxury β€” deep plums and forest greens with gold foil accents, Playfair Display headlines, generous white space. This was the sweet spot: richness that reads as premium, with enough restraint to let the product shine.

Design Decisions

Every design decision is a brand decision

Result

A brand that "felt like it could actually exist"

The Willie's Chocolates experience is live on the web. The Wix prototype demonstrates a full brand ecosystem β€” homepage, product pages, events section, and an end-to-end ordering flow β€” with a consistent visual and tonal language across every touchpoint.

Key outcomes from the design process:

Visit Willie's Chocolates β†’
Learnings

Brand-led UX is rigorous in a different direction

Brand-led UX is as rigorous as problem-led UX β€” just in a different direction. Instead of starting with pain points, you start with a feeling and work backward to the features that create it. The constraint is emotional consistency rather than task efficiency, which is deceptively hard to maintain across a full product.

The most important lesson: every design decision is a brand decision. The name of the checkout button, the amount of whitespace around a product image, the exact wording of an error state β€” all of it either reinforces the story or breaks it. Getting that right required treating copy, motion, and layout as inseparable parts of the same system.

More Case Studies

🌾
Kisan4U
Accessible e-commerce for farmers and suppliers
πŸ¦†
GooseConnect
Campus connection platform for UW students
πŸ›οΈ
Ontario Exposure Registry
Government UX at the Ontario Ministry of Transportation