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

The Organized Chaos of Email Creation

Dan Denney
August 25, 2015

The Organized Chaos of Email Creation

Because creating emails wasn't already challenging enough, many of us are faced with managing dozens of emails across multiple platforms on a daily basis. In this session, we'll cover requirements and workflows for tracking both recurring and transactional emails. We'll start with asset management: partials, variables, and style guides. Then, we'll move into custom reporting, visual "send flows", and UX flows. You'll leave with a plan to stay sane and shred down the time it takes you to build an email.

Dan Denney

August 25, 2015
Tweet

More Decks by Dan Denney

Other Decks in Design

Transcript

  1. The Organized Chaos
    of Email Creation
    @dandenney

    View Slide

  2. Good

    Morning!

    View Slide

  3. The Chaos
    4-6
    PROMOTIONALS
    2
    SERVICES
    9,628,374
    SENDS VIA MAILCHIMP
    >180,000
    SENDS VIA MANDRILL
    26
    TRANSACTIONALS
    MONTHLY

    View Slide

  4. The Organized-ization?
    Building Iterating
    2
    SECTIONS

    View Slide

  5. "Be regular and orderly in your
    life, so that you may be violent
    and original in your work."
    "Be regular and orderly in your
    life, so that you may be violent
    and original in your work."
    - Gustave Flaubert

    View Slide

  6. "Be regular and orderly in your
    workflow, so that you may be
    violent and origin
    al
    in your emails."

    View Slide

  7. Building Goals
    - "No Media Queries" first
    - Push the limits of clients
    - A/B test content
    - Build from UX flows

    View Slide

  8. A story of how design adds value to a simple notification e-mail
    http://www.proxyclick.com/blog/proxyclick-journey/a-story-of-how-design-adds-value-to-a-simple-e-mail

    View Slide

  9. BIGGEST
    challenge in creating emails
    The

    View Slide

  10. BIGGEST
    challenge in creating emails
    The
    is time.

    View Slide

  11. "Time is what we want most,
    but what we use worst."
    - William Penn

    View Slide

  12. DRY

    View Slide

  13. RYALAP

    View Slide

  14. The Big Secret
    Choosing the right tool for the job.

    View Slide

  15. I am a Tool.

    View Slide

  16. You are a tool, too. :)

    View Slide

  17. Time-Saving Techniques
    - Updatable global assets
    - Partials
    - Automated code creation
    - Variables

    View Slide

  18. (Story Time)
    "Hi Code School Team!"

    View Slide

  19. 26
    TRANSACTIONALS
    2
    SERVICES
    9,628,374
    SENDS VIA MAILCHIMP
    >180,000
    SENDS VIA MANDRILL

    View Slide

  20. Updatable Global Assets
    - Logos
    - Social Icons
    - Any image in all emails

    View Slide

  21. View Slide

  22. View Slide

  23. Partials
    - Code shared in each email
    - At minimum, a single reusable template

    View Slide

  24. screenshot of files

    View Slide

  25. _footer
    _footer-mandrill

    View Slide

  26. One Template?
    It'd be cool, but I can't.
    Meh.

    View Slide

  27. Automated Code
    - Copy/paste
    - Styleguide
    - Snippets
    - Emmet

    View Slide






  28. View Slide








  29. View Slide

  30. Styleguides are cool

    View Slide

  31. View Slide

  32. Snippets
    "Do it. Just do it. Don't let your dreams be dreams."

    View Slide

  33. Emmet, yo

    View Slide

  34. Variables
    - Colors
    - Font stacks
    - Sizes
    - Tracking URLs
    - Meta

    View Slide

  35. Variables

    View Slide

  36. Watch Me

    View Slide

  37. Variables as a GUI

    View Slide

  38. Recap
    - Updatable global assets
    - Partials
    - Automated code
    - Variables
    You are a tool, but often not the
    best tool for repetitive tasks.

    View Slide

  39. Today 12-1:15
    Tomorrow 2-2:40
    Tomorrow 11:20-12
    Today 3:30-4:15
    Today 2-2:40
    Tomorrow 2:50-3:30

    View Slide

  40. Iterating

    View Slide

  41. Organization Techniques
    - Custom Reports
    - Send Flows
    - UX Flows

    View Slide

  42. (Story Time)
    Meet Jean

    View Slide

  43. "We're not very standardized ATM. CM for
    some stuff, Mailgun & Sendgrid for other stuff, &
    the rails app lol"
    "I've not done much with email in a while because
    of focus elsewhere; email at [company name]
    breaks my heart - it really does."
    "I'm hoping to find time to give it more attention
    in the future, but we really need a team of people
    focused on it."

    View Slide

  44. What ESPs are you using for promotional and transactional emails?
    https://litmus.com/community/discussions/3645-what-esps-are-you-using-for-promotional-and-transactional-emails

    View Slide

  45. Custom Reports
    - Your important data
    - Custom views
    - Automation
    Do as I say, not as I do ;)

    View Slide

  46. Tomorrow 11:20-12

    View Slide

  47. Custom Reporting

    View Slide

  48. View Slide

  49. Send Flows
    - List of emails
    - Trigger details
    - Viewable links

    View Slide

  50. Basic send flows

    View Slide

  51. Basic send flows

    View Slide

  52. UX Flows
    - List of emails
    - Email CTAs
    - Target CTAs

    View Slide

  53. Basic UX flow list

    View Slide

  54. Basic UX flow list

    View Slide

  55. Recap
    Create your own reporting and
    document all of your emails.
    - Custom Reports
    - Send Flows
    - UX Flows

    View Slide

  56. Reap the Rewards

    View Slide

  57. Thank You!
    Grab me or @dandenney
    Questions?

    View Slide