spark 2011 the mobile web - paul gill

Paul GillAccount Director, Torchbox

Spark 2011:The mobile web

@paulsimongill

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

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

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

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

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

400%

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

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

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

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?

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

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

Compellingcontent

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

1.app.APP

AND… APP

1.appAPP

AND… APP?

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

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

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

2.Browser apps

(UserAgent)

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

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

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

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

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

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

3.RESPONSIVE DESIGN

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)

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

4.EMAIL

(Twitter and Facebook too)

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

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

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

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

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

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)

Paul Gill@paulsimongill

Thanks for listening