Responsive Emails

Transcript

1. 1.

   RESPONSIVE EMAILS with Rachel Ober

2. 2.

   RESPONSIVE EMAILS https://flic.kr/p/bWugk2

3. 3.

   Lotus Notes https://flic.kr/p/bWugk2

4. 4.

   4 DESIGNING RESPONSIVE

5. 5.

   5 BUILDING BLOCKS OF RESPONSIVE @media FLUID GRIDS FLEXIBLE IMAGES

   MEDIA QUERIES
6. 6.

   CLASSIC EMAIL TRICKS https://flic.kr/p/uEhmK

7. 7.

   CLASSIC EMAIL TRICKS https://flic.kr/p/69fTME

8. 8.

   CLASSIC EMAIL TRICKS https://flic.kr/p/diXxXU

9. 9.

   RESPONSIVE EMAIL TRICKS

10. 10.

    RESPONSIVE EMAIL TRICKS

11. 11.

    That wasn’t funny

12. 12.

    PROGRAM LIKE IT’S

13. 13.

    13 WHY RESPONSIVE EMAIL DESIGN? 47% 150 80% times a

    day of emails are opened on a mobile device your eyeballs are on your mobile phone of people delete an email if it looks crappy
14. 14.

    14 MOBILE FIRST

15. 15.

    15 DESIGN RESPONSIVE EMAIL

16. 16.

    16 APPLICATION SUPPORT iPhone Gmail App iPhone Mailbox App iPhone

    Yahoo! Mail App Android Gmail App Android Yahoo! App Blackberry OS 5 Windows Mobile 6.1 Windows Phone 7 Windows Phone 8 Not Supported:
17. 17.

    17 Image & Icon Credits • http://thenounproject.com/Mikhail1986/ • https://flic.kr/p/9fpnZi •

    https://flic.kr/p/6ao3nd • https://flic.kr/p/2W1CBG