John McCain 2010

In June of 2009, Forty was first approached by the Friends of John McCain about developing an all-new Web presence for John McCain’s upcoming Senate campaign. We developed the overall strategy and approach for the site, and sketched prototype layouts for each of the key pages on the site.  We sent the sketches over to our friends at OVO, the campaign’s branding agency, who designed the basic look of the site around the campaign identity they had established. We used this direction as a baseline for designing and developing the rest of the site.

Thanks also go to Sorenson Media for the robust video technology in the Supporters section (and for their long hours working on implementing it), and also to Dev-Fu for their excellent custom coding for the home page promo rotator.

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

johnmccain.com Sitemap
johnmccain.com Sitemap
Sunny Thaper and Jeremy Vaught
Site sketches
Site sketches
Biography page sketch
Site sketching
Site sketches
Whiteboard sketching
Tasks on Post-its
Sunny Thaper and Amy Lamp
Grid systems in Photoshop
johnmccain.com homepage
johnmccain.com About page
johnmccain.com supporter wall

Comments

Posted by Stephanie Horn on Mar 06, 2010

Great work! Thanks for showing your process. I checked out the site and love how everything’s organized. It’s pretty easy to navigate through. I especially like the “issues” and “supporters” sections. One question though, what were all the yellow post-its for? What were you brainstorming?

Posted by Erik Johnson on Mar 10, 2010

Thought the John McCain website was great! Very cool to see the process.

EJ

Posted by RR Anderson on Mar 11, 2010

awesome sketches. I like the drawing of John in the necktie. Do you think his new brand logo icon looks like a mummy wrapped in bacon?

Posted by Mike Hagan on Mar 11, 2010

Nice work, and thanks for taking the time to document and show the process.

Posted by Amy Lamp on Mar 24, 2010

@Stephanie We use post-it notes for our tasks. So that day was a day with a particularly huge number of tasks completed smile

Posted by Joseph Malleck on Apr 13, 2010

Love seeing the process for this project. Beautiful work.

Posted by Avm on Jun 21, 2010

Thought the John McCain website was great! Very cool to see the process.
+1

Post a Comment

Your email is never published or shared. Required fields are marked *.

Remember my personal information
Notify me of follow-up comments?