The Evolution of Barack Obama’s Campaign Website

In the summer I wrote a post vaguely complaining about the deterioration in the design of Barack Obama’s campaign website.

Here is the site when it first launched early in 2007:

I liked this. The design was clean and the site was really easy to navigate. After initially launching this version, the campaign spent a few months developing tons of great new features which they didn’t really have a place to put.

By July, the site looked like this:

This is what I had to say at the time about the evolution of the site.

The Barack Obama campaign has been rolling out new features on its website at an impressive clip. A campaign timeline. Headquarters pages for each of the early primary states. A mobile program. Good stuff and they are clearly doing a wonderful job online.

But in the process of launching this stuff, they’ve turned their clean, nicely designed homepage into a canvas on which to cram as many banner ads as possible. On launch, they had six distinct content areas on their homepage. Today they have eleven elements stuffed into the same space.

Last week, the Obama folks launched a brand new design. You can see a screenshot of it here:

obama

I like the new site a great deal. Some more comments:

  • The site has a sort of ethereal look to it, which I think fits in well with the campaign’s message of hope. On a personal level, all the gloss turns me off a bit. It is just a little to Web 2.0 for my personal taste.
  • The Obama campaign went with a layered top story area for the site (this can be done in Flash or in javascript/Ajax). This allows them to feature different headlines without cluttering up the design too badly. Just about every campaign this cycle is using these types of pieces in some form (Edwards, Thompson, Paul, Romney, etc.). This has become a standard feature.
  • The new design is extremely clean and offers the user very clear choices. New site is easier to navigate than previous versions.
  • The design of the site is very blog-inspired. It features two main columns and isn’t afraid to make people scroll to find content.
  • The new site features a lot of very subtle design touches that are going to be lost on people with older monitors. The site is beautiful when browsing on an LCD monitor. But when I look at it on an older laptop that I use I completely miss some of the design elements and find some of the text hard to read/see. To get an idea, check out the site background image (via Patrick Ruffini).
  • This site is going to load slowly for some people. When I first loaded the homepage it was around 1.2 MB. For the sake of comparison, Hillary’s homepage is 422KB.

Like I said, I really like it although I think all of us designing these sites may be going a bit overboard with the files sizes resulting from using a lot of Flash and/or Ajax. Never underestimate the value of a quick loading site.

What do you think of the new site?

Disclosure.

| Trackback URL |

Trackbacks/Pings

  1. e.politics: online advocacy tools & tactics » Why Is Mitt Romney Fleeing His Supporters? And Other Findings from Recent Campaign Site Reviews
  2. Barack Obama » Blog Archive » The Evolution of Barack Obama’s Campaign Website
  3. Jon Lindholms blogg » Bloggarkiv » Låt även layouten föra budskapet
  4. markpetrowsky.com » Blog Archive » Barack Obama launches slick new campaign website
  5. Barack Obama’s Blue Period » The Bivings Report
  6. Barack Obama 2008 - Friday Headlines : positivelyBarack.com
  7. The Bivings Group on NPR » The Bivings Report
  8. Bad Ass Ideas! Presented by Samantha Warren
  9. Hello I’m James » The Evolution of Design within Politics: Part One: Obama Brings Hope to Political presence on the web

