The Fourths
CASE STUDY · 2026 OfficeCloud

Case study · 2026 · brand & site

OfficeCloud. A fifteen-year managed-IT brand,
given a contemporary surface.

Owner-run from Johannesburg · Customers in over ten countries · Cloud PBX, Printing, Data, Security

See it live → Read the case study
15
Years
10+
Countries
8
Pages shipped
25
Components

The brief

Same business. Same fifteen-year story. New surface.

OfficeCloud's existing site was built in 2017 on WordPress and Divi. It worked, then it didn't. The business kept growing — fifteen years of owner-led service, customers in over ten countries, and a multi-vendor playbook spanning Cloud PBX, Cloud Printing, Cloud Data, and Cloud Security. The site stopped representing them.

The Fourths rebuilt it. Brand identity locked, IA simplified, copy rewritten, design system shipped, site deployed. The result is what you'd expect from a fifteen-year incumbent that has finally caught up with itself.

Competitive frame

OfficeCloud's real competitors are Maximize, Daisy Solutions, and United Business Solutions — all multi-vendor SA managed-IT incumbents. Daisy is too big to feel personal (40 years, 8 sub-brands). Maximize is younger and template-y. UBS sub-brands its product lines, diluting trust. OfficeCloud's wedge: old enough to be trusted, small enough to answer the phone. Owner-run for fifteen years.

The brand work

Identity, voice, and surface — locked.

Brand essence

Enterprise-grade office technology. Owner-run for fifteen years.

"Owner-run" is a phrase Konica Minolta literally cannot borrow. It's the wedge.

Hero · Locked

The owner answers.

Recommended over "We answer the phone." and "Fifteen years. Still us." — highest trust density per word.

Palette

Linen#FAF7F2
Ink#1A1A1A
Sunset#E25822
Brand Navy#0E1E48
Brand Cyan#42B0E8
Cyan Ink#0F5D8C

Sunset (#E25822) anchored to iPhone 17 Pro Max Cosmic Orange — device-aware brand intimacy. Used at <3% of any surface.

Typography

Aa

New York

Serif · Headlines · Pull-quotes

system-ui / SF Pro

Sans · Body · UI

SF Mono

Mono · Phone, address, specs

Resolves to native Apple type on iPhone 17. Inter / Charter / Georgia fallbacks elsewhere.

Voice samples

  • SubheadNot a ticket queue. Not a call centre. Fifteen years, same team.
  • Cloud PBXYour phone system, hosted. Calls don't drop. Numbers you keep.
  • Cloud PrintingBig-vendor printers. Without the big-vendor wait.
  • Footer15 years. Same team. Same number.

Customer voice

"Fifteen years. One number. They pick up."

Customer · Joburg North · SME · 22 staff

Earlier draft "They've answered every call" framed OC as a call centre — caught + corrected. Customer-initiates verb fixes the polarity.

The lead-gen mechanism

Built by The Fourths · See how →

Every page on the rebuilt site carries a small Fourths-branded card in the footer. It links to /colophon — a Fourths-branded story page on OfficeCloud's domain that explains the build and links out to thefourths.com. UTM-tracked at every step.

Self-qualifying funnel. The barter consideration. Visitors who click are design-curious — better leads than impression spam.

The site, shipped

Eight pages. One voice. Live now.

/ Home "The owner answers." /about About Owner-run for fifteen years /cloud-pbx Cloud PBX Your phone system, hosted /cloud-printing Cloud Printing Big-vendor printers, no wait /cloud-data Cloud Data Backed up. Recoverable. /cloud-security Cloud Security Eyes on the door /contact Contact We pick up. Try us. /colophon Built by The Fourths The lead-gen mechanism

How we worked

Decomposed into seven sub-projects. Shipped three so far.

  • 01

    Brand identity

    Direction C "Warm Premium" locked. Existing logo respected. Sunset accent anchored to iPhone 17 Pro Max Cosmic Orange. Shipped · 2026-04-26

  • 02

    IA & content blueprint

    Sitemap to seven pages plus colophon. First-draft copy for every page. Single canonical contact form with deep-link prefill. Shipped · 2026-04-27

  • 03

    Design system + motion

    Twenty-five component specs. Design tokens. HTML reference page. WCAG 2.1 AA throughout. Apple-grade subtle motion. Shipped · 2026-04-27

  • 04

    Site build & deploy

    Eight pages built and deployed to Cloudflare Pages. Shipped · 2026-04-28

  • 05

    Brand pack

    This document. Fourths-branded showcase of the OC work for stakeholder review. Shipped · 2026-04-28

  • 06

    Walkthrough video

    60-second animated walkthrough. Pending

  • 07

    Internal handoff

    Notion-style handoff doc summarising every decision. Pending

Ready to take it live?

The staging URL is yours to share, criticise, and approve. When you're ready, we point officecloud.co.za at it.

Open the live site → Talk to Dom

Johannesburg · London