Skip to main content

PolitiFact: Election Cycle UX

Client PolitiFact / Tampa Bay Times
Role UI/UX Front End Developer
Years 2016 - 2017
Media Government UI/UX Graphic Design Branding

PolitiFact was one of the most visited political fact-checking sites on the web during the 2016 presidential election cycle, drawing millions of readers seeking accountability journalism at scale. The platform rated political claims using its signature Truth-O-Meter, tracked candidate promises in real time, and operated across a network of state-level editions - all running on a shared codebase requiring tight coordination between editorial and development teams.

PolitiFact - Before & After
PolitiFact before and after redesign comparison

Homepage Redesign

The original layout (left) opened with a large static hero image that buried all meaningful content below the fold, leaving readers with no immediate reason to engage. The redesign (right) replaced the hero with a denser, editorially-driven layout - surfacing the latest fact-checks, featured content blocks, and topical navigation immediately on load. A key strategic addition was the placement of an email newsletter signup prominently in the upper-right, a deliberate decision to convert high-intent readers into subscribers and grow the platform's direct audience at the point of peak engagement.

PolitiFact - Truth-O-Meter quote redesigns
PolitiFact Truth-O-Meter quote redesign mockups

Truth-o-Meter Quotes Redesign

With the 2016 election cycle on the horizon, I led an intensive mockup sprint to modernize PolitiFact's dated visual language. The explorations pushed toward a more dynamic, editorial aesthetic - introducing structured content tagging to improve discoverability, tighter responsive layouts optimized for mobile readers, with each iteration validated across both desktop and mobile to ensure the design held at every breakpoint, and an overall look and feel befitting one of the country's most trusted names in political journalism.

Footer Redesign
PolitiFact - Footer Redesign

Footer Redesign

The original PolitiFact footer was a chaotic afterthought - unbranded, unstructured, and offering readers no clear path forward once they reached the bottom of the page. The redesign transformed it into a fully organized, on-brand destination with clearly grouped navigation columns covering State Editions, Special Editions, Policy, and more - alongside a prominent newsletter signup CTA. The responsive version carried that same structure cleanly into mobile, using stacked expandable sections to preserve usability without sacrificing the brand presence established on desktop.

PolitiFact - New President Truth-O-Meter Designs
New President Truth-O-Meter designs comparison

New President Truth-o-Meter designs

PolitiFact had long featured a custom Obama Promise Meter - a branded, stylized tracker purpose-built to follow the 44th President's commitments from campaign trail to oval office. When the 2016 election delivered its... verdict, the platform needed something new. I was tasked with designing a fresh set of Truth-O-Meter assets for the incoming administration - optimized for open graph sharing, updated to reflect a more contemporary visual language, and built to weather whatever the next four years had in store.