Comments

  1. Chet

    I agree. I love the new site. So clean, tight and well organized. Do you know who designed it?

  2. Ephraim

    Who designed the new site? It is stunning!

  3. Todd Zeigler

    I believe it was done by a company called Blue State Digital.

  4. Karoli

    I like the new look much better as well. It’s easy to navigate and I was able to find content easily. I felt the same as you — before the redesign the page was cluttered and unruly.

  5. David

    Actually, Obama’s campaign team is completely responsible for the site redesign. They have a group of extremely talented new media designers working in-house that tackled this project. Impressive.

  6. Patrick Ruffini

    I actually think this site is a step back from the old one.

    The homepage should be a dashboard for the entire campaign, and I liked how content was presented efficiently above the fold.

    This one makes me scroll, and seems to contain a lot of extraneous text and redundant links. Much of the text on the side is difficult to read.

    While these are some of the most amazing graphics, I think that sort of gets things backwards. The old BarackObama.com was a pretty austere frame containing some stunning graphics enticing people to click deeper into the site. This is a visual feast surrounding the page, but nothing in the middle of the page makes me want to click. The top story graphic is the same color as the background and doesn’t get the prominence it deserves. The text is often very difficult to read. (How can designers think putting #DDDDDD on #EEEEEE is user-friendly? :-)

    Though I didn’t save a version of the old standard design I liked, I thought how they mixed it up for the Q3 deadline was really good — a dominant message brimming with activity:

    http://www.flickr.com/photos/r.....145805137/

    As for the critique that the old was busy: this is a Presidential campaign, so of course there’s going to be a lot going on. And if you don’t like busy, you’ll HATE the Facebook news feed or probably your own Facebook profile. Busy designs seem to be like negative ads — people say they hate them, but they drive more activity and clickthroughs than the minimalist 2 and 3 column alternatives.

  7. Todd Zeigler

    Patrick,

    Thanks for the comment and I think you make a good point about busy designs being effective at times. However, I think sometime this summer Obama went too far in shoving stuff above the fold. Besides me not liking all the clutter personally, I think it was ineffective because the eye had no idea what to focus on. I think at some point you have to make choices about what to highlight and stop just shoving new elements in above the fold and making everything else smaller.

    Thanks,

    Todd

  8. bob

    BlueState doesn’t actually do design they’re only tech and strategy focused, they subcontract design out to freelancers. Though occasionally their strategists do quick graphics (i.e. Phil De Vellis’s confession to doing icons on the original Obama page)

    From what I understand this kid is responsible for the actual creative: http://www.simplescott.com

  9. Tom Smith

    From what I udnerstand, the guy who did Facebook took leave from that site and is now working with the Obama campaign.

  10. Linda

    Obama and hillary are acting like childred. Act like the adults, quit this bickring. If this is what you are doing now it will be the same if you are president. I will not vote for either one of you. Thank you linda

  11. Brian

    I’ve heard that the site has been down from time to time due to the overwhelming traffic. I work for a company called F5 Networks. We are the global leaders in Application Delivery Networking. We feel that our Big-IP technology would definitely improve the perfomance and availability of the site. If anyone knows who I can contact that is responsible for the site, it would be much appreciated.

    Thanks,
    Brian

  12. Ryan Terry

    I wrote one of the designers of the site and this was his response on who did it:

    I am the Creative Director at Obama for America’s, new media department. There is, in fact, a team of people working on the site. All the rumors have their truths. Joe Rospars is the Director of New Media, he founded Blue State Digital, and we do in fact use Blue State Digital as the backend to our site. Chris Hughes the co-founder of Facebook, is in fact overseeing the my.barackobama.com portion of the website, activating users to take action in their communities. The teams consists of many others that all do remarkable work, including John Slabyk, who’s eye is blessed and has been a major force in the site aesthetic, and Michael Slaby the true machine behind the curtain. Not to mention the many other volunteers and staffers that helped in the site design at an absolutely break neck pace.

  13. J. Margat

    I know nothing about designing a website. I’m just a voter trying to get information. I went to Hillary’s website and liked the layout. It was colorful, and I liked seeing her political add first thing. I went to Barack’s website, and I couldn’t believe it. It’s so flat and colorless and looks so amateurish. It turns me off, and since he’s the candidate I’m planning to vote for, I’m sorry to see that. I don’t think it will inspire other potential voters if they’re anything like me, and I think I’m fairly typical. The first example that you show of his earlier website looks much better to me.

  14. Cheryl

    The landing page for barackobama.com has committed an egregious error in my view: the button to allow a first-time visitor to skip the demand for an email address is below the fold on my monitor. And surely I’m not alone in that. I wonder how many first-time visitors are put off by the demand and fail to enter the site because they don’t scroll down. It could be fixed very easily.
    Also, there is no email address or function on the site to allow someone to send them an email (unless they want to schedule an event). That’s really not user friendly.
    He’s my preferred candidate, so I hate to see him turn away potentially interested voters.

  15. Ryan

    This new Obama site is light years ahead of where it was. It’s clean, simple, easy and attractive. AND it reflects where the candidate stands from an aesthetic perspective. This is one of the best CSS websites I’ve seen in a while. Excellent job to whomever did it.

  16. IamJustinM

    I’ve also been blown away by Barack Obama’s new website. Just stunning. I finally took the time to research who’s all behind it, so thanks for this blog post.

    I’ve been designing websites for years now and this is definetly the best CMS driven website I have ever seen. That fact that it’s updated numerous times a day and still looks beautiful says something about their graphics designer.

    I’ve amazed at the quality of the graphics that are pumped out basically every single day on the layered top story area.

    They got a helluva team over there at barackobama.com!

  17. David

    hey, very indepth analysis,.

    Check out this Obama website. It’s very very funny and I think all Obama supporters could use the laugh.

    very funny!

    http://www.youtube.com/watch?v.....wiXzjVZ-8U

    Obama 08

about this blog

The Bivings Report (TBR) is a source of news, insight, research and analysis on the web-based communications industry. TBR content is posted, created and managed by internet strategists, media/communications analysts, web developers, designers and programmers, all of whom are employees of The Bivings Group.

Search Site

Archives

2008
Jan Feb Mar Apr May Jun
Jul          
2007
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2006
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2005
Jan Feb Apr May Jun Jul
Aug Sep Nov Dec    
2004
Jan Feb Mar Apr May Jun
Jul Aug Sep Nov Dec  
2003
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2002
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2001
          Dec

RSS feed RSS feed
RSS feed Facebook
RSS feed Follow on Twitter

Email Subscription


Delivered by FeedBurner

Collaborate

Send Tips Send Tips
Wiki Wiki

Authors

Tags

Most Popular Posts

Blogroll