eCommerce · 8 weeks

CocoaTown made a deep machinery catalogue shoppable and lifted sales 28%.

CocoaTown sell bean-to-bar and nut-butter machinery to craft chocolate makers in more than a hundred countries. The catalogue held everything a buyer needed and no order that a buyer could use.

30-min call with a senior lead · Reply within 1 business day · NDA on request

CocoaTown's Shopify store on desktop and phone: the homepage and the CocoaT 12SLTA melanger product page
Client
CocoaTown
Sector
Food processing machinery
Market
Over a hundred countries
Timeline
8 weeks
Services
Shopify Development, CRO, UI/UX
+28%

Sales

+39%

Organic traffic

As reported by the client.

01 The challenge

CocoaTown make bean-to-bar and nut-butter machinery (melangers, grinders, roasters and winnowers) for craft chocolate makers and larger producers. The catalogue is deep and technically accurate, written by people who know the process. That depth is the reason serious buyers arrive in the first place. Nobody needed to make the writing simpler.

What the catalogue did not have was an order.

A chocolate maker does not search for a model name. They search for the stage they are stuck at and the batch size they need to reach. Listing every machine on one page and adding a search box would have made the catalogue faster to scan, not easier to decide from.

The gap showed up in the inbox. Buyers wrote to ask which machine fitted their batch. A sale that needs an email before it can start waits on a time zone. This is a considered purchase with a long research period. Every unanswered question adds days to it.

02 Our approach

UX

Navigation was rebuilt around two questions a buyer can answer: how much cocoa goes into a batch, and which stage is the problem. Product names answer neither. Every machine now sits under the stage it serves and carries the batch range it is built for. The menu is written in the words a maker already uses.

Technical

This purchase takes weeks and usually involves a spreadsheet. So the specifications had to sit on the page as text, not inside a downloadable PDF and not as a photograph of a table. Capacity, motor rating, drum size and footprint can then be copied, compared against a rival machine, and sent on to whoever has to approve it.

Conversion

These machines ship worldwide, and a melanger wired for one country is scrap in another. A cheaper build puts voltage in a note at the bottom of the description and lets a sales email sort it out afterwards. The electrical standard was made a choice on the product instead, so the wrong machine cannot be ordered.

03 Design & UX

The catalogue leads with process stage rather than product family. A maker who cannot get their conche to the right texture arrives at the stage first and meets only the machines that serve it. Batch range sits on every card, so a producer working in small runs can rule out an industrial machine before opening it.

On the product page the specification table is the main event, not an afterthought below a gallery. It is plain text a buyer can select and paste into their own comparison. On a phone the table stays a table rather than collapsing into a list, because a buyer comparing two machines needs the rows to line up.

The CocoaTown homepage on desktop

Menu by process stage

A maker knows which stage is failing before they know which machine fixes it, so the navigation starts where the problem is.

Batch range on every card

Capacity is the first filter a producer applies, so it appears in the listing rather than several clicks deep.

Specifications as text

A specification locked inside a PDF cannot be pasted into a comparison, and comparison is the whole of a considered purchase.

Voltage chosen at the product

If a choice decides whether the machine works at all in a country, it belongs on the page rather than in a follow-up email.

Cocoatown brand board: logo, colour palette, typography, cocoa beans, home banner and the product range

04 Development & technical implementation

Capacity had been recorded in litres in some places and kilograms in others. Nothing could be filtered until that was fixed, and no script could fix it, because the conversion depends on what is being ground. The engineers settled one figure per machine by hand before the new navigation could be built at all.

Machine attributes live in metafields, so stage, batch range, motor rating and electrical standard are structured data rather than paragraphs. Meilisearch reads those fields, which is why a search for a capacity returns machines and not blog posts. The electrical standard is a product option, so the order carries the right specification into the warehouse.

The technical writing is why buyers arrive, and years of process notes already ranked. A restructure that broke those addresses would have traded one problem for a worse one. Every page kept its URL through a 301 map, and each one now links to the machine it describes. A maker reading about conching is one tap from the equipment that does it.

