01. Overview

Chocolate for Family is an ongoing UX/UI redesign project for an e-commerce platform serving both consumers and professionals in the chocolate and cocoa industry. The brand sources cocoa directly from small producers and growers, supporting their work and promoting a more ethical and respectful relationship across the supply chain.

Beyond selling chocolate as a product, the brand aims to create a sensory experience that invites people to discover and engage with the world of chocolate.

The project focuses on creating a clearer and more coherent digital experience for two very different audiences, while improving the way products, information and services are structured and communicated.

The process started with preliminary research, interviews and surveys to validate initial assumptions and better understand the needs of both B2C and B2B users. The case study will continue to evolve as the project moves through strategy, information architecture, interface design and testing.

02. The Problem

The current experience lacks clarity at a structural and communication level.

The website serves both consumers and professionals, but this dual audience is not immediately evident.

Users struggle to understand who the experience is designed for, how the different product lines relate to each other and where to find the content relevant to their needs.

At the same time, brand-specific naming and highly descriptive copy often require interpretation instead of supporting immediate understanding, adding friction to product discovery and navigation.

03. Proposed Solution

The proposed solution will be shaped by the validated research findings and added as the project moves into the design phase.

Process overview

Updated: Sep 9, 2026

  1. Research In progress
  2. Strategy Upcoming
  3. Design Upcoming
  4. Prototype Upcoming
  5. Refine Upcoming

What’s been done so far

  • Quick audit
  • Initial user testing
  • Heuristic evaluation
  • Current-site information architecture
  • Competitive benchmark
  • Online survey (25 participants)

What’s next

  • User personas
  • Current-state user journeys
  • Card sorting
  • New information architecture
  • User flows
  • Tree testing
  • Future-state user journeys
  • Visual design

04. Research

Research is currently in progress. This section documents why each method was selected, which question it was intended to answer, and how the evidence will inform subsequent design decisions. Further details will be added as the work progresses.

Quick Audit

To establish a baseline before primary research, I conducted a rapid expert review of the current website. The audit surfaced initial usability, content, and structural risks, creating a focused set of assumptions to investigate rather than treating early observations as validated findings.

Initial User Testing

To challenge the initial assumptions and reduce designer bias, I ran three moderated usability sessions—one with an industry professional, one with a knowledgeable chocolate consumer, and one with an occasional buyer. Using five guided questions and a think-aloud approach, I observed how each participant navigated the current website and where task completion created uncertainty or friction. The sessions helped distinguish individual reactions from recurring problems that required further investigation.

Heuristic Evaluation

To complement the behavioral evidence with a systematic expert review, I assessed the current experience against Nielsen’s 10 usability heuristics and reviewed its visual consistency. This framework helped identify recurring interaction patterns, organize the issues into clear areas of concern, and establish priorities for deeper analysis.

Current Information Architecture

To determine whether the observed navigation difficulties were rooted in the interface or in the underlying structure, I mapped the current website’s information architecture. The map documents how content, labels, and navigation paths are organized today, establishing a baseline against which a redesigned structure can later be proposed and tested.

Competitive Benchmark

To understand how comparable platforms address the needs of two distinct audiences, I benchmarked organizations serving both B2B and B2C customers, prioritizing brands connected to responsible sourcing and respect for the cocoa supply chain. I compared how they separate audience pathways, frame communication, and structure product information. The goal was not to replicate existing solutions, but to identify relevant patterns and gaps that could inform one coherent experience for both target groups.

Online Survey

To investigate audience needs at a broader scale without exposing respondents to irrelevant questions, I designed an ongoing branching survey with conditional logic. An initial segmentation question routes personal buyers, professionals, and respondents who purchase for both purposes through the appropriate path or paths. The consumer route explores purchasing habits, decision criteria, and trust signals; the professional route focuses on the ingredients, technical specifications, and product information required for professional evaluation. The results will help validate patterns from the qualitative sessions and inform the personas and current-state journeys.

User Personas & Current-State Journeys

Card Sorting