Top Banner
Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill
39

Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

Dec 26, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

Paul GillAccount Director, Torchbox

Spark 2011:The mobile web

@paulsimongill

Page 2: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

The only way is up(for you and me baby)

Page 3: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 4: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 5: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

400%

Page 6: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Mobile strategyif you don’t have one, don’t worry

Page 7: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

"... many retailers simply aren't ready for mobile commerce yet. Just 18% had fully implemented a mobile commerce strategy, while 28% had no plans for the channel. "

Source:http://econsultancy.com/uk/blog/7629-mobile-the-worst-channel-for-customer-experience

Page 8: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Keep it simple> What are we trying to achieve?> Who's the audience?> Where can you reach them?> How can you make it happen?

Page 9: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 10: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 11: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 12: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Compellingcontent

Page 13: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

1.app.APP

AND… APP

1.appAPP

AND… APP?

Page 14: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 15: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 16: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 17: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 18: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 19: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

2.Browser apps

(UserAgent)

Page 20: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 21: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 22: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 23: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Demo at: http://vimeo.com/upshot

Page 24: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 25: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

3.RESPONSIVE DESIGN

Page 26: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

@media screen and (max-device-width: 480px){/* make it work on mobiles */}

Source:http://www.alistapart.com/articles/responsive-web-design/(Ethan Marcotte)

Page 27: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 28: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 29: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 30: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 31: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.
Page 32: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

4.EMAIL

(Twitter and Facebook too)

Page 33: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 34: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 35: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 36: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Optimise email> width is bad (& no @media)> keep it simple> plan the CTA for mobile> http://htmlemailboilerplate.com> Analyse and try new layouts

Page 37: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Page 38: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

THE MOBILE WEB

Test> avoid simulators> test based upon stats and use

cases> use your colleagues / friends> userAgent switcher> testing your email for $5 (CM)

Page 39: Paul Gill Account Director, Torchbox Spark 2011: The mobile web @paulsimongill.

Paul Gill@paulsimongill

Thanks for listening