Client work · Brand · website · product · motion

Hardé

A business school, rebuilt for the web. Hardé Business School teaches practical business, leadership and tech skills to more than 45,000 learners across Africa. I have been its design partner since 2022, holding one visual system across the brand, a full website rebuild, the learning product, the events, and the films that launch it all.

The rebuilt Hardé Business School homepage, a dark navy hero with the executive community and Apply Now

Client

Hardé Business School

Role

Brand & product designer

Context

Online learning, Africa

Deliverables

Brand · website · product · events · motion

Year

2022–now

Four years, one system

The brand

The mark, and the system around it

Hardé had to look like the standard it sells. I hold the brand: a shield mark built from a book and a rising figure, teal and lime on a deep green base, and Neue Haas Grotesk carrying the type. The system scales from a favicon to a stage backdrop without losing itself, which is what let everything after this stay consistent.

The Hardé shield mark rendered in 3D
The shield mark
The Hardé brand on a large event backdrop
The brand at stage scale
Teal#00ABBD
Lime#ADE047
Deep green#0C2E3B
Paper#F2F0EA

The flagship: a full website rebuild

The website, rebuilt

One site, start to finish

The old site read like a filing cabinet: long menus, stock photos, and a homepage that made you hunt for the point. We rebuilt the whole thing around one promise, real people, real growth, real impact, put the 45,000-strong community up front, and launched it with a film. It is the biggest single piece of this partnership, so it has a case of its own.

hardeverse.org
The rebuilt homepage. See the redesign in full

See the full website redesign, led by the announcement film

The product

Where the learning happens

Behind the marketing site sits a full learning platform: courses, cohorts, progress, certificates, and an admin side that keeps tens of thousands of accounts moving. The management screens Hardé inherited did the job but showed their age, dense tables and default styling, so redesigning the whole product surface is the work in flight now. Below is the current product demo, cut for launch, and the app in hand.

The Hardé admin analytics screen before the redesign (learner data intentionally blurred)
BeforeThe admin as inherited
The Hardé learning app on a phone
NowThe app in hand
The Hardé product demo

In motion

The redesign, announced

Every release ships with a film. This is the announcement that carried the rebuild to the community, cut to the brand’s motion system: the shield mark, the teal-and-lime palette, and the line the whole thing hangs on, because you can.

The redesign announcement film

On the ground

The brand off the screen

Hardé does not stay online. It shows up at graduations, business-leader hangouts and campus workshops, so I design the brand for the room too: a corporate-training one-pager for the booth table, keepsake cards that explain each graduation gift, and the pamphlet that unfolds the whole school.

Hardé corporate training one-pager: Empower Your Team, Elevate Your Business, with a QR code to hardeverse.org
The corporate-training one-pager, built for the booth table
Keepsake card for the Strength figurine, a graduation gift explained in one page
Keepsake card: Strength, the figurine
Keepsake card for the Focus desk calendar, its companion graduation gift
Keepsake card: Focus, the desk calendar
The Hardé pamphlet unfolded, the school story, values and the BLEP programme across the spread
The pamphlet, unfolded flat

Outcome

One brand, every surface

Hardé grew from a course catalogue into a brand that looks the part of the education it sells. The same visual language holds steady from a homepage to a course screen to a launch film to a booth, for a school building the next generation of African business talent.

45,000+

Learners on the platform

45%

Lift in engagement

150+

Brand assets across four years

BLEP is one of the programmes inside this brand, and its campaign is told in full as its own case. See the BLEP design system.