Lead with the cup
Coffee cards introduce flavour and suitable preparation before denser origin details. This gives a visitor a practical starting point for comparing the range.
/ Design study 16
Coffee roaster website design.A concept with character.
A coffee roaster website concept that makes flavour, brewing choices and wholesale enquiries approachable without losing the craft behind the product.
Illustrative conceptWebsite & content direction
An original study for an imagined business. Concept names and logos are intentionally blurred. This is not a client project or a claim about business results.
Business typeCoffee roaster
Study scopeDesign · Structure · Content
Concept identity
A label-like typographic system uses structured product panels and warm illustrations. Precise alignment suggests care, while conversational descriptions keep the interface welcoming.
01 / The starting pointA website with
A website with
a clear job to do.
The imagined brief
imagines a small coffee roaster serving home drinkers and hospitality businesses. The brief is to make coffees easier to explore through flavour and preparation, while retaining space for detailed origin information and a separate wholesale conversation.
The customer challenge
Technical coffee language can exclude newer customers. This design introduces the drinking experience first and lets readers explore the more detailed information at their own pace.
02 / The design directionCharacter in
Character in
the details.
The technical composition, colour palette and type direction give its visual identity. These choices support the way a customer explores the business.
Type & tone / Structured labelsEvery coffee.
A different note.Aa Bb Cc · 0123456789
Paper#EFE7D9
Ink#392F2B
Accent#D2804E
Scene#C7B4A0
Keep brewing guidance connected
Each coffee can link to an appropriate brewing guide. The guide explains the process clearly and leaves room for experimentation rather than promising one universal result.
Separate the wholesale conversation
Hospitality buyers need information about the actual supply offer and support. A dedicated page gives those questions space without interrupting home-coffee browsing.
03 / In your handConsidered for
Considered for
a smaller screen.
Product facts use short labelled rows instead of a wide comparison table. Brewing steps stay in order, with measurements and explanations kept together.
Sample website copy
Start with what you enjoy
Bright and lively, round and chocolatey, or something you have not tried before. Flavour gives you a starting point; the coffee notes and brewing guidance help you explore from there.
04 / The page planA place for every
A place for every
useful detail.
This proposed five-page structure follows the customer’s questions. Each page has a distinct purpose, with clear routes between discovering the business, understanding the offer and making contact.
01
Home
Introduce the roaster and routes into the range.
02
Coffee
Present comparable product information.
03
Coffee detail
Explain flavour, origin and preparation context.
04
Brew notes
Offer useful brewing guidance.
05
Wholesale
Invite a conversation about business supply.
05 / Content & discoveryUseful to people.
Useful to people.
Clear to search.
Individual coffee descriptions and useful brewing guides offer specific search topics. Wholesale information targets a separate audience; origin and production details should come from the actual supply chain.
independent coffee roastercoffee brewing guideswholesale coffee enquiries
Proposed content topics for this imagined business, rather than measured search volumes or ranking claims.
01How can coffee product pages serve beginners?
Explain flavour in ordinary language and introduce preparation choices clearly. More detailed origin and processing information can follow without becoming a barrier to selecting a coffee.
02Why keep wholesale separate?
Business buyers ask different questions about supply and working arrangements. A dedicated route lets the roaster describe that offer accurately and collect relevant enquiry details.
Keep exploring
More in food & experiences.
Different businesses call for different choices. Explore another approach to the layout, content and customer journey.
What would a considered website look like for your business?
Talk about your website