Coffee King.

The starting point.

Coffee King had outgrown their setup. Multiple stores spread across different markets, a wide catalogue with unclear navigation, and a platform where business buyers and consumers shared the same undifferentiated experience. They wanted to consolidate, differentiate their two audiences, and elevate how the brand showed up digitally.

Elevating Coffee King.

The brief came with a constraint: the existing identity couldn't change. So rather than starting from scratch, we worked with what was there, the crown, the warm browns and oranges, the spirit of the brand, and built a visual system around it. We introduced a complementary colour palette, refined the typography, and created a set of custom icons and illustrations that gave Coffee King a personality it could carry across every page. The result feels warmer, more confident, and unmistakably theirs.

Two months after launch, conversion rate was up 29% and average order value had increased 38%, with several features still waiting to go live.

Two audiences, one system.

To differentiate B2B from B2C within the same platform, we used colour as a quiet signal. The consumer store lives in Coffee King's warm browns and oranges. The wholesale experience shifts to purple, enough to feel distinct without breaking the overall coherence. Users moving between the two understand they're in the same world but with a different purpose.

Making a wide catalogue navigable.

Coffee King's product range spans everything from beans to brewing equipment. Before, categories were unclear and products were mixed together with no obvious logic. We restructured the information architecture, simplified the menu, and made sure users could get to what they needed in fewer clicks.

The product detail pages were redesigned to surface all key information above the fold: variants, pricing, reviews, and add-to-cart. For coffee, users can select roast level, brew method, and grind size without opening a single dropdown. Everything is visible and accessible.

Add-ons to increase order value.

For higher-value products like espresso machines, we designed an add-on system directly within the product page. Users can extend their warranty or add professional installation before adding to cart, with the total updating in real time. A simple interaction that increases average order value without feeling pushy.

One store replacing too many.

Coffee King's previous setup fragmented their data, analytics, and management across multiple Shopify stores. We consolidated everything into a single store using Shopify Markets, with dedicated configurations for the UK and EU including currency conversion, language variants, and the ability to customise content per region.

The most technically complex part of the project was making B2B and B2C coexist on one Shopify store without upgrading to Shopify Plus. We integrated SparkLayer to handle the wholesale layer: custom pricing tiers, business-specific accounts, and volume-based logic, all running on top of the standard Shopify setup. It was a configuration that hadn't been attempted before, and it required close work with SparkLayer's own team to solve problems neither side had encountered.

Built to be managed independently.

From the beginning, Coffee King needed more than a new store. We documented every integration, every configuration, and every third-party app in a comprehensive guide covering everything from menu customisation to market-specific pricing to SparkLayer setup. By the end of the project, Coffee King's team was managing the platform on their own, using our documentation as their day-to-day reference.