Skip to main content
EDITION NO. 01 MONDAY, SEPTEMBER 7, 2026 FREE ACCESS

The Narrative.

Portfolio of a Design Engineer | Where Story Meets Code

UI/UX Case Study

The Appeal

An unsolicited design overhaul for an investigative journalism nonprofit. The redesign prioritizes narrative flow and reader engagement, treating visual hierarchy as a tool to pull readers deeper into complex investigations.

Mobile screen displaying The Appeal redesign.
FIG. 01 — Mobile screen displaying The Appeal redesign.

Overview

The Appeal (theappeal.org) is a nonprofit investigative news outlet covering policing, courts, prisons, and criminal justice policy in the United States. Its reporting is rigorous and important, and this project focuses on how the site’s current structure can create friction for readers. I document recurring UX and information-architecture issues, identify which user needs are most affected, and propose a reorganized information architecture supported by wireframes for three core pages.

Why this Project?

I selected The Appeal because investigative journalism relies heavily on information discovery. When readers are trying to understand complex topics, the structure of the experience matters as much as the content itself.

Because this was an independent portfolio project, I relied on heuristic evaluation and content analysis rather than user testing or analytics data.

Pain Points

A hands-on audit of theappeal.org identified structural UX issues that share a common theme: the site’s information design doesn’t consistently match how readers navigate, orient, and decide what to read.

Navigation is fragmented across two menus and doesn’t persist beyond the homepage, which makes it harder for users to return to where they were. Search is presented in multiple places (in the hamburger menu and again at the bottom of pages), creating inconsistency in how users expect to find it. On article pages, topic context appears only at the end, delaying helpful orientation. On the homepage, a full-width newsletter signup appears before any story content, asking for attention before users can quickly access value.

Users and Tasks

Rather than redesigning for aesthetics, the work is anchored in three user tasks:

  • Task 1 — Evaluate: “As a first-time visitor, I want to quickly understand what The Appeal covers so I can decide whether it’s worth my time.”
  • Task 2 — Browse: “As a returning reader, I want to browse the latest stories across all topics so I can catch up on recent coverage.”
  • Task 3 — Search: “As a researcher, I want to search for coverage of a specific topic or case so I can find relevant articles quickly.”

Each element of the information-architecture proposal is tied to at least one of these tasks.

Current Structure

The Appeal’s existing site structure, mapped from a hands-on audit. Marked nodes indicate problem areas and unclear hierarchy.

Diagram of The Appeal's current site structure

Proposed Structure

A redesigned structure built around the user tasks, offering persistent navigation, clear topic context, and an unobstructed path through the content.

Diagram of The Appeal's proposed site structure

Final Design

One persistent navigation system. The two-menu problem was resolved by consolidating into a single global nav; logo on the left as a home link, topic navigation in the center, search visible in the upper right where users expect it. This nav appears on every page, in the same position, with the active topic highlighted. Users always know where they are and always have a way out.

A mission statement before anything else. The homepage now opens with a two-sentence description of what The Appeal covers, placed above the hero story. First-time visitors can orient themselves without clicking anywhere. This replaces the newsletter signup, which moves to the bottom of the page.

Topic context at the top of every article. The topic label was moved from the bottom of the article page to immediately above the headline, doubling as a back link to the topic page. A breadcrumb trail provides a second path home. Readers are never disoriented about where they are in the site.

Structured topic pages. Each topic page now opens with a brief description of what that topic covers, followed by a filterable, dated article list. Sub-topic filters let researchers narrow without resorting to search. Related topics at the bottom replace the dead end that currently exists when a user exhausts a section.

Newsletter signup. The newsletter ask appears once per page, at the very bottom, in a consistent location.

A refreshed color palette. Anchored by a palette of calm blues, the visual design intentionally builds a sense of institutional trust. For an investigative news platform handling sensitive criminal justice reporting, credibility is paramount. These tones communicate stability and authority quietly, rather than demanding attention. True to a commitment to accessible design, every color pair has been verified for WCAG 2.2 compliance.

Redesigned Appeal Homepage.
Redesigned Appeal Topic page.
Redesigned Appeal Article page.

Reflections

Redesigning The Appeal was a genuinely enjoyable challenge. The process sharpened my eye for information architecture and reinforced how much structure shapes a reader’s experience in a publication before they’ve read a single word. The part I found most satisfying was the visual design phase, specifically working through color theory to land on a palette that communicates credibility and calm. Getting that emotional register right felt just as important as getting the navigation right.