$30 off During Our Annual Pro Sale. View Details »

Words & Pixels With Love

Words & Pixels With Love

On the web, everything looks the same. Let’s fix that. Instead of a first or last approach, let’s look at design and content in tandem.

We’re going to walk you through a straightforward design and content approach that bites its thumb at boring trends without compromising the effectiveness of your UIs. Learn the business case behind flexible content and design systems that you won’t need to sell to your clients. We’ll teach you great ways to source, gather, position, and improve your content while giving examples of how design can create stronger microcopy, editorial messaging, and calls to action. By the end of this talk, you’ll be dying to trade your Open Sans and coffee cup headers for something a little bolder. Prepare your marketing team. They might not be ready for this.

https://louderthanten.com/events/words-pixels-with-love

Louder Than Ten

July 22, 2016
Tweet

More Decks by Louder Than Ten

Other Decks in Design

Transcript

  1. with love
    PIXELS
    WORDS
    &

    View Slide

  2. View Slide

  3. Bullshit

    View Slide

  4. View Slide

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

    View Slide

  6. 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.

    View Slide

  7. 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…

    View Slide

  8. View Slide

  9. View Slide

  10. We don’t care
    about content.
    We only care about what it can do for us.
    Johnny Appleseed

    View Slide

  11. Centralize
    Neutralize
    Dehumanize

    View Slide

  12. View Slide

  13. Let’s re-humanize

    View Slide

  14. Priorities
    Processes
    Systems

    View Slide

  15. Priorities

    View Slide

  16. View Slide

  17. View Slide

  18. Money
    People
    Speed
    Quality

    View Slide

  19. View Slide

  20. Money
    People
    Speed
    Quality

    View Slide

  21. WHY

    View Slide

  22. Empathy

    View Slide

  23. We create terrible
    Every Company
    Stop reading this crap
    and sign up for our c
    so you can receiv
    Chauffeur
    Cool. Let’s do this.

    View Slide

  24. We create terrible
    Every Company
    Stop reading this crap
    and sign up for our c
    so you can receiv
    Planck
    What is it saying?
    Why should we care?
    How will it impact us?
    Is there a better idea?
    How do we know?

    View Slide

  25. Process

    View Slide

  26. Content first.

    View Slide

  27. Content first.
    So we know how big to
    make the boxes.

    View Slide

  28. Content first
    =
    Content last

    View Slide

  29. Research
    Content
    Design
    Development

    View Slide

  30. Content
    Design

    View Slide

  31. Content
    Design
    Do we even
    need boxes?

    View Slide

  32. Writers
    on the team

    View Slide

  33. WORDS

    View Slide

  34. Collaborate on content
    Designers involved in content development

    View Slide

  35. Collaborate on design
    Writers involved in design process

    View Slide

  36. AMPLIFIES
    Design
    the message.

    View Slide

  37. Graphics that
    work exclusively
    with the content.

    View Slide

  38. TYPE
    Understand

    View Slide

  39. COLOUR

    View Slide

  40. View Slide

  41. View Slide

  42. View Slide

  43. We have
    the tools

    View Slide

  44. Systems

    View Slide

  45. Built for automation.
    Built for repetition.
    Built for consistency.

    View Slide

  46. View Slide

  47. Build systems that
    anticipate variation.

    View Slide

  48. livewires.io

    View Slide

  49. craftcms.com

    View Slide

  50. View Slide

  51. View Slide

  52. View Slide

  53. livewires.io

    View Slide

  54. Systems should augment humanity.
    Not replace it.

    View Slide

  55. View Slide

  56. louderthanten.com
    @louderthanten
    Rachel Gertz

    @TheStrayMuse
    Travis Gertz
    @TravisGertz
    Resources
    lt10.co/words-and-pixels

    View Slide