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

Spark 2011 the mobile web - Paul Gill

Embed Size (px)

DESCRIPTION

How mobile access to the internet is changing how organisations work digitally.

Citation preview

Page 1: Spark 2011   the mobile web - Paul Gill

Paul GillAccount Director, Torchbox

Spark 2011:The mobile web

@paulsimongill

Page 2: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

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

Page 3: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 4: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 5: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

400%

Page 6: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

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

Page 7: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

"... 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: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

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: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 10: Spark 2011   the mobile web - Paul Gill
Page 11: Spark 2011   the mobile web - Paul Gill
Page 12: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Compellingcontent

Page 13: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

1.app.APP

AND… APP

1.appAPP

AND… APP?

Page 14: Spark 2011   the mobile web - Paul Gill
Page 15: Spark 2011   the mobile web - Paul Gill
Page 16: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 17: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 18: Spark 2011   the mobile web - Paul Gill
Page 19: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

2.Browser apps

(UserAgent)

Page 20: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 21: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 22: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 23: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

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

Page 24: Spark 2011   the mobile web - Paul Gill
Page 25: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

3.RESPONSIVE DESIGN

Page 26: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

@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: Spark 2011   the mobile web - Paul Gill
Page 28: Spark 2011   the mobile web - Paul Gill
Page 29: Spark 2011   the mobile web - Paul Gill
Page 30: Spark 2011   the mobile web - Paul Gill
Page 31: Spark 2011   the mobile web - Paul Gill
Page 32: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

4.EMAIL

(Twitter and Facebook too)

Page 33: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 34: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 35: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 36: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

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: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Page 38: Spark 2011   the mobile web - Paul Gill

T H E M O B I L E W E B

Test> avoid simulators> test based upon stats and use

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

Page 39: Spark 2011   the mobile web - Paul Gill

Paul Gill@paulsimongill

Thanks for listening