The brief.
Specialty coffee in Egypt has a discovery problem. Customers know they like coffee. They don't know they like washed Colombia Huila with milk-chocolate body and a quality score of 86. So they bounce. C-Town wanted a storefront that would meet a beginner where they are and walk them to the right bag without a barista in the room.
What we shipped.
The 12-question Coffee Profile quiz.
A full Liquid section, not an app. Twelve questions ranging from "How do you usually start your morning?" to brew method, acidity tolerance, body preference, sweetness, milk usage, roast level, and a couple of lifestyle questions to break ties. The flow ends in one of four archetypes — each mapped to a curated set of real C-Town SKUs. Email capture is wired into the result step so the recommendation can be sent (and the customer recovered if they bounce).
A product page that respects specialty coffee.
Every PDP shows the things specialty drinkers actually look for: tasting notes (Green Apple · Milk Chocolate · Caramel), an acidity scale rendered A through E with the position highlighted, roast level shown as filled-bean glyphs, and a quality score with a progress bar. Two weight options (250g, 1 kilo). A "You may also like" rail that pulls genuine related origins, not random catalog noise.
Services, Academy, Bundles.
Services for the B2B side — café, hotel, and office programs. Academy as a content surface for brewing guides. Bundles as curated multi-bag SKUs at a discount tier. Each one is its own Liquid section, metafield-driven, edit-without-dev.
The footer that respects the brand.
Black footer, white wordmark, hotline 17125, payment marks, the lot. Tone holds end-to-end.
What's underneath.
The same Shopify Liquid color rule we apply on every build: never use Liquid filters to compose rgba or gradient values — Shopify's CSS sanitization eats them. Pass raw hex via data-* attributes, convert in JS, apply via element.style. Boring, reliable, ships every time.