Skip to content ← Back to projects
Karoo Gold homepage with its gold mountain logo and five food presentations on a dark textured background
SELECTED WORK / WEBSITE EXPERIENCEKaroo GoldScroll into the project
THE ACTUAL WEBSITE · EXPLORE BELOW
SELECTED WORK / Karoo Gold

Discover the product.
Shape the order.

A website and custom ordering experience for Karoo Gold, connecting its products with the details customers need to place an order or find a distributor.

Explore the experience ↓
02 / THE BRIEF

Make ordering clearer.
Bring the choices together.

Project period
2020 · website and orderingA product website with custom ordering and a CMS-driven distributor directory.

Website design · Content management · Custom ordering · Distributor directory / 2020

WHAT THE CLIENT WANTED

Karoo Gold needed a refreshed website with a practical way to collect orders and help customers find its distributors.

HOW WE HELPED

We combined content management, a purpose-built order form and a distributor directory within the same dark-and-gold identity.

01 / CUSTOM ORDERING

Bring an order together.

Product quantities, customer details and factory or airport collection choices are brought together in a single ordering form.

Karoo Gold / 2020
Original Karoo Gold ordering form with customer details, product quantities, factory and airport collection options
SCROLL TO REVEAL 01 / 02
02 / DISTRIBUTOR DIRECTORY

Find the nearest connection.

Provincial distributor lists and a South African map give customers two complementary ways to explore the network.

Karoo Gold / 2020
Karoo Gold distributor directory with provincial lists and a map of South Africa
SCROLL TO REVEAL 02 / 02
BEHIND THE EXPERIENCE

Useful choices.
A clear order.

The ordering page brings the essential information together.

01 / SelectionProductsOrder form

Choose quantities.

Product rows make the available choices and quantities visible.

02 / ContactDetailsCustomer information

Tell us who is ordering.

Contact fields sit within the same form.

03 / PreferenceCollectionFactory or airport collection

Choose how to receive it.

Factory and airport collection options complete the order details.

Ordering interface from the original 2020 project.

05 / DELIVERY

Products, ordering
and distributors.

A refreshed website

A consistent visual direction and editable content.

Purpose-built ordering

A structured interface for products, quantities and customer details.

Distributor discovery

A dynamic list and map for the distribution network.

TECH STACK & CONNECTIONS
Website & content
Webflow CMSEditable content for the original 2020 website and ordering experience.
Distributor map
Google MapsMap locations linked to distributor records so the directory and map stay connected.
WHAT THE WORK MADE POSSIBLE

Find a product.
Build an order enquiry.

Karoo Gold gained a website that connects product discovery with an order enquiry or a local distributor. The team can manage the information behind those journeys through its content system.

Collect an order in one place

The custom form brings the customer’s product selections and order details together for the business to follow up.

Help customers find a distributor

Distributor records feed the website’s Google Maps directory, keeping location information connected to the CMS.

RELATED READING / FROM THE ARCHIVE
YOUR NEXT PROJECT

Make ordering
easier to start.

Discuss your ordering experience ↗View all projects ↗
NEXT PROJECT

Brandbook

Brandbook website with its green identity and customer insight message
Explore Brandbook
← SGC Investments Ltd
Enlarged project screen
CLOUDFUSION / YOUR NEXT CHAPTER
Rather talk first?+27 (0)81 044 5554Call
  1. 01 Start
  2. 02 Shape it
  3. 03 Send it
What would you like help with?

Choose the closest fit. It’s fine if you’re still working it out.

Already a client?Account help, faults, access or renewals.

Nothing is sent until you submit. How we use your details (opens in a new tab) ↗ · Privacy Notice (opens in a new tab) ↗ ·

ALREADY WITH CLOUDFUSION

Client
access.

Use the right workspace for what you need to do.

Client login Invoices, renewals, hosting, domains and account details.Get support Sign in to open a support ticket for a service Cloudfusion already manages. Your ticket stays with your account history.

Trouble signing in?

For an active project, use the workspace link supplied by your Cloudfusion contact.

Set the atmosphere.

Adjust the music and interaction sounds to suit you. Music keeps playing as you explore or switch tabs.

Prefer less movement?