McCain for Senate 2010


This is probably one of the best website designs i’ve seen for a political candidate. First here is that the branding is really well done, the McCain logo is top-notch. That sets the foundation to build on for the website, things could have gone downhill fast from there, but the Forty Agency delivered a really great experience with this website. You can also check out the site’s welcome post about the re-launch.

Forty has a great blog post with pictures that detail the process. Technically they post that:

The entire site was built in HTML 5, the next major revision of HTML, and implemented in the Expression Engine content management system.

The design has a nice balance of clean, open space and imagery. The colors are of course red, white & blue but what do you expect? There are some nice things happening when it comes to fine detail work on this site too, like down in bottom area of the site and the far right 3rd column. The typography gives it a nice soft feel too, something McCain’s brand might need more of, so that’s a great direction to take the design in. It’s neat to see the main focus of the site’s content be centered around the blog posts, that may be standard fare for political sites these days but it is a departure from tradition in this field of websites.

The thing about political candidate websites for me is that I love to see how different designers handle the struggle with visual hierarchy from section to section (specifically talking about home pages for political sites.) This one has the same issues as say Obama’s presidential election site did (or any large news site for that matter, like or something), wherein you have all this content that you need to get onto the page and normally have a set of big honkin’ pictures you need to place high up on the page physically, just like with this one. I think the McCain site handles the hierarchy of information pretty well. This site is also another great example to use when you need to explain to a client that a scrolling website isn’t the devil.

The thing I like most about this website is it’s content architecture. Go through the site one good time and you’ll notice there’s not a straight up sub navigation, the content is all integrated into the flow/experience of using the website. You don’t even miss the sub nav. I mean they have navigation elements on pages where it’s needed, when it’s needed but overall you just feel like you “flow” through the content naturally. And that’s not easy to achieve.

I also have a note from Sunny Thaper at Forty Agency about the project:

Just a quick note that the entire effort was not just Forty, but a couple of companies. If it’s cool, I’d like to list them out real quick (also note, all these are local AZ companies):

Sorenson Media:
ExpressionEngine: (CMS)
DevFu: (helped with the home page rotator)

And a quick shout-out to Corey Vale and Jeremy Vaught from the McCain headquarters for working very closely with us and keeping an open mind about what is possible in the political campaign space.

Kudos on a great site design.


Gene Crawford

With over a decade of experience in the industry he has overseen the design and architecture of hundreds of web sites and applications. An active member in the design community, he's the editor & producer of, the ConvergeSE, ConvergeFL, ConvergeRVA and the Breaking Development conference series.