Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
=
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
Prochain SlideShare
Chargement dans…5
×

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

1 906 vues

Publié le

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

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×