Taylor LeCroy   Designer

barackobama.com


"I want you to redesign barackobama dot com"

I'll never forget hearing that sentence. It hit me in stages. The first thing I thought was 'What an opportunity!' which was followed quickly by 'If I mess this up, I will have failed the world immeasurably'. No pressure.

With accessibility as our North Star, we organized the most basic levels of engagement into three clear buckets: "Get the Facts", "Get the Latest", and "Get Involved"; creating a minimal header that left little room for confusion.

barackobama.com homepage 1
barackobama.com homepage 1

The header area needed to accomodate several featured items or events, but we were careful to preserve hierarchy and always let the top item stand out visually. We created an area directly beneath the full-width image dedicated to secondary topics and an overview of the President's stance on major issues, then dedicated the sidebar to quick donation, social sharing and a host of ways to get involved. Below that, a cascade of recent stories presented further opportunities to get informed and share news.

barackobama.com homepage 1

The sidebar stayed fixed as users scrolled through the blog items, making it easy to get involved without having to scroll back to the top.

barackobama.com sidebar

For major events like the convention, we were able to execute page takeovers in hours thanks to an always-on frontend development team.

barackobama.com convention

Templates had to accomodate different locations, dates and times while staying true to a similar look and feel.

barackobama.com homepage 1
barackobama.com homepage 1