Landing page

Kaldi Roast Co. (DTC Coffee Brand)

Editorial-style product landing page for a premium specialty coffee brand. Subscription-focused design with warm typography, product storytelling, and conversion flow built to drive first-time subscribers and showcase direct-trade sourcing.

Coffee
Client Kaldi Roast Co. (Concept Project)
Year 2026
Role Web Designer & E-commerce Front-End Developer
Stack TypeScript · Tailwind CSS · Framer Motion · Lovable.dev · Fraunces (serif typography)
Built with Lovable

A slow-scroll storytelling experience built as a concept project for a direct-to-consumer coffee brand, designed to make coffee feel like craft rather than commodity.

The problem

DTC coffee is a crowded category where the product is genuinely hard to differentiate on a page. Everyone has origin notes and a roast date. The differentiation has to come from how the story is told, and from moving the visitor towards a subscription rather than a one-off bag.

What I built

Origin storytelling. Sections that build the case for craft before asking for the sale.

A brew method selector. Which doubles as product guidance and as a way to segment intent.

Seasonal roasts. Framing the catalogue as something that changes, which is the argument for subscribing.

Social proof woven through. Rather than parked in one testimonial block.

Subscription as the destination. Every section pulls towards it instead of towards a single purchase.

The stack

React with TypeScript, Tailwind CSS and Framer Motion, built on Lovable and structured to be Shopify-ready.

A note on this one

This is a concept project rather than client work. For live Shopify storefronts I have built, see Synful Novelties and Adaptive Automate.

Related services

Need something similar? Tell me what you sell and whether subscription is the right destination for it.