Vancouver Words & pixels workshop

11fb562e7c6fdd7f6dceb33c858c9ed5?s=47 Louder Than Ten
October 28, 2016

Vancouver Words & pixels workshop

We've brought it all home, folks. Learn how a content and design together approach can transform and augment your content and launch your messages into space.

11fb562e7c6fdd7f6dceb33c858c9ed5?s=128

Louder Than Ten

October 28, 2016
Tweet

Transcript

  1. PIXELS WORDS+

  2. Rachel Gertz Travis Gertz Kenneth Ormandy @TheStrayMuse @TravisGertz @KennethOrmandy @louderthanten

    louderthanten.com kennethormandy.com
  3. washrooms recycling/garbage exits buzzer food afterparty Housekeeping

  4. Wifi Network PullFocus Auditorium-5G Password PullFocus8306

  5. Agenda 10 to 1:30 pm Part 1: Play it as

    it lays Part 2: Polishing content turds LUNCH (45 min) 1:30 to 5 pm Part 3: After a little spruce Part 4: Extracting emotion BREAK (15 min) Part 5: Making content & design love QA 5:15 to 7:30 pm After party at Revel
  6. Anything you want us to cover?

  7. Louder Than Ten wants to provide a fun, safe event

    experience for all of you regardless of your gender, gender identity and expression, sexual orientation, ability, physical appearance, body size, race, age or religion. We won’t tolerate harassment of participants. If you break these rules, you may be asked to leave and barred from future events.
 
 Need help? Talk to Travis, Rachel, or Anna directly, or email us at hello@louderthanten.com Code of conduct
  8. heroimages.com

  9. craftcms.com

  10. teamgantt.com

  11. teampassword.com/words

  12. fairgoods.com

  13. get.cushionapp.com/louderthanten

  14. webflow.com

  15. Let’s begin

  16. you? Who’s

  17. Gathering Curating Maintaining Content Strategy Content

  18. Express information Design

  19. Content nightmares

  20. Content first.

  21. Play it as it lays 15–20 minutes Part 1

  22. Example

  23. What did you struggle with? What’s it like to work

    with content first? How did it go?
  24. Part 2 How to polish a content turd 45–60 minutes

  25. Example

  26. What did you struggle with? How did it feel to

    strip things down? How did it go?
  27. Show & tell

  28. Research Content Design Development

  29. Talk about it… Content: creates value Writers: estimate & scope

    Contract: build writing in
  30. The writer starts the show Kickoff Research Design Strategy Launch

  31. Define your GOALS

  32. Collaborate on content Write your draft

  33. LUNCH BREAK 45 minute

  34. None
  35. None
  36. EVERYTHING LOOKS THE SAME

  37. EVERYTHING SOUNDS THE SAME

  38. Our product is boring. We create terrible experiences Every Company

  39. Web content is boring. We create terrible experiences Every Company

    Stop reading this crap we’ve produced and sign up for our crappy newsletter so you can receive more crap.
  40. Web content is boring. We create terrible experiences Every Company

    Stop reading this crap we’ve produced and sign up for our crappy newsletter so you can receive more crap. I see you didn’t buy our crap. Do you need help trying our crap? I’m here if you need me to go over any crap with you…
  41. None
  42. None
  43. None
  44. None
  45. We don’t care about content. We only care about what

    it can do for us.
  46. But what if we did?

  47. Content first.

  48. Content first. So we know how big to make the

    boxes.
  49. Content Design

  50. Content Design Do we even need boxes?

  51. Design with expression to augment the message of the content

  52. Content & design working together

  53. None
  54. AMPLIFIES Design the message.

  55. We can do this on the web…

  56. COLOUR

  57. None
  58. TyPe

  59. None
  60. size style and

  61. None
  62. Media that rides with the content.

  63. None
  64. INTER
 ACTIVITY

  65. Kenneth! Show us how?

  66. type

  67. Web type specimens

  68. Web type specimens are web type specimens

  69. The web is not print

  70. The web is not “not print”

  71. The web is a medium

  72. None
  73. None
  74. None
  75. https://www.instagram.com/p/8iwizngVbJ

  76. None
  77. None
  78. None
  79. moriston.losttype.com Design & Dev Type design Editing Distributor Kenneth Ormandy

    Riley Cran Danelle Cheney The Lost Type Co-op Moriston type specimen site
  80. None
  81. You be the copy writer

  82. None
  83. 1403.slantedhall.com Design & Dev Type design Distributor Kenneth Ormandy Jeff

    Kellem Slanted Hall 1403 Vintage Mono Pro site
  84. None
  85. None
  86. None
  87. None
  88. None
  89. None
  90. escafina.losttype.com Design & Dev Type design Additional design Distributor Kenneth

    Ormandy Riley Cran Danelle Cheney, Dan Gneiding The Lost Type Co-op Escafina type specimen site
  91. None
  92. None
  93. None
  94. None
  95. tofino.losttype.com Design Development Type design Distributor Alanna Munro, Kenneth Ormandy

    Kenneth Ormandy Alanna Munro The Lost Type Co-op Tofino type specimen site
  96. None
  97. None
  98. None
  99. None
  100. None
  101. regina-black.losttype.com Design Development Type design Distributor Charles&Thorn, Kenneth Ormandy Kenneth

    Ormandy Charles&Thorn The Lost Type Co-op Regina Black site
  102. None
  103. None
  104. None
  105. sadmag.ca/secrets Art direction Emoji design Design Development Pamela Rounis Kenneth

    Ormandy Pamela Rounis Kenneth Ormandy SAD Mag #sadsecrets
  106. None
  107. None
  108. None
  109. Your medium

  110. Copy process, not results

  111. Have some fun with it!

  112. Have some fun with it! Make

  113. Extracting emotion 45–60 minutes Part 3

  114. EMPATHY is not a phase

  115. MAKE IT SING

  116. What were the challenges? What were the rewards? How do

    you think your audience would feel? How can this work for other projects? How did it go?
  117. Take a BRE AK 15 minutes

  118. Making content & design love Part 4 60–80 minutes

  119. Let’s re-humanize

  120. What were the challenges? What were the rewards? How do

    you think your audience would feel? How can this work for other projects? How did it go?
  121. Show & tell

  122. We have the tools

  123. Build systems that anticipate variation.

  124. Systems that augment humanity. Not replace it.

  125. Prototype with content Good content that says something, but doesn’t

    need to be final.
  126. livewires.io

  127. None
  128. craftcms.com

  129. None
  130. None
  131. None
  132. None
  133. None
  134. None
  135. ?

  136. louderthanten.com @louderthanten Rachel Gertz
 @TheStrayMuse Travis Gertz @TravisGertz Resources lt10.co/words-and-pixels

  137. AFTER PARTY! Revel Room Across the street Upstairs