Email Design Practice

  • View
    230

  • Download
    0

  • Category

    Design

Preview:

Citation preview

EMAILDESIGN PRACTICE

@ringomossnerv.co.uk

@ringomossnerv.co.uk

Who AM I?

@ringomossnerv.co.uk

+

Who AM I?

@ringomossnerv.co.uk

RINGO MOSSProduct Design Director

-nerv-

Who AM I?

@ringomossnerv.co.uk

NervFULL SERVICE DIGITAL AGENCY

Who AM I?

@ringomossnerv.co.uk

NervFULL SERVICE DIGITAL AGENCY

We CREATE.

WE CONNECT.

WE CONVERT.

Who AM I?

@ringomoss

ANATOMY OF Reading

nerv.co.uk

@ringomossnerv.co.uk

Sender

Subject Line

The BodY

CALL TO ACTION

Preview PANE

ANATOMY OF Reading

@ringomoss

SUBJECT AND SENDER

nerv.co.uk

@ringomoss

SUBJECT AND SENDER

nerv.co.uk

50 Chars OR Less, Unless Highly Targeted, OR NOT.

@ringomoss

SUBJECT AND SENDER

nerv.co.uk

50 Chars OR Less, Unless Highly Targeted, OR NOT.

LINK SENDER FIELD. PERSONAL SENDER. FEMALE.

@ringomoss

SUBJECT AND SENDER

nerv.co.uk

50 Chars OR Less, Unless Highly Targeted, OR NOT.

LINK SENDER FIELD. PERSONAL SENDER. FEMALE.

LOCALISE DON’T Personalise.

@ringomoss

SUBJECT AND SENDER

nerv.co.uk

50 Chars OR Less, Unless Highly Targeted, OR NOT.

LINK SENDER FIELD. PERSONAL SENDER. FEMALE.

LOCALISE DON’T Personalise.

NEVER USE “HELP”, “PERCENT OFF” OR “REMINDER”.

@ringomoss

SUBJECT AND SENDER

nerv.co.uk

50 Chars OR Less, Unless Highly Targeted, OR NOT.

LINK SENDER FIELD. PERSONAL SENDER. FEMALE.

LOCALISE DON’T Personalise.

NEVER USE “HELP”, “PERCENT OFF” OR “REMINDER”.

DON’T SELL WHAT’s INSIDE, TELL WHAT’s INSIDE.

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

0.5 Seconds TO IMPRESS - 2 Second Rule.

*ExactTARGET - 2013

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

0.5 Seconds TO IMPRESS - 2 Second Rule.

EMAIL PANES ARE TINY - Design to 250PX x 250PX.

*ExactTARGET - 2013

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

0.5 Seconds TO IMPRESS - 2 Second Rule.

EMAIL PANES ARE TINY - Design to 250PX x 250PX.

REMEMBER MOBILE - 48% Read on mobile*.

*ExactTARGET - 2013

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

0.5 Seconds TO IMPRESS - 2 Second Rule.

EMAIL PANES ARE TINY - Design to 250PX x 250PX.

REMEMBER MOBILE - 48% Read on mobile*.

CHEAT! TEST! TEST! - PREVIEW YOUR PANES.

*ExactTARGET - 2013

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

0.5 Seconds TO IMPRESS - 2 Second Rule.

EMAIL PANES ARE TINY - Design to 250PX x 250PX.

REMEMBER MOBILE - 48% Read on mobile*.

CHEAT! TEST! TEST! - PREVIEW YOUR PANES.

*ExactTARGET - 2013

BE USEFUL.

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

ENTICING PRE-HEADER SNIPPET

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

ENTICING PRE-HEADER SNIPPET

ARCHIVE LINK

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

ENTICING PRE-HEADER SNIPPET

ARCHIVE LINK

LOGO

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

ENTICING PRE-HEADER SNIPPET

ARCHIVE LINK

LOGO

LINKS

@ringomoss

PREVIEW PANE PAIN

nerv.co.uk

ENTICING PRE-HEADER SNIPPET

ARCHIVE LINK

LOGO

LINKS

BANNER SNIPPET

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

A PICTURE SAYS ZERO WORDS.

TYPOGRAPHY & FONTS. KEEP IT SAFE.

RESPONSIVE DESIGN FOR DEVICES.

TARGET YOUR EMAIL. ONE MESSAGE.

Text Versions are Pretty. important

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

A PICTURE SAYS ZERO WORDS.

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

TYPOGRAPHY & FONTS. KEEP IT SAFE.

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

RESPONSIVE DESIGN FOR DEVICES.

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

RESPONSIVE DESIGN FOR DEVICES.

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

TARGET YOUR EMAIL. ONE MESSAGE.

@ringomoss

BODY IS A TEMPLE

nerv.co.uk

Text Versions are Pretty. important

@ringomoss

CALL TO ACTION

nerv.co.uk

@ringomoss

CALL TO ACTION

nerv.co.uk

PERSUASIVE AND COMPELLING.

@ringomoss

CALL TO ACTION

nerv.co.uk

PERSUASIVE AND COMPELLING.

USE COMMAND WORDS AND VERBS.

@ringomoss

CALL TO ACTION

nerv.co.uk

PERSUASIVE AND COMPELLING.

USE COMMAND WORDS AND VERBS.

BUTTONS VS LINKS.

@ringomoss

CALL TO ACTION

nerv.co.uk

BUTTONS VS LINKS.

@ringomoss

CALL TO ACTION

nerv.co.uk

PERSUASIVE AND COMPELLING.

USE COMMAND WORDS AND VERBS.

BUTTONS VS LINKS.

DO THE SQUINT TEST.

@ringomoss

CALL TO ACTION

nerv.co.uk

DO THE SQUINT TEST.

@ringomoss

CALL TO ACTION

nerv.co.uk

PERSUASIVE AND COMPELLING.

USE COMMAND WORDS AND VERBS.

BUTTONS VS LINKS.

DO THE SQUINT TEST.

WT…F - Shape.

@ringomoss

CALL TO ACTION

nerv.co.uk

WT…F - Shape.

@ringomoss

ASK ME ANYTHING

nerv.co.uk

@ringomoss

THANKS VERY MUCH

nerv.co.uk