Elijah Kasujja

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

Home //about/approach/divisions/insights/news/contact/divisions/energy/divisions/logistics/divisions/property/divisions/capital/divisions/trade/divisions/hospitality/divisions/foundationRootTop-level pageDivision page (CMS-driven, 1 template × 7)Notes· One template handles all seven division pages, fed by a CMS collection with shared fields (hero, mandate, leadership, news, CTAs).· /insights and /news share a content model; /insights pins long-form, /news shows announcements.

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

WordmarkDivisions ▾ · Approach · AboutContactHeroCapital.Intelligence.Community.This is Divinus.Explore DivisionsDivisionsEnergyLogisticsPropertyCapitalTradeHosp.Found.News & insightsInsight · long-formNews · announcementNews · announcement01020304
  1. 01Sticky nav with mega-menu under Divisions
  2. 02Statement hero: 'Capital. Intelligence. Community.' + globe
  3. 03Seven division tiles, animated reveal on scroll
  4. 04News & insights rail (feeds /insights & /news)

Division detail wireframe

Hi-fi · 1 template × 7

WordmarkDivisions ▾ · Approach · AboutContactDivinus › Divisions › CapitalDivision hero04 · DivisionDivinus CapitalPrivate capital allocation for African growth-stage businesses.Hero illustrationMandate / Approach / LeadershipMandateApproachLeadershipOther divisionsEnergyLogisticsPropertyTradeHosp.Found.01020304
  1. 01Persistent crumb: Divinus › Divisions › <name>
  2. 02Division hero: name, mandate, status
  3. 03Mandate, history, leadership pulled from CMS fields
  4. 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.