Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Campaigning With WordPress: Design and Story Telling Lessons From The World of Political Web Design.

797 views

Published on

Slides From my 2017 WordCamp Calgary talk on Political Web Design and the lessons that can be learned by Web Designers and Developers.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Campaigning With WordPress: Design and Story Telling Lessons From The World of Political Web Design.

  1. 1. = CAMPAIGNING WITH WORDPRESS CAMPAIGNING WITH WORDPRESS DESIGN AND STORYTELLING LESSONS FROM THE WORLD OF POLITICAL WEB DESIGN. = =
  2. 2. = CAMPAIGNING WITH WORDPRESS WHO AM I?
  3. 3. = CAMPAIGNING WITH WORDPRESS • I run Armadillo Studios Inc., and I am a front-end WordPress developer for GROW Wireless. • I have been working with WordPress since 2007. • Volunteer and past Co-organizer with WordCamp Calgary from 2014-2016. • Got involved with Politics after moving to Washington D.C. in 2010. • Spent most of 2010-2012 attending Political conferences and working with NGOs in D.C. WORDPRESS BACKGROUND.
  4. 4. = CAMPAIGNING WITH WORDPRESS • In 2012, I created AlbertaTweets.ca. An infographic project to track Social Media usage during the 2012 Provincial Election. (Featured on CBC’s Election Night Coverage) • From 2015-Late 2016, I was the volunteer Social Media and Web coordinator for a Provincial Party. • Sat on the Board of Directors, for the above mentioned Provincial Party from 2016 until two-ish months ago. POLITICAL BACKGROUND.
  5. 5. = CAMPAIGNING WITH WORDPRESS • Built and ran 12 campaign web sites for (MLAs, Party Nominees, Municipal Councilors, Provincial Campaigns). • Ran Social Media campaigns for 5 different candidates (Provincial MLAs). • Track record with: POLITICAL BACKGROUND. (PART 2) 3/12 with Web Sites. 3/5 with Social Media.
  6. 6. = CAMPAIGNING WITH WORDPRESS WHY SHOULD YOU CARE ABOUT POLITICAL WEB DESIGN?
  7. 7. = CAMPAIGNING WITH WORDPRESS LET ME PUT IT THIS WAY - A CLIENT ASKS YOU TO HELP THEM SELL A PRODUCT ONLINE.
  8. 8. = CAMPAIGNING WITH WORDPRESS THINK ABOUT WHAT YOU’RE SELLING.
  9. 9. = CAMPAIGNING WITH WORDPRESS • Probably already interested in your product. • They’ve heard about your product or organization through someone. • Maybe they found your product through Social Marketing. • Or maybe they found you through SEO. WHAT IS YOUR AUDIENCE LIKE?
  10. 10. = CAMPAIGNING WITH WORDPRESS • You want to capture people’s attention. • Driving them to follow you on Social Media. • Leave a positive review online. • Maybe order something online and give your client money for a service or physical product. WHAT ARE YOUR WEB SITE GOALS?
  11. 11. = CAMPAIGNING WITH WORDPRESS PRETTY STANDARD STUFF.
  12. 12. = CAMPAIGNING WITH WORDPRESS NOW THINK ABOUT SELLING…
  13. 13. = CAMPAIGNING WITH WORDPRESS VERY FEW POLITICIANS ARE JOE BIDEN COOL
  14. 14. = CAMPAIGNING WITH WORDPRESS • Probably already has a predetermined idea about your candidate. • They’ve heard about some thing your candidates has done. (hopefully good) • Maybe they found your candidate through social media. • Or if you’re working with a good campaign through Facebook WHAT IS THIS AUDIENCE LIKE?
  15. 15. = CAMPAIGNING WITH WORDPRESS AND IN ADDITION TO THE USUAL WEB SITE CONSIDERATIONS …
  16. 16. = CAMPAIGNING WITH WORDPRESS … THIS WEB SITE NEEDS TO ...
  17. 17. = CAMPAIGNING WITH WORDPRESS 1. LOOK PROFESSIONAL AND CREDITABLE.
  18. 18. = CAMPAIGNING WITH WORDPRESS 2. MAKE YOUR CANDIDATE APPROACHABLE AND EXCITING.
  19. 19. = CAMPAIGNING WITH WORDPRESS 3. TELL A MEMORABLE STORY AND EXPLAIN POLICY.
  20. 20. = CAMPAIGNING WITH WORDPRESS 4. MAKE ME WANT TO DONATE, VOLUNTEER OR ORDER A LAWN SIGN.
  21. 21. = CAMPAIGNING WITH WORDPRESS 5. MOST IMPORTANTLY…
  22. 22. = CAMPAIGNING WITH WORDPRESS … YOU ALSO HAVE TO CONVINCE ME TO GO TO A POLLING STATION ...
  23. 23. = CAMPAIGNING WITH WORDPRESS … TO STAND IN LINE FOR 20-30 MINUTES ...
  24. 24. = CAMPAIGNING WITH WORDPRESS … ON A RANDOM MONDAY IN OCTOBER ...
  25. 25. = CAMPAIGNING WITH WORDPRESS … TO MARK AN X BESIDE YOUR CANDIDATE’S NAME ...
  26. 26. = CAMPAIGNING WITH WORDPRESS … AND NOT THE OTHER CANDIDATE’S NAME ...
  27. 27. = CAMPAIGNING WITH WORDPRESS … AND YOUR WEB SITE HAS TO DO ALL OF THIS IN LESS THAN 90 SECONDS...
  28. 28. = CAMPAIGNING WITH WORDPRESS • It needs to built in a third of the time that a web site usually takes. (Typically one-two weeks) • With no discover time. • And a predetermined set of colours and branding. … AND
  29. 29. = CAMPAIGNING WITH WORDPRESS EASY ENOUGH?
  30. 30. = CAMPAIGNING WITH WORDPRESS WHAT MAKES A GOOD POLITICAL WEB SITE?
  31. 31. = CAMPAIGNING WITH WORDPRESS KEY INGREDIENTS Action Items! Action Items! Action Items! Repetition of messaging. Invoke a professional and trusting feeling. Memorable and realistic Hero Images.
  32. 32. = CAMPAIGNING WITH WORDPRESS LET’S TALK ABOUT SASKATCHEWAN {AS A SET OF CASE STUDIES} = =
  33. 33. = CAMPAIGNING WITH WORDPRESS INVOKE A FEELING OF PROFESSIONALISM AND TRUST
  34. 34. = CAMPAIGNING WITH WORDPRESS • Clean colour schemes (match the campaign!). • Crisp and attractive Web Fonts (Use google fonts if need be). • Simple and straight to the point wording. • White space. • Spell check the site 5-10 times. PROFESSIONALISM TECHNIQUES
  35. 35. = CAMPAIGNING WITH WORDPRESS
  36. 36. = CAMPAIGNING WITH WORDPRESS
  37. 37. = CAMPAIGNING WITH WORDPRESS
  38. 38. = CAMPAIGNING WITH WORDPRESS REPETITION OF MESSAGING
  39. 39. = CAMPAIGNING WITH WORDPRESS • Remember the 90 second rule. • Map out your key phrases/talking points. • Repeat them in large fonts. • Highlight them with your campaign colours and provide simple contrast. REPETITION OF MESSAGING
  40. 40. = CAMPAIGNING WITH WORDPRESS
  41. 41. = CAMPAIGNING WITH WORDPRESS
  42. 42. = CAMPAIGNING WITH WORDPRESS
  43. 43. = CAMPAIGNING WITH WORDPRESS HERO IMAGES
  44. 44. = CAMPAIGNING WITH WORDPRESS • Authentic. • Untraditional. • Engaging. • Show your Candidate in a positive light. • Tied to the community. • Creating a sense of connection with the viewer. HERO IMAGES
  45. 45. = CAMPAIGNING WITH WORDPRESS GOOD. BAD.
  46. 46. = CAMPAIGNING WITH WORDPRESS
  47. 47. = CAMPAIGNING WITH WORDPRESS
  48. 48. = CAMPAIGNING WITH WORDPRESS
  49. 49. = CAMPAIGNING WITH WORDPRESS
  50. 50. = CAMPAIGNING WITH WORDPRESS ACTION ITEMS
  51. 51. = CAMPAIGNING WITH WORDPRESS • Continue on the theme of the campaign. • Attention grabbing, but not a distraction. • Relatable Iconography. • MOST IMPORTANTLY, THIS IS THE WHOLE GOAL OF YOUR SITE. ACTION ITEMS!
  52. 52. = CAMPAIGNING WITH WORDPRESS
  53. 53. = CAMPAIGNING WITH WORDPRESS
  54. 54. = CAMPAIGNING WITH WORDPRESS
  55. 55. = CAMPAIGNING WITH WORDPRESS RECAP
  56. 56. = CAMPAIGNING WITH WORDPRESS INVOKE A FEELING OF PROFESSIONALISM AND TRUST
  57. 57. = CAMPAIGNING WITH WORDPRESS REPETITION OF MESSAGING
  58. 58. = CAMPAIGNING WITH WORDPRESS HERO IMAGES
  59. 59. = CAMPAIGNING WITH WORDPRESS ACTION ITEMS
  60. 60. = CAMPAIGNING WITH WORDPRESS ONE LAST REQUEST GET INVOLVED = =
  61. 61. = CAMPAIGNING WITH WORDPRESS THANKS FOR COMING= = @ctoverdrive www.armadillostudios.ca cturner@armadillostudios.ca

×