ThinkProgress

The ChallengeThinkProgress Logo

ThinkProgress, one of the most heavily trafficked political sites on the web, looked to redesign their site in 2013, making it lighter, faster, and more mobile-friendly. They wanted to better showcase their top stories and make it easier for readers to skim their other featured posts.

 

The Solution

Working with talented designer Sean Dillingham, we developed a design that created bigger, bolder featured posts on the home page, tighter story previews, and a revamped responsible, mobile-first design that made the need for a ThinkProgress app obsolete: the site now was a great experience for readers on big and small screens. Not only did the redesign garner praise from both the client and readers; the revamped site loaded significantly faster than before.

Showcasing the biggest stories

We reworked the home page to have three dominant featured stories, with one designed to be the biggest story at any given time.

Home page sample screen shot

Better story pages

We rebuilt the story pages to make them less cluttered and easier to read on all devices. We also added a feature box at the top of the story page to showcase other top stories and encourage readers to explore other articles.

Blog page sample

A new design for longer stories

Not all articles are the same — and at ThinkProgress, they increasingly wrote longform, heavily-researched articles that were unique from the typical, shorter daily posts. We created a special new layout for these longer, more in-depth stories. The new look allowed for bigger, bolder visuals and an easier, less-cluttered reading experience.

Home page sample screen shot

Designed from day one to play nice with small screens

As always, we worked to make sure the new design was responsive and would look great on screens and devices of any size.

ThinkProgress on smaller screens

Visit the live site

americanprogress.org

Pin It on Pinterest