<SK>
live2026E-commerce

E-commerce website for coffee and coffee equipment

A ready-to-sell online shop for a coffee brand: product catalog, subscriptions, cart and checkout — designed to turn visitors into regular customers.

RoleFull-Stack Developer & Designer
Duration1 week
TeamSolo engineer
01 /

Overview

Problem

A coffee business sells two very different things. Beans are a small purchase people repeat every few weeks. Grinders and espresso machines are expensive, and customers compare carefully before buying. A typical template shop handles both the same way, so it loses sales on both.

Approach

I built a shop that sells each product the way customers actually buy it. Coffee pages sell on taste — origin, flavour notes, roast level — to make the choice quick and emotional. Equipment pages sell on trust — clear specifications, real photos of every colour, side-by-side comparison — so buyers feel confident spending more. Everything shares one brand look, one cart and one checkout.

02 /

Stack

01Next.js
02React
03TypeScript
04Tailwind CSS
03 /

Outcomes

Repeat
Sales built in with a coffee subscription
3-step
Checkout that keeps buyers moving
Mobile
Designed for phone shoppers first
04 /

Build

01
Catalog that helps customers choose
Filters by roast, taste and brewing method help customers find the right coffee in seconds. Equipment can be browsed by category and price, with a photo for every colour option.
02
Subscriptions for regular income
Customers can sign up for coffee delivered every week, two weeks or month, with a discount of up to 15%. One-time buyers become regular customers.
03
Cart and checkout that don't lose sales
One cart for all products, remembered even if the customer leaves and comes back. A short three-step checkout, ending with a clear order confirmation.
04
Ready to grow
Fast pages, a premium look on any screen, and attractive previews when products are shared on social media and messengers. Products are easy to add, and the shop can be connected to real payments, delivery and more languages.