Client work · Website rebuild · Motion

Hardé, rebuilt

A business school, rebuilt for the web. The old Hardé site read like a filing cabinet. We rebuilt the whole thing around one promise: real people, real growth, real impact. Then we launched it with a film. This is that redesign, start to finish. It is one chapter of the four-year Hardé partnership.

The redesign announcement film. The line the whole rebuild hangs on: because you can. Tap for sound.

Client

Hardé Business School

Role

Lead designer

Scope

Homepage · programme pages · system

Surface

Marketing website, rebuilt

Year

2025–26

Why rebuild

The old site got in the way

Long menus, stock photos, no point

The old site made you hunt for the point. Long navigation, stock photography and a homepage that buried the one thing that matters: that Hardé has taught more than 45,000 people across Africa. The brief was to stop explaining and start showing: one promise, the community up front, and the programmes two clicks away.

So the rebuild started from a single line, real people, real growth, real impact, and everything on the page had to earn its place against it.

The homepage

One promise, the community up front

A dark hero lit by a soft teal glow, one confident headline, and the 45,000-strong community in the frame instead of stock. A calm grid does the rest: what Hardé teaches, who it is for, and the proof, all reachable without a scroll marathon. Built mobile-first, because that is where most of Africa meets the web.

hardeverse.org
The rebuilt Hardé homepage: Real People. Real Growth. Real Impact., over a deep teal hero
The new homepage
The rebuilt Hardé site on mobile, top to bottom
Built mobile-first

Every programme page

One template, held across the catalogue

The same system carries across every programme page: a dark hero lit by teal, one bold headline, the curriculum laid out week by week, and lime held back for the one button that matters: apply now. A new programme is a fill-in, not a redesign.

hardeverse.org/programmes/pmec
Redesigned Hardé programme page, Project Management Executive Course
Project Management Executive
hardeverse.org/programmes/elpc
Redesigned Hardé programme page, Entry-Level Professional Course
Entry-Level Professional
hardeverse.org/creators
Redesigned Hardé Creator Network page, Grow Lead Earn
Creator Network

Real people. Real growth. Real impact.

The system that holds it

Dark base, teal light, lime for one thing

The whole site runs on a tight palette: a deep-green base, teal for light and life, paper for the reading surfaces, and lime reserved for the single action that matters on any given page. Neue Haas Grotesk carries the type. Restraint is the point. The site feels like a school people choose because nothing on it is shouting.

Teal#00ABBD
Lime#ADE047
Deep green#0C2E3B
Paper#F2F0EA

Outcome

A site that finally looks the part

Hardé went from a homepage you had to decode to one that makes its case in a glance, on the same system from the hero to the last programme page. The redesign became the anchor the rest of the brand is now matched against.

45,000+

Learners the new site speaks to

45%

Lift in engagement after the rebuild

1

Promise, carried across every page

This redesign is one part of a longer story. See the full four-year Hardé partnership: brand, product, events and motion.