Meridian.
A modern website for a speciality coffee brand, highlighting product quality and brand identity.
In speciality coffee you rarely compete on the lowest price — you compete on story, quality and trust. In that context a website isn't a cost item but a sales channel: it's where a visitor either becomes convinced of the value of the craft and pays for it, or leaves to compare prices elsewhere.
The goal was a site that does three things at once. It has to convey the level of craft so convincingly that the premium price feels justified. It has to guide the visitor naturally toward an order, a sample order or getting in touch. And it has to stay alive editorially, because the range, the batches and the seasonal products change constantly.
The design core: an experience that builds trust.
The most important job of a brand site is to remove doubt. A speciality coffee buyer is subconsciously asking the same question anyone asks in front of a premium product: is this higher price actually justified? The entire UX was built to answer that question — not by saying "trust us", but by showing the work behind the product.
An editorial approach and typographic hierarchy
A generic shop template would have eaten the brand's credibility, so the site was designed more like a magazine than an online store. Large, confident typography carries the look and creates a clear hierarchy: at a glance the visitor always knows what matters most and where to look next. Generous white space lets the content breathe and signals quality in itself — an unhurried, careful feel is visible in the layout alone.
Scroll-driven storytelling
Instead of dumping all the information on the visitor at once, the pages are built as a narrative path. The home page opens with a moving hero video that sets the mood in seconds, then takes the visitor step by step through the roasting process, the roastery's story and the subscription model. The process page breaks the craft into numbered stages (I–IV) — reading the green coffee, roasting, cupping, dialling in the home recipe — so each scroll reveals one new piece. This progressive reveal keeps the visitor moving and engaged, which connects directly to how far toward a purchase they get.
Scannability and information rhythm
Long content only works online if it can also be skimmed. So the information is broken up: a scrolling text ribbon repeats the brand promises rhythmically, number sections condense quality into measurable figures, and a tasting table opens up every batch from process to cupping score and tasting notes. Small technical markers (roast level, density, water activity, for example) double as proof of expertise — texture that convinces the knowledgeable buyer.
Motion and data as part of the message
Video, animation and data visualisations aren't decoration but arguments. When transparency is a central brand promise, concrete figures and process imagery make it provable rather than mere marketing talk. Motion brings the page to life and extends time on site, which in turn correlates with conversion.
Organising products around the user
The range is organised by brewing method — filter, espresso, cold brew, decaf — each with its own recipe and bean catalogue. This is a UX choice with a direct sales effect: the visitor quickly finds the product that suits them, which reduces choice paralysis, improves accuracy of fit and raises satisfaction after purchase.
Clear, repeating conversion paths
Every section ends in a natural next step: browse the range, start a subscription, request a sample, get in touch about wholesale. Calls to action are visible and consistent throughout the site, so the visitor never has to hunt for how to proceed. The mobile experience is built with the same care, because a significant share of traffic arrives on a phone.
Design that pays for itself.
Good UX/UI isn't an aesthetic question but a commercial one. A site project like this affects sales through several routes:
Premium positioning supports a higher price. When the site looks and feels like craft, the visitor is willing to pay for craft. Visual quality transfers directly into perceived product value, which improves margin without changing the product itself.
Story and transparency remove barriers to buying. Trust is the bottleneck in premium sales. When the process, the origin and even the pricing are shown openly, hesitation decreases and conversion rises.
Clear conversion paths raise conversion. Less friction in the funnel means more completed purchases, sample orders and enquiries. Every unnecessary click or unclear next step is lost sales.
The subscription model brings recurring revenue. When subscription is surfaced prominently as part of the story, a one-off buyer becomes a subscriber. Recurring revenue is predictable and more valuable than individual purchases, and it increases customer lifetime value.
Sample orders produce high-quality B2B leads. Requesting wholesale and samples is made easy, which brings cafés and resellers straight into the sales pipeline — often more valuable and longer-lasting accounts than individual consumer purchases.
Speed and technical quality improve both conversion and visibility. Fast load times reduce bounce and improve search visibility, which brings more organic, purchase-ready traffic without constant ad spend.
Independent content management speeds up campaigns. When marketing can publish new products, landing pages and seasonal campaigns themselves, seasonal demand and offers can be acted on quickly. Faster response means more sales opportunities captured.
The site was built with Next.js and Sanity as a headless CMS. A block-based page builder lets the roastery's team assemble and edit pages, and publish new products, landing pages and seasonal campaigns themselves — without a developer. Vercel handles deployments and performance.
Media and video are optimised for fast load times even on content-rich, image-heavy pages, and the mobile experience is built as carefully as the desktop one, because a significant share of traffic arrives on a phone.
Wondering whether this approach could work for you too?
Contact