Case study

ADX

a digital experience for investigative journalism

Live website coming soon
Role
UI/UX Designer
Duration
1 Month
Platform
Blog (Desktop & Mobile)
Focus
User Experience, Content Strategy, & Visual Design
ADX platform preview

Overview

Africa Digital Xchange (ADX) is a digital publishing platform focused on long-form journalism, investigative reporting, and in-depth analysis of Africa's digital, cultural, and economic landscape. The goal was to design a landing experience that introduces stories in a more engaging and digestible way before users commit to reading the full article.

Hero section showing a montage of investigative journalism scenes, including reporters in the field, data analysis, and storytelling visuals.
Summary section breaking down the story into key takeaways with supporting visuals.
Summary section breaking down the story into key takeaways with supporting visuals.
Summary section breaking down the story into key takeaways with supporting visuals.
Full article page with the complete story, multimedia content, and related articles.
Article page showing sharable content sections, including key takeaways, multimedia elements, and related stories.

The problem

Long-form stories often struggle to capture attention at first glance. Readers need a quick way to understand the value before investing time in it.

The challenge was to design a landing page that improves engagement, simplifies complex narratives, and encourages users to continue reading.

Research & Insights

Research showed that readers make quick decisions on whether to continue reading based on clarity and perceived value. Breaking content into smaller, digestible sections and using visual storytelling significantly improves engagement and reduces cognitive load.

The Approach

We designed an interactive story summary experience that breaks down the narrative into key takeaways presented in a visually engaging format. This approach allows readers to quickly grasp the story's value and encourages deeper exploration of the content.

Mobile-first conceptual designs

Concept screens showcasing the mobile-first design approach.

Hero video showing story title and image with a brief summary of the article.

Story Overview

A concise summary that captures the essence of the story and entices readers to learn more.

Summary section breaking down the story into key takeaways with supporting visuals.

Story Summary

Key takeaways presented in a visually engaging format to quickly grasp the story's value.

Summary section breaking down the story into key takeaways with supporting visuals with a call-to-action to read the full article.

Engagement Prompt

A clear call-to-action that encourages readers to continue exploring the full story after engaging with the summary.

The Solution

We designed an interactive story summary experience that breaks down the narrative into key takeaways presented in a visually engaging format. This approach allows readers to quickly grasp the story's value and encourages deeper exploration of the content.

The Outcome

The new design improved content clarity and engagement by transforming long-form journalism into a more interactive and digestible experience. It helped readers quickly understand the story's value while encouraging deeper exploration of investigative content.

Let's work together.

I'm always looking for new projects and collaborations. If you have a project in mind, or just want to say hello, please get in touch.

© 2026 Derrick Odhiambo. All rights reserved.