Coffee website and commerce concept · 2026
Tazza Coffee
A commerce concept for an independent coffee company.
&w=3840&q=84)
What was built
- Responsive product and collection pages
- Reusable content for blends, gifts and tasting notes
- Campaign layouts with clear routes to products
- Accessible, performance-minded storefront foundations
The project
A shop that still feels like the brand
Tazza Coffee is a self-initiated concept for an independent coffee company selling limited releases, regular blends and gifts. The site keeps the identity prominent while making products easy to find and compare.
Campaign pages, collection views and product details all use the same content system, so the brand can stay expressive without making the shop harder to use.
The build
Campaign pages with a clear route to products
Large type, colour and illustration set the pace on campaign pages. Product grids become quieter and more regular where comparison matters.
Each blend and gift set has its own imagery, tasting notes and accent colour, all drawn from structured product content.
Built for every screen
Typography, product cards and campaign artwork are rearranged deliberately for smaller screens.
&w=3840&q=84)
&w=3840&q=84)
&w=3840&q=84)
Content management
Product information built to be reused
The site uses Next.js with Storyblok as the content layer. Prices, tasting notes, accent colours and display order are stored with each product and reused across collections and detail pages.
Pages are rendered on the server, images are optimised for their display size and the interface is built for keyboard and touch input.
A reusable product collection
Seasonal releases and regular blends use the same structured product entries.
&w=3840&q=84)
&w=3840&q=84)
&w=3840&q=84)
&w=3840&q=84)
Details
&w=3840&q=75)
&w=3840&q=75)