An on-page menu
Drink, size and price sit together. The menu is part of the website, without a separate download.
GRAIN / SELF-INITIATED CONCEPT
A simple ritual.Good coffee.
Café website / Catalogue / UX concept
2026
Design concept
Self-initiated by Derwio
Visual direction and design
Designs for a homepage, café menu and coffee collection.
Screen designs only. Controls inside the illustrated screens do not perform actions.
COFFEE / EVERYDAYROASTED WITH INTENT
Good
mornings.
GRAIN.A CUP / A PAUSE / A RITUALmornings.
01 / BRIEF & APPROACH
A website for an independent café and roaster, connecting the place with coffee to take home.
A coffee journal borrowing from menus and roastery labels. Honey yellow, deep red and generous type establish the identity; prices and tasting profiles supply the detail.
In this concept
Home / menu / coffee collection
02 / INNER SCREENS
From first impression
to action.
Choose a screen to explore its desktop and mobile structure.
DesktopThe café
GRAIN.COFFEE / ROASTERY / EVERYDAYYOUR DAILY RITUAL
GOOD THINGS / EVERY DAYCoffee
Coffee
comes first.
Flavour in the cup. A small pause in the day, worth repeating.
30ML / ESPRESSO
A SMALL BEGINNING
A SMALL BEGINNING
01 / THE DAILY CUP
Your usual. Or something new.
Start with espresso, filter or coffee for home. Good coffee does not have to be complicated.
Mobile
GRAIN.COFFEE / ROASTERY / EVERYDAYYOUR DAILY RITUAL
GOOD THINGS / EVERY DAYCoffee
Coffee
comes first.
Flavour in the cup. A small pause in the day, worth repeating.
30ML / ESPRESSO
A SMALL BEGINNING
A SMALL BEGINNING
01 / THE DAILY CUP
Your usual. Or something new.
Start with espresso, filter or coffee for home. Good coffee does not have to be complicated.
Concept screen designs. The interface structure is shown here; controls within these designs are illustrative.
03 / DESIGN DECISIONS
Choose by flavour
Two blends differ by tasting profile and preparation method, making it easier to choose for a familiar brewer.
From atmosphere to choice
The opening introduces the café; subsequent screens show the range. Photography supports the content rather than replacing it.
Designed for mobile too
Menu rows and prices remain clear. Coffee cards form a single column, and imagery does not squeeze the description.
04 / WHAT’S INCLUDED
Three screens: café, menu and coffee collection. GRAIN, its range and prices are fictional. Ordering and payments are not connected.
Next case studyROUTE