Specialty coffee roastery / Website design
Meet the coffee.
Meet the coffee.
Choose the brew.
We gave the coffee collection a product-led structure, with origin notes and brewing context alongside the branded bag.
The visitor can investigate a coffee rather than choose solely from its packaging.
Explore the work ↓- PROJECT TYPE
- Website design & front-end development
- DOMAIN
- Specialty coffee roastery
- DESIGN FOCUS
- Helping coffee customers choose by roast and brew context
01 / THE DESIGN DECISION
The detail page goes beyond the bag.
The shortlist brings those preferences into an enquiry. We kept the roasting identity and the practical product information in the same visual system, so brewing guidance feels like part of shopping. The catalogue is illustrative and does not claim a real origin certification or available stock.
02 / THE BUILD
The pages we designed.
The build brings home, the coffees, santa Elena, build your coffee selection and ask the roastery into one website.
The coffees
View the screen ↓Santa Elena
View the screen ↓Build your coffee selection
View the screen ↓Ask the roastery
View the screen ↓03 / PROJECT NOTES
Project scope.
We designed and built 9 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.
The shortlist and planning notes stay within the browser session. Enquiries produce a local preview; no request, payment or booking is sent.
The gallery shows our rendered pages with identifying details masked.
06 / ON SCREENA closer look.
A closer look.
Page by page.
Start with the home page, then explore the details. These are screenshots of the original website, with names, contact details and identifying information blurred for privacy.
5 views Select any view to explore
Have a similar project?
Let’s discuss the work.
Tell us what your customers or team need to do. We can help define the pages, records and interactions around that task.