+234 Design System

Next step

A short list of where to go next, matched to why the reader came. This is the component the traffic data asked for.

The number this exists for

Over the 28 days to 3 November 2026, organic search visitors spent 114 seconds on the page and then viewed 1.18 pages. They were reading. They were not bouncing out of boredom. They finished, looked for somewhere to go, and found a general news feed that had nothing to do with why they arrived.

Retention across the same window: 1,602 new users, 68 returning. Of the 1,790 sessions, only 148 started on the homepage. Almost every reader arrives on an article from search, on a phone, and leaves from that same article.

On a Canadian work permit article

HTML
<div class="p234-nextstep">
  <p class="p234-nextstep__title">More on Canadian work permits</p>
  <ol>
    <li><a href="#">Who qualifies for the 2027 youth mobility pool</a></li>
    <li><a href="#">What the 36-country list changes for Nigerian applicants</a></li>
    <li><a href="#">Processing times, by stream, updated weekly</a></li>
  </ol>
</div>

The rule that makes it work

The list is matched to the reason the reader came, not to the site's own structure. The top clicked pages are visa and work-abroad articles and NGX corporate filings. A reader on a Canadian work permit story wants more Canadian work permit material. Handing them today's Nigerian politics is what produces 1.18 pages per session.

Falling back

When topic matching finds nothing, widen one step at a time: same country, then same category, then stop. Three links on a visa page beat five that drift into unrelated news, and an empty module is better than a misleading one.

Narrowed to two, because the third was a stretch

HTML
<div class="p234-nextstep">
  <p class="p234-nextstep__title">More on Singapore work passes</p>
  <ol>
    <li><a href="#">The nine countries eligible for the NTS work scheme</a></li>
    <li><a href="#">Salary thresholds by pass type, updated this month</a></li>
  </ol>
</div>

Accessibility

Tokens this component reads

--p234-color-ink--p234-color-ink-muted--p234-color-brand--p234-type-kicker-*--p234-type-headline-xs-*--p234-space-4--p234-space-6--p234-measure-text--p234-border-thick