Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
=
CAMPAIGNING
WITH
WORDPRESS
CAMPAIGNING
WITH
WORDPRESS
DESIGN AND STORYTELLING
LESSONS FROM THE WORLD OF
POLITICAL WEB DE...
=
CAMPAIGNING
WITH
WORDPRESS
WHO
AM I?
=
CAMPAIGNING
WITH
WORDPRESS
• I run Armadillo Studios Inc., and I am a
front-end WordPress developer for GROW
Wireless.
•...
=
CAMPAIGNING
WITH
WORDPRESS
• In 2012, I created AlbertaTweets.ca. An
infographic project to track Social Media
usage dur...
=
CAMPAIGNING
WITH
WORDPRESS
• Built and ran 12 campaign web sites for
(MLAs, Party Nominees, Municipal
Councilors, Provin...
=
CAMPAIGNING
WITH
WORDPRESS
WHY SHOULD YOU CARE
ABOUT
POLITICAL WEB DESIGN?
=
CAMPAIGNING
WITH
WORDPRESS
LET ME PUT IT THIS WAY
- A CLIENT ASKS YOU TO
HELP THEM SELL A
PRODUCT ONLINE.
=
CAMPAIGNING
WITH
WORDPRESS
THINK ABOUT WHAT YOU’RE SELLING.
=
CAMPAIGNING
WITH
WORDPRESS
• Probably already interested in
your product.
• They’ve heard about your
product or organiza...
=
CAMPAIGNING
WITH
WORDPRESS
• You want to capture people’s
attention.
• Driving them to follow you on
Social Media.
• Lea...
=
CAMPAIGNING
WITH
WORDPRESS
PRETTY
STANDARD
STUFF.
=
CAMPAIGNING
WITH
WORDPRESS
NOW THINK ABOUT SELLING…
=
CAMPAIGNING
WITH
WORDPRESS
VERY FEW
POLITICIANS
ARE
JOE
BIDEN
COOL
=
CAMPAIGNING
WITH
WORDPRESS
• Probably already has a predetermined
idea about your candidate.
• They’ve heard about some ...
=
CAMPAIGNING
WITH
WORDPRESS
AND IN ADDITION
TO THE USUAL
WEB SITE
CONSIDERATIONS …
=
CAMPAIGNING
WITH
WORDPRESS
… THIS WEB SITE
NEEDS TO ...
=
CAMPAIGNING
WITH
WORDPRESS
1. LOOK PROFESSIONAL
AND CREDITABLE.
=
CAMPAIGNING
WITH
WORDPRESS
2. MAKE YOUR
CANDIDATE
APPROACHABLE AND
EXCITING.
=
CAMPAIGNING
WITH
WORDPRESS
3. TELL A MEMORABLE
STORY AND EXPLAIN
POLICY.
=
CAMPAIGNING
WITH
WORDPRESS
4. MAKE ME WANT TO
DONATE, VOLUNTEER
OR ORDER A LAWN
SIGN.
=
CAMPAIGNING
WITH
WORDPRESS
5. MOST
IMPORTANTLY…
=
CAMPAIGNING
WITH
WORDPRESS
… YOU ALSO HAVE TO
CONVINCE ME TO GO
TO A POLLING STATION
...
=
CAMPAIGNING
WITH
WORDPRESS
… TO STAND IN LINE
FOR 20-30 MINUTES ...
=
CAMPAIGNING
WITH
WORDPRESS
… ON A RANDOM
MONDAY IN OCTOBER ...
=
CAMPAIGNING
WITH
WORDPRESS
… TO MARK AN X
BESIDE YOUR
CANDIDATE’S NAME ...
=
CAMPAIGNING
WITH
WORDPRESS
… AND NOT THE OTHER
CANDIDATE’S NAME ...
=
CAMPAIGNING
WITH
WORDPRESS
… AND YOUR WEB SITE
HAS TO DO ALL OF THIS
IN LESS THAN 90
SECONDS...
=
CAMPAIGNING
WITH
WORDPRESS
• It needs to built in a third of the
time that a web site usually takes.
(Typically one-two ...
=
CAMPAIGNING
WITH
WORDPRESS
EASY
ENOUGH?
=
CAMPAIGNING
WITH
WORDPRESS
WHAT MAKES
A GOOD
POLITICAL WEB SITE?
=
CAMPAIGNING
WITH
WORDPRESS
KEY INGREDIENTS
Action Items! Action Items! Action
Items!
Repetition of messaging.
Invoke a p...
=
CAMPAIGNING
WITH
WORDPRESS
LET’S TALK
ABOUT
SASKATCHEWAN
{AS A SET OF CASE STUDIES}
=
=
=
CAMPAIGNING
WITH
WORDPRESS
INVOKE A
FEELING OF
PROFESSIONALISM AND
TRUST
=
CAMPAIGNING
WITH
WORDPRESS
• Clean colour schemes (match the
campaign!).
• Crisp and attractive Web Fonts
(Use google fo...
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
REPETITION OF
MESSAGING
=
CAMPAIGNING
WITH
WORDPRESS
• Remember the 90 second rule.
• Map out your key phrases/talking
points.
• Repeat them in la...
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
HERO IMAGES
=
CAMPAIGNING
WITH
WORDPRESS
• Authentic.
• Untraditional.
• Engaging.
• Show your Candidate in a positive
light.
• Tied t...
=
CAMPAIGNING
WITH
WORDPRESS
GOOD. BAD.
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
ACTION ITEMS
=
CAMPAIGNING
WITH
WORDPRESS
• Continue on the theme of the
campaign.
• Attention grabbing, but not a
distraction.
• Relat...
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
=
CAMPAIGNING
WITH
WORDPRESS
RECAP
=
CAMPAIGNING
WITH
WORDPRESS
INVOKE A
FEELING OF
PROFESSIONALISM AND
TRUST
=
CAMPAIGNING
WITH
WORDPRESS
REPETITION OF
MESSAGING
=
CAMPAIGNING
WITH
WORDPRESS
HERO IMAGES
=
CAMPAIGNING
WITH
WORDPRESS
ACTION ITEMS
=
CAMPAIGNING
WITH
WORDPRESS
ONE LAST
REQUEST
GET INVOLVED
=
=
=
CAMPAIGNING
WITH
WORDPRESS
THANKS
FOR COMING=
=
@ctoverdrive
www.armadillostudios.ca
cturner@armadillostudios.ca
Nächste SlideShare
Wird geladen in …5
×

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

1.849 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×