Coffee Roastery E-Commerce
Bergmann Coffee Roastery had a loyal following in Bergmannkiez but zero digital presence. Customers who loved the café had no way to buy beans online. I designed a mobile-first e-commerce experience from scratch one that preserves the warmth of the physical space in a seamless digital flow.
00

research
key insights
The Problem
Bergmann had an audience loyal, coffee-literate, and willing to pay for quality. The problem was that the brand's warmth had no digital equivalent.
How might we make buying Bergmann coffee online feel as trustworthy as buying it in the café?
User Persona
Lukas, 34 · Software Engineer · Berlin Mitte
GOAL: Buy the Ethiopian Yirgacheffe he gets in the café without going in person.
PAIN POINT: No online store exists. And when he finds specialty coffee online, the language is too technical to navigate quickly.
"I know I like Bergmann. I just want to be able to buy it from my sofa."
Design Decision
Taste Match Quiz: A 3-step quiz matching users to their ideal bean brew method, flavor, and strength. Reduces decision fatigue without dumbing anything down.
Origin Storytelling on the Product Detail Page: Farm origin and producer story lead the product page before price, before add-to-cart. The story earns the purchase.
2-Step Frictionless Checkout: Info → Payment. Shipping costs are visible upfront. No account wall. Every drop-off trigger research identified removed.
The Solution
From discovery to checkout confirmation, every screen is designed around a single question: does this feel like Bergmann?
Homepage · Shop · Product Detail · Cart · Checkout
Full research process on Medium ↗
year
2026
timeframe
11 days
tools
Figma, Figjam, Google Forms
category
UI/UX
01

02

03

04

05

06

07





