CASE STUDY: Helping people choose coffee with more of the story
Freelance, London / Remote
Dec 2023 – present

Helping people choose coffee with more of the story

Show me the work ↓

The short version

  • Role: Freelance design and development, from the customer experience to Shopify implementation.
  • Problem: Choosing a specialty coffee means understanding flavour and brew options without losing its producer, origin and processing story.
  • Decision: Give people enough detail to choose, with more to discover when they want it.
  • Result: A working storefront with repeatable product structures, provenance and flavour components.

Enough to choose. More to discover.

Producer, variety, processing, origin and flavour become useful buying information, rather than a separate story people have to hunt for.

Public Glass Coffee storefront showing coffee provenance, an origin map and key product characteristics

01 / Product experience

Enough to choose. More to discover.

A repeatable structure across coffees

Clear product cards support browsing. On a product page, brew-specific flavour profiles use the same structure across the range, while the content stays specific to each coffee.

Public Glass Coffee collection page showing the coffee range and product selection

Product detail, without losing the story

Brew method and size sit alongside origin, process and producer information. The same page lets someone choose a coffee and discover where it came from.

Public Glass coffee product page showing filter and espresso options, size selection, origin, processing and producer information
From design to Shopify implementation

The work continues in Liquid, CSS and JavaScript: reusable sections, product metafields and brew-specific flavour profiles. Filter and espresso profiles can draw on different data while sharing a consistent component.

This is ongoing work with the Glass team. The screenshots show the public storefront; they are evidence of the implemented experience, not a claim that I independently designed every element.

Role, tools & collaborators

Responsibilities

  • Product and interaction design
  • Shopify theme development
  • Reusable product components

Tools

  • Shopify Liquid
  • HTML, CSS and JavaScript
← Back to work