Case study · 03
Divinus Investment Group
A group website for seven divisions, organised through one navigation system and a custom Next.js build.
- Year
- 2026
- Role
- IA, UX/UI, full Next.js development
- Stack
- Next.js · Pan-African · Holding group
- Live
- divinus.io
01 · The brief
What the client needed.
Divinus needed one site for seven distinct divisions, with a clearer path for visitors to understand the group and find the right part of it quickly.
02 · Discovery & IA
Structure, audience and sitemap.
The core challenge was organisational clarity. With seven divisions under one group, the site needed to help visitors understand both the whole and the parts without getting lost in corporate language. I used discovery to define the group structure, decide what belonged at parent level versus division level, and build a sitemap that made the group easier to read.
Sitemap · divinus.io
08 routes · 07 divisions
03 · Wireframes & UX
From wireframes to prototype.
Here the wireframes were mostly about wayfinding. I used them to test how quickly someone could understand the group, move into a division, and still feel the relationship between each part and the whole.
Home wireframe
Hi-fi · 1440 col
- 01Sticky nav with mega-menu under Divisions
- 02Statement hero: 'Capital. Intelligence. Community.' + globe
- 03Seven division tiles, animated reveal on scroll
- 04News & insights rail (feeds /insights & /news)
Division detail wireframe
Hi-fi · 1 template × 7
- 01Persistent crumb: Divinus › Divisions › <name>
- 02Division hero: name, mandate, status
- 03Mandate, history, leadership pulled from CMS fields
- 04Cross-link rail to sibling divisions
04 · Outcome
What changed after launch.
The finished site made the group easier to understand, easier to navigate and easier to extend over time, without losing the relationship between the parent brand and its divisions.
