On Innovation

The future of news. Right now.

Redesigning The Washington Post web site

March 14, 2011

It’s tricky changing the tires on a moving bus, and washingtonpost.com has been cruising since 1995. The site was an early digital innovator, but technological advances and evolving forms had made it a mishmash of experiences. It was great for the thing you came for, but if you wanted to look around, it was kind of a mess.

This holistic overhaul is designed to make finding stories and moving from one to the next much easier. We’ve grouped similar functions and content, such as related visuals and stories (see below). Here’s an example of how contextual links have changed on article pages: Instead of four zones competing for a user’s attention, we now have one organized area promoting deeper engagement:

On section fronts, we’ve surfaced the depth of our coverage in multiple ways.

Some stories are best told through images or video; others have political or business analysis. On complex stories, the design lets users choose how they want to engage (see below). You might see the news article, a photo gallery, a graphic or an opinion piece — all on the same event, but alternating in the prominent display.

The new design is module-based. There are individual containers for specific types of content; how the pages come together depends on how editors arrange the containers. The modules give us much more flexibility to update and prioritize stories in real-time. They make our site more dynamic and its presentation consistent (see below).

The methodology for organizing our coverage is represented in a redesigned global navigation. Our core content areas — Politics, Opinions, Local and Sports — are grouped in all-caps in the main navigation bar. New sections, like Investigations and Multimedia, are also featured, as is Conversations, our new social destination hub.

We’ve also upgraded how commenting works. Articles will now have the most interesting user comments elevated, and Post reporters and editors will participate in some conversations. We’ve designed badges to identify user experts, which commenters can earn based on the quality and frequency of their contributions.

Like any redesign, the new washingtonpost.com is a work in progress. We’ll continue to improve the site, add modules to our library and develop more innovative ways to look at our world. Find out more about the site changes here.

Justin Ferrell and Sarah Sampsel / Washington Post Design 

Notes

  1. waveboard-test-2012 reblogged this from washingtonpostinnovations
  2. wedding-songs2012 reblogged this from washingtonpostinnovations
  3. counter-height-dining-sets reblogged this from washingtonpostinnovations
  4. miele-vacuum-reviews reblogged this from washingtonpostinnovations
  5. cordless-vacuum reblogged this from washingtonpostinnovations
  6. paginas-web-uruguay reblogged this from washingtonpostinnovations
  7. borobudur reblogged this from washingtonpostinnovations
  8. 0iain0 reblogged this from washingtonpostinnovations
  9. mistymadonna reblogged this from washingtonpostinnovations
  10. unitonenine reblogged this from washingtonpostinnovations
  11. saraquinndesign reblogged this from washingtonpostinnovations
  12. 25thhourdesign reblogged this from washingtonpostinnovations
  13. jonnyscholes reblogged this from washingtonpostinnovations and added:
    Interesting read
  14. johngushue reblogged this from washingtonpostinnovations
  15. This was featured in #Design
 

Contributors

Kat Downs
Kat Downs
Cory Haik
Cory Haik
Mark Luckie
Mark Luckie
Sarah Sampsel
Sarah Sampsel
Katharine Zaleski
Katharine Zaleski
Amanda Zamora
Amanda Zamora

We're Following

  • guardian
  • emergentfutures
  • nationalpost
  • theeconomist
  • nationalgeographicmagazine
  • kateoplis
  • gregmelander
  • soupsoup
  • inothernews
  • life
  • vogue
  • shortformblog
  • chartier
  • msnbc
  • huffingtonpost
  • statedept
  • braiker
  • gqfashion
  • world-shaker
  • theweekmagazine
  • ericathas
  • motherjones
  • journo-geekery
  • joshuanguyen
  • webbys
  • laughingsquid
  • mashable
  • buzzfeed
  • newshour
  • ilovecharts
  • publicradiointernational
  • npr
  • theatlantic
  • futurejournalismproject
  • today
  • poptech
  • nbcnewyork
  • gigidowns
  • onaissues
  • virginiapolitics
  • wnyc
  • longreads
  • latimes
  • newsweek
  • cheatsheet
  • thedailyfeed
  • voa60news
  • globalpost
  • breakingblog
  • usagov
  • nprfreshair
  • ourpresidents
  • nationaljournal
  • officialssay
  • staff
  • bpeixoto
  • getyourspark
  • peacecorps
  • the-feature
  • lfmccullough
  • csmonitor
  • kbaum
  • jefferino4
  • metabolean
  • kkhausman
  • lensblr
  • pol102
  • greglinch
  • austinstatesman
  • usnews
  • pewinternet
  • politico
  • medilldc
  • keithwj
  • oneupweb
  • amzam
  • futuristgerd
  • lavrusik
  • sandrafdzh
  • markcoatney
  • copyeditor
  • david
  • yahoonews
  • cnnmoneytech
  • washingtonexaminer
  • govtoversight
  • katharinezaleski
  • rollingstone
  • aljazeera
  • jaredbkeller
  • heygirlitspaulryan
  • timeoutnewyork
  • georgp
  • paid2see
  • whitneyshefte
  • mediaite
  • slateinbrief
  • twe-test
  • focusandrefocus
  • sarahmarshall3
  • csmphoto
  • usnatarchivesexhibits
  • whitehousephotostream
  • trove
  • niemanlab
  • poynterinstitute
  • the20washington
  • abcnewsradioarchive
  • nightline
  • nbcnewsblog
  • coryhaik
  • washingtonpost
  • frontpages
  • go
  • bbcworldnews
  • nytimes
  • gawkertv
  • salon
  • goingoutguide

We Like

 

© The Washington Post Company