Obama's online evolution

By Nicholas Rougeux, posted on January 20, 2009 in Web

Barack Obama has had an amazing politcal ride and being a web designer, I thought it would be interesting to take stock of how his online presence has evolved as he has from a hopeful junior senator to our new president—with screenshots of course.

This is a quick overview of Obama's official online presence. (I know there were many more Web sites and services used but this is just a quick recap of the main sites.) Most of these screenshots and links are from the Wayback Machine so some images in the screenshots are missing. I'll happily update them if anyone has any screenshots of their own. Let me know if you do.

Screenshot of the first version of obamaforillinois.com

Obama for Illinois (version 1): Created in early 2003 for Obama's senate run. Some navigation images are missing.

Screenshot of the second version of obamaforillinois.com

Obama for Illinois (version 2): Obama's senate campign site was updated about a year after the inital launch to include more information and video links on the home page (this was before the YouTube era). Many images are missing from the archive unfortunately.

Screenshot of Senator Obama's site 2006

U.S. Senator Barack Obama: Obama's 2006 redesign after his election to the senate. The design starts gearing up for another run in 2010 with a new personal logo and some foreshadowing of later designs. A Flash file was originaly displayed in the large white space at the top and wasn't available from the Wayback Machine.

Screenshot of barackobama.com in 2006

Obama '08 (version 1): The first version of Obama's presidential campaign site launched in early 2007. The highly successful "O" mark is makes its debut (Watch the interview with Sol Sender on the Obama logo) and there's a clear focus on the voters and online communities. The organization was clean but quite busy and didn't stand out much in comparison to other candidates' sites.

Screenshot of barakobama.com in 2006

Obama '08 (version 2): Just a few months after the site was launched, a slightly new version was launched that featured much more information on the home page, drawing criticism from some about the site's decline in design.

Screenshot of Obama's campaign redesign in early 2008

Change we can believe in: The Obama campaign rang 2008 with a brand new site, campaign slogan, and a new drive toward involving the voters. This new design gained high praise from many for its attention to detail and its ability to stand head and shoulders above the other candidates' sites.

Side note: I had the honor of working on this site's CSS and provided some accessibility advice early on. Others from WebitectsMatt E., Derek E., and Matt S.— helped with programming on the home page, store, and other parts of the site. Kudos on a job well done, guys.

Screenshot of Obama's campaign site after winning the presidency

Obama/Biden: Shortly before the Democratic National Convention, Obama announced Joe Biden as his running mate and the earlier redesign was adjusted to include his picture and refined graphics. The screenshot is of the campaign site that has remained the same since Obama won the election.

Screenshot of Change.gov

Change.gov: The day after Obama's election night speech in Chicago, Change.gov launched as a way to keep the public informed of his transition from senator to President. It's design was similar to his campaign site but had a more authoritative feel to it.

Screenshot of the presidential inauguration site

Inauguration fever: Shortly after Change.gov was launched, a site dedicated to the inauguration in January was launched to give the public a one-stop-shop for info on what would be involved.

Screenshot of the White House site

The new White House: Minutes after Obama was sworn in, the new White House site was launched with a refreshed design in a similar style to the other sites featuring several improved features from the previous version. The new site is still in its infancy but will likely grow leaps and bounds with Obama's presidency in an effort to embrace its three priorities: communication, transparency, and participation.

Screenshot of the 2012 re-election campaign site

2012 re-election campaign: In early April 2011, Obama's 2012 re-election campaign site was launched with a much simpler design than his first campaign. The focus feels more blog-like with a strong emphasis on sharing via social media.

Screenshot of the 2012 re-election campaign site (version 2)

2012 re-election campaign (version 2): In late December 2011, the re-election campaign site was redesigned with a more americana feel.

Screenshot of the 2013 Organizing for Action website

Organizing for Action: In 2013, BarackObama.com transformed into Organizing for Action.

Screenshot of the 2015 Organizing for America website

2014 redesign of Organizing for Action

Screenshot of the 2017 Organizing for America website

Organizing for Action as of January 2017

Screenshot of the 2017 White House website

White House website as of January 2017

Screenshot of the Obama's White House website archive

Preview page of ObamaWhiteHouse.gov, the home for an historical archive of the White House website during Obama's administration. Screenshot as of January 19, 2017

Screenshot of the Obama Foundation

Obama Foundation as of January 20, 2017

Screenshot of the BarackObama.com

BarackObama.com as of January 28, 2017

This list is updated regularly as related websites are updated.

« Back to blog