SPECIALTY COF`FEE E-COMMERCE WEBSITE

SPECIALTY COF`FEE E-COMMERCE WEBSITE

ROLE: Web designer, E-commerce UX, Shopify build

PLATFORM: Web (Desktop, mobile)

TOOLS: Figma, Shopify

LIVE SITE: https://flatcoffeeroasters.ie/

The image featured at the top of the about us page #1

OVERVIEW

Flatcoffee is a specialty coffee shop with two locations in Dublin and an in‑house roastery. I defined the vision, designing the full experience in Figma, and building and running it on Shopify.

CHALLENGE

How do you turn the feel of a neighbourhood café into a digital experience — without losing its character or overloading a minimal interface?

01

Translating a physical brand to the web

02

One structure, three audiences: café regulars, home brewers and wholesale partners

03

Dense information, minimal layout

04

Letting the product lead

05

Designing for Shopify from day one

01

Translating a physical brand to the web

02

One structure, three audiences

03

Dense information, minimal layout

04

Letting the product lead

05

Designing for Shopify from day one

01

Translating a physical brand to the web

02

One structure, three audiences

03

Dense information, minimal layout

04

Letting the product lead

05

Designing for Shopify from day one

01

Translating a physical brand to the web

02

One structure, three audiences: café regulars, home brewers and wholesale partners

03

Dense information, minimal layout

04

Letting the product lead

05

Designing for Shopify from day one

The image featured in the middle of the about us page

GOAL

Turn the feel of the cafés into a simple, trustworthy online store — easy to buy from, easy to learn from, and easy for the team to run on Shopify.

The image featured in the middle of the about us page

KEY UX DECISIONS

01

Origin and tasting notes visible right in the shop grid — café customers choose coffee by flavour, not by name.

02

Notes and origin in accordions on the product page — detail on demand

03

Weight selector and two clear actions: Add to cart / Checkout

04

Brew guides with step‑by‑step recipes to support home brewers

05

A dedicated Wholesale page with a short partnership form

01

Origin and tasting notes visible right in the shop grid — café customers choose coffee by flavour, not by name.

02

Notes and origin in accordions on the product page — detail on demand

03

Weight selector and two clear actions: Add to cart / Checkout

04

Brew guides with step‑by‑step recipes to support home brewers

05

A dedicated Wholesale page with a short partnership form

GO UP