Design for the Mobile Inbox
31
@emmaemail myemma.com
-
Upload
emma -
Category
Technology
-
view
359 -
download
1
Transcript of Design for the Mobile Inbox
@emmaemail myemma.com
myemma.com
myemma.com
myemma.com
myemma.com
myemma.com
25%Webmail
32%Desktop
43% Mobile
myemma.com
79% 78% 58% 48% 20%
myemma.com
100%
myemma.com
myemma.com
MOBILE OPTIMIZED— VS —
RESPONSIVE EMAIL
myemma.com
MOBILE OPTIMIZEDReformat content based on device
myemma.com
myemma.com
YOURBRAND
From: [email protected]
Inbox (5) 1 of 5
Short subject line here.May 14, 2013, 3:00PM
HEADLINE
GET THE DEAL
myemma.com
HTC One iPhone 5 Nexus 4 Nokia Lumina
myemma.com
YOURBRAND
From: [email protected]
Inbox (5) 1 of 5
Short subject line here.May 14, 2013, 3:00PM
HEADLINE
GET THE DEAL
myemma.com
Last BottleWine Enthusiast
myemma.com
YOURBRAND
From: [email protected]
Inbox (5) 1 of 5
Short subject line here.May 14, 2013, 3:00PM
HEADLINE
GET THE DEAL
myemma.com
myemma.com
myemma.com
YOURBRAND
From: [email protected]
Inbox (5) 1 of 5
Short subject line here.May 14, 2013, 3:00PM
HEADLINE
GET THE DEAL
myemma.com
YOURBRAND
From: [email protected]
Inbox (5) 1 of 5
Short subject line here.May 14, 2013, 3:00PM
HEADLINE
GET THE DEAL
myemma.com
myemma.com
RESPONSIVE EMAILShow or hide content based on device
myemma.com
LOG IN NOW SEE EXAMPLES
#button { background: url(images/button.png); width: 300px; border: 0px }@media only screen and (max-device-width: 480px) {#button { background: url(images/button_mobile.png); width: 140px; }}
myemma.com
myemma.com
COUPON
DIRECTIONS
SHOP NOW
123 MAIN ST. 37216
myemma.com
COUPON
DIRECTIONS
SHOP NOW
TOTAL$45.00
myemma.com
COUPON
DIRECTIONS
SHOP NOW
CODE: 4501B7A
myemma.com
No technical chops required
Chops
myemma.com
Think like a customer
Act like a parent
myemma.com
