Case Study · 04

DRA2020 Redesign — Redesigning
Democracy's Map Tool.

Dave's Redistricting App is the civic technology tool used by FiveThirtyEight, state legislatures, and thousands of citizens to draw and analyse electoral maps. I was engaged as lead designer to redesign it from the ground up.

Client DRA2020 (Dave's Redistricting App)
Role Lead Designer (Freelance/Contract)
Year 2025
Type GIS Interface · Civic Tech · In Development

What is DRA2020?

Dave's Redistricting App (DRA2020) is one of the most significant civic technology tools in the United States. Built and maintained by a team of former Microsoft volunteers, it gives anyone — citizen, activist, journalist, or state commission — the ability to draw, edit, and analyse US congressional and state legislative district maps, for free, for all 50 states. It's used by FiveThirtyEight for their Atlas of Redistricting, by state governments in their official redistricting cycles, and by community advocates fighting gerrymandering in their districts.

The product's power is its depth: users can draw boundaries at census block level, layer in demographic and election data, and measure their maps against metrics like proportionality, competitiveness, minority representation, compactness, and county splitting. But that depth was also its design problem — the complexity of the tool was a barrier to the very citizens it was built to empower.

I was engaged as lead designer on a freelance/contract gig in 2025 to redesign DRA2020 from the ground up: new user research, new information architecture, a rethought map interface, and a rebuilt analytics experience. The project is currently in development.

50
US states covered
Full
Lead designer — research to UI
Civic
Democracy & transparency mission

A tool that's powerful for experts and confusing for everyone else.

DRA2020's core tension is the same tension that exists in most complex data tools: the product is most needed by non-experts, but its current design assumes expert users. A concerned citizen who wants to submit a redistricting proposal to their state commission faces the same interface as a political scientist who uses it daily. For the citizen, it fails. For the expert, it's merely tolerable.

My user research uncovered three distinct user profiles operating simultaneously in the same interface — each with different goals, different levels of data literacy, and different expectations of what "success" looks like. Designing for all three without building three separate products was the central design problem of this project.

🗺
Map interface cognitive overload

The drawing interface presented all tools and data layers simultaneously. New users faced a wall of controls with no clear starting point, no guided flow, and no indication of what they needed to do first versus what was optional.

📊
Analytics disconnected from action

The analysis panel showed metrics — proportionality, compactness, competitiveness — but didn't tell users what those numbers meant or what to do about them. Data was present; insight was absent. Metrics without meaning aren't helpful.

👤
No user model — three audiences, one interface

First-time citizens, experienced redistricting advocates, and professional analysts all used the same flow with the same defaults. The experience was calibrated for nobody, frustrating for most, and empowering for almost no one new.

🧭
Navigation and orientation lost at scale

Working with state-level geography means zoom levels vary enormously. Users consistently lost their place — both in the literal map, and in their overall progress through the task of building a complete district plan.

Starting with people, not screens.

The first thing I did was resist the temptation to open Figma. Redesigning a civic technology tool without deeply understanding its users would be design malpractice. I conducted structured research to map who was actually using DRA2020, why, and where the existing product was letting them down.

1
Audience segmentation — three distinct user types

I identified three primary user personas: Civic Newcomers (first-time users prompted by a redistricting cycle in their state — high motivation, low expertise), Advocacy Regulars (activists and organisers who use the tool for public submissions — moderate expertise, specific workflows), and Power Analysts (political scientists, journalists, commission staff — high expertise, need full data access). Each had entirely different mental models of the task.

2
Task analysis — what users are actually trying to accomplish

I mapped the core task flows for each user type: drawing a new map from scratch, modifying an official map, running analysis on an existing plan, and sharing or submitting a completed map. Each task flow exposed specific drop-off points and confusion states in the current product — particularly around the transition from drawing to analysing, and from analysis to submission.

3
Competitive benchmarking — GIS tools and civic platforms

I audited a range of complex data tools and GIS interfaces — from professional redistricting software to consumer mapping tools — mapping where they succeeded at making geographic complexity accessible. The research sharpened my understanding of the principles that separate a tool that empowers from one that intimidates: progressive disclosure, contextual help, separation of drawing and analysis modes, and persistent orientation cues.

What I inherited. What I redesigned.

The best way to understand the design decisions in this project is to see the before and after directly. What follows are the actual old screens alongside the redesigned versions — and the specific thinking behind every change.

🏠
Comparison 01
Homepage & Dashboard
Before
davesredistricting.org (old)
Old DRA2020 homepage

Old homepage — dense, no clear hierarchy

After — My redesign
davesredistricting.org (redesign)
Redesigned DRA2020 dashboard

Redesigned dashboard — clean nav, map front and centre

1
Before
The old homepage splits attention between a text column and a US map with no clear visual hierarchy. The three buttons (Pick a State, Learn More, Supporters) have equal weight — the user has no sense of which action is the right first step. The partisan map data is shown before the user has even chosen a state.
After
The redesign leads with a persistent left navigation that makes the full product structure legible at a glance (Maps, Datasets, Layers, Resources). The US map dominates the content area because it IS the primary action. The map type selector sits cleanly top-right. The user's first move is obvious: click a state.
2
Before
The navigation lives entirely in the top bar — Maps, Library, YouTube, Social, Donate. This mixes utility navigation (Maps) with social media and fundraising links at the same visual level. A user looking for their saved maps has to hunt through links that belong on a different page entirely.
After
Navigation is separated by function. Primary app navigation (Maps, Datasets, Layers, Trash) lives in the sidebar. Secondary links (Resources, About, Supporters) are grouped below. Nothing competes for attention. The product feels like a tool, not a website — which is what it actually is.
3
Before
The partisan map is shown in the default view with no way to change it from this screen. New users arrive and immediately see a politically charged red-vs-blue map before they've done anything. It sets a partisan tone before establishing what the product is actually for.
After
A "Select Map Type" dropdown lets users choose their view immediately — 2024 Presidential Election, Congressional Districts, state senate, etc. The map is a tool, and the user controls it from the first second. The vote tally (312 Reps / 226 Dems) is contextual data, not a statement.
🗺
Comparison 02
Map Drawing Interface
Before (existing product)
davesredistricting.org / map editor (old)
Old DRA2020 map interface

Old map interface — all panels open simultaneously

Existing (current build)
davesredistricting.org / map editor
DRA2020 current map interface

Current build — my redesigned map layout

1
Problem
The old interface opens with the left panel (Customize), the map, AND two data panels on the right — all visible at once. A first-time user opening this sees three competing areas with no indication of where to start or what each panel is for. The cognitive load is front-loaded to the worst possible moment.
Decision
I separated the left panel (Customize: Districts, Precincts, Counties, Cities, Layers) from the right analysis panels. The left panel controls the map's data layers; the right panels show data on hover. Each has a clear, distinct purpose that maps to a mental model users already have from other GIS tools.
2
Problem
The toolbar at the top (County / City / Precinct / Block levels, Tools, Map Actions, View modes) is a flat list with no visual grouping. Users can't immediately tell which controls affect what. Level controls and view controls sit side by side with equal visual weight.
Decision
The redesigned toolbar groups controls by function: Paint mode selector (brush, eraser, pointer) left, Level selector (County/City/Precinct/Block) centre, View mode tabs (Map/Statistics/Analyze/Compare/Advanced) right. Each group has a clear label. The user's eye moves left-to-right through a logical sequence of decisions.
3
Problem
The left panel's District Details section shows a raw data table (Total Population, White: 2,314 / 64.0%) with no visual hierarchy. All demographic data is presented identically — nothing is prioritised, nothing is highlighted. Population balance — the most critical drawing constraint — is not visually distinct from secondary data.
Decision
In the redesign, the left panel uses accordions (Districts, Precincts, Counties, Cities) to collapse complexity until needed. District Details only surfaces when a district is selected. Population balance is given a dedicated, prominent position — it's the constraint that governs every drawing decision, and the interface treats it that way.
📊
Comparison 03
Analysis Interface
Before
davesredistricting.org / analyze (old)
Old DRA2020 radar chart analysis

Old Analyze view — radar chart, isolated from context

After — My redesign
davesredistricting.org / analyze (redesign)
Redesigned DRA2020 analysis interface

Redesigned Analyze — structured, layered, actionable

1
Before
The old Analyze view shows a radar chart (Competitiveness, Minority, Proportionality, Compactness, Splitting) and a text box that explains the scoring system in abstract terms. There's no summary verdict, no plain-language translation of the scores, and no path from "my score is low on Compactness" to "here's what to change on the map."
After
The redesigned Analyze view opens with a Ratings overview card — a radar chart at the top but immediately followed by a requirements checklist (Complete, Contiguous, Free of Holes, Good Population) with green/red status indicators. Users get a pass/fail verdict before they read a single number. Summary first, detail on scroll.
2
Before
The radar chart shows scores for five criteria simultaneously on a spider diagram — a visualisation that political scientists recognise but that is genuinely confusing for first-time users. "Bigger is better" appears as a caption at the bottom, which means most users don't read it before forming a wrong interpretation. Compactness of 62 vs Splitting of 100 look visually similar on the chart despite being very different scores.
After
Each metric gets its own dedicated section with a horizontal progress bar, a plain-language rating label ("very flat"), specific notes explaining what the score means for this map, and a dataset breakdown. The radar chart is kept for overview but is no longer the primary vehicle for communicating scores. Depth is accessible to analysts; plain language is the default.
3
Before
The analysis is a dead end — it shows scores but has no connection back to the map. A user who discovers their Minority Representation score is low has no in-product path to finding which districts are causing that score or what to draw differently. The analysis and the map editor are effectively two separate products that don't talk to each other.
After
The redesigned analyze view is tab-navigable (Ratings / Requirements / Proportionality / Competitiveness / Minority Representation / Compactness / Splitting) so users can go directly to the metric they care about. Each metric section links back to the relevant data source (Census 2022, Election data). The structure builds a bridge between understanding a score and knowing where in the map to act on it.

A designer. A US democracy tool. The unexpected fit.

When I first took on this project, the obvious question was: why would someone be the right designer for a US redistricting tool? The answer is the same reason my political science degree is more useful than it sounds — I understand how political systems shape the lives of people who have no direct power over them. That's not an abstract concept for me. It's the context I grew up in.

Redistricting is one of the most consequential and least visible forms of political power in the United States. The lines drawn on district maps determine who gets represented, whose voice gets diluted, and which communities get politically split in ways that prevent them from electing anyone who looks like them or shares their concerns. Designing the tool that empowers citizens to see and challenge those lines isn't just a design challenge — it's a civic responsibility.

My background in geopolitics and political science didn't just give me domain empathy — it gave me a framework for understanding who the product is actually for. The most important users of DRA2020 aren't the political scientists. They're the citizens in communities who've been gerrymandered for decades and finally have a tool that lets them draw what fair looks like and show it to their commission. Everything I designed was built to serve that user first.

🏛
Domain knowledge as a design skill

My political science background gave me immediate fluency with redistricting concepts — proportionality, compactness, communities of interest. I could ask better research questions and design better solutions because I understood the domain, not just the interface.

🌍
Outside perspective as a feature

Coming from outside the US political system gave me a genuinely fresh lens on the product. I approached DRA2020 the way a first-time user would — which turned out to be exactly the perspective the redesign needed most.

🗳
Complex GIS UI for non-experts

This project sharpened my ability to make specialist-grade interfaces accessible without dumbing them down — a skill that transfers to any domain where expert tools need to serve non-expert users.

Lead design at full scope

Research, IA, wireframes, map interface, analysis interface, component design — all mine. A project that tested and proved my capacity for end-to-end design leadership on a technically complex, high-stakes product.

More Work
03

Husridge

Co-founder · Product Design · 2023–Present

Talent management and marketplace platform for Africa's creative industry — co-founded from scratch with 50% equity as product lead.

  • • Designed full product from 0 to 1 — onboarding flows, talent profiles, booking systems, and client marketplace
  • • Built stakeholder relationships in music talent management, validating product-market fit
  • • Conducted founder research identifying challenges in informal operating culture
  • • Professionally exited after co-founder misalignment, preserving relationships and learning from the journey
  • • Founder chapter: learned to build, sell, and lead a product in unstructured African markets
Marketplace Two-sided UX Creative Economy Africa
04

Estility PLC

Product Design · Scrum Master · 2023–2024

Designed the V1 mobile app for Estility — a smart energy solutions platform for gas and fuel delivery in Nigeria. Also served as Scrum Master, owning both design execution and team delivery process simultaneously.

Energy Tech Mobile UX Scrum
My thinking
Design is not decoration. It is the architecture of decisions that shape how people interact with power.

My approach to design is shaped by an unusual background: political science, HR consulting, and a transition into tech that started with a genuine question — "why are African workers so underserved by the tools built for them?"

I believe the most important design skill in 2025 is judgment. Not the ability to use Figma, but the ability to decide what to build, how to frame it, and when a design is actually done. AI has automated the execution layer; what remains uniquely human is the strategic layer.

I document that thinking publicly — through essays, breakdowns, and stories at @techwithtomiwa. Not as content, but as a way of thinking out loud about what AI, design, and Africa mean together.

Connect on LinkedIn →
Innovation storytelling

Building in public.
Thinking out loud.

I run @techwithtomiwa across Instagram, TikTok, YouTube, and Substack — a platform dedicated to exploring how AI is reshaping Africa's workforce, creative economy, and design landscape.

It's not a content strategy. It's how I process what I'm building, seeing, and thinking — and share it with an audience that cares about the same intersection: design, technology, and Africa's place in the global economy.

The topics I return to most: what happens to African workers when AI automates mid-level knowledge work, how vibe-coding is democratising product building across the continent, and what it means to build for users that global tech has historically ignored.

← Back to all work