Close-ups of CocoaTown: voltage chosen on the product, specifications as text and kits by production scale

05Key solutions

Key solutions.

The parts of the build a visitor would point at.

  1. 01

    Filter by batch size

    Capacity is the first thing a maker knows, so the catalogue narrows by how much cocoa goes into a batch.

  2. 02

    Browse by process stage

    Machines are grouped by the part of the process they serve, so a buyer starts from the problem rather than a model name.

  3. 03

    Voltage as a product choice

    The electrical standard is selected before checkout, which stops a machine reaching a country it cannot safely or legally run in.

  4. 04

    Specifications as plain text

    Capacity, motor rating, drum size and footprint sit on the page ready to copy into a comparison sheet or an approval request.

  5. 05

    Search that reads the data

    Meilisearch queries structured machine fields, so a search for a capacity or a stage returns equipment rather than articles.

  6. 06

    Guides beside the machines

    Years of process writing kept its addresses and now links straight to the equipment it describes, so reading turns into a shortlist.

06The result

The result.

What changed after launch.

+28%

Sales

Sales are up 28%. On a considered purchase with a long research period, that gain does not come from persuading anyone faster. It comes from letting a buyer confirm on their own, without waiting on a reply, that a machine matches their batch size and their electrical standard.

+39%

Organic traffic

Organic traffic is up 39%. The pages that already ranked kept their addresses through the restructure, and they now sit beside the machines they describe. A search about conching lands somewhere it can be acted on. The catalogue reads as one structure rather than as a list that grew.

The two figures work together rather than separately.

More of the right people arrive through the technical writing, and more of them can finish the decision without help once they do. Traffic without a way to decide is a cost. That is the part the restructure changed.

Not sure where to start?

Tell us the number that is stuck. A senior lead replies within one business day with an honest view, free.

Book a free consultation

or WhatsApp +91 70034 16634

9.9/10 client score · 150+ projects · 100% on time

07The finished site

The finished site.

Live, and running the business it was built for.

Visit the live site (opens in a new tab)
The finished CocoaTown store on phones: home, melangers and grinders, product and voltage choice

08In their words

Buyers used to email us to ask which machine fits their batch. Most of them stopped, and the ones who still write ask better questions.

Dr. Balu
Dr. BaluFounder, CocoaTown

09Tech stack

Tech stack.

What it is built on, and what it talks to.

  • Shopify
  • Liquid
  • Meilisearch
  • Search Console
  • GA4
  • Klaviyo

10More case studies

More case studies.

Other projects where we named the number before we started.

eCommerce

Attackletics doubled sales with a neon storefront that opens like a plain one.

A smart batting tee and a finished coaching app, sold from a stock theme. Rebuilt in neon and scanlines, without making the phone pay for it.

Sales
2×
Order value
+35%
View case study

eCommerce

Applied Vision Baseball left a coaching site for a store that shows gear working.

Vision and swing trainers that make no sense in a photograph. Moved out of a coaching site and onto a storefront built around the demonstration.

Conversion
+46%
Organic traffic
+56%
View case study

eCommerce

MindPanda built its own channel and pushed Amazon into second place.

An established Amazon seller with no channel of its own. Catalogue ported across, two markets configured, and a storefront designed to convert rather than list.

Direct revenue
7 figures
Channel, ahead of Amazon
No.1
View case study

11Start a project

Let us look at your numbers.

Send the metric that is stuck and we will tell you honestly whether we agree.

  1. Within 1 business dayWe read it properly and reply with real questions, not a templated brochure.
  2. A 30-minute scoping callFree, no obligation. We tell you honestly if we are the wrong fit.
  3. A written proposalScope, timeline, deliverables and the success metric, all on one page.

You'll hear back from a senior lead, never a bot.

    What do you need?

    NDA on request · Details never shared

    Question about your project? Tell us in 30 seconds and a senior lead replies.