beyond mobile v2

46
Steffan Berelowitz CEO and Conductor [email protected] 617-312-7900 February 25, 2013 nd Mobile: h Enabled Marketing for Every Screen

Upload: bluetrainio

Post on 29-Jun-2015

93 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Beyond mobile v2

Steffan BerelowitzCEO and [email protected]

February 25, 2013

Beyond Mobile:

Touch Enabled Marketing for Every Screen

Page 2: Beyond mobile v2

WHAT IS “MOBILE”?

© 2013 Bluetrain Mobile | 2

Page 3: Beyond mobile v2

3© 2013 Bluetrain Mobile | http://www.pcadvisor.co.uk/features/tablets/3416876/best-tablets-of-2012/

Page 4: Beyond mobile v2

4© 2013 Bluetrain Mobile |

Page 5: Beyond mobile v2

1 in 4 US Adults Owns a Tablet

© 2013 Bluetrain Mobile | 5

Page 6: Beyond mobile v2

AN EXAMPLE IN ACTION

© 2013 Bluetrain Mobile | 6

Page 7: Beyond mobile v2

7© 2013 Bluetrain Mobile | 7

Page 8: Beyond mobile v2

Confidential, Bluetrain Mobile | 8

Page 9: Beyond mobile v2

9© 2013 Bluetrain Mobile |

Page 10: Beyond mobile v2

Behavior, Context, Modality

© 2013 Bluetrain Mobile | 10

Page 11: Beyond mobile v2

A Post PC World

© 2013 Bluetrain Mobile | 11

Page 12: Beyond mobile v2

The future is TOUCH

© 2013 Bluetrain Mobile | 12

Page 13: Beyond mobile v2

Touch experience influences desktop web

© 2013 Bluetrain Mobile | 13

Page 14: Beyond mobile v2

RESPONSIVE DESIGN

© 2013 Bluetrain Mobile | 14

Page 15: Beyond mobile v2

Responsive Design

Page 16: Beyond mobile v2
Page 17: Beyond mobile v2

Responsive Design: Too Big?

1.2MB

Page 18: Beyond mobile v2

Responsive Design: Too Slow?

17 seconds!

Page 19: Beyond mobile v2

Responsive Design: Too Slow?

Too much content

Page 20: Beyond mobile v2

RESPONSIVE DESIGN

Hands On!

© 2013 Bluetrain Mobile | 20

Page 21: Beyond mobile v2

Responsive Design: Hands On!

8.5”

11”

Page 22: Beyond mobile v2

Step 1: Fold the Bottom Up

Page 23: Beyond mobile v2

Step 1: Done

Page 24: Beyond mobile v2

Step 2: Fold Across

Page 25: Beyond mobile v2

Step 2: Done

Page 26: Beyond mobile v2

Step 3: Fold Across Again

Page 27: Beyond mobile v2

Step 3: Done

Page 28: Beyond mobile v2

Compare Vanilla Responsive vs. RESS or Responsive with MediaQueries

Page 29: Beyond mobile v2

MOBILE FIRST

© 2013 Bluetrain Mobile | 29

Page 30: Beyond mobile v2

30© 2013 Bluetrain Mobile |

Page 31: Beyond mobile v2

WHY IS MOBILE FIRST IMPORTANT TO MARKETERS?

31© 2013 Bluetrain Mobile |

Page 32: Beyond mobile v2

Adding vs. Cutting

© 2013 Bluetrain Mobile | 32

Page 33: Beyond mobile v2

Mobile First, then Progressive Design

33© 2013 Bluetrain Mobile |

Page 34: Beyond mobile v2

WHAT HAPPENS NEXT?

Yet more modalities

© 2013 Bluetrain Mobile | 34

Page 35: Beyond mobile v2

AMOLED Displays from Samsung

35© 2013 Bluetrain Mobile |

Page 36: Beyond mobile v2

Google Glass

36© 2013 Bluetrain Mobile |

Page 37: Beyond mobile v2

Google Glass

37© 2013 Bluetrain Mobile |

Page 38: Beyond mobile v2

Google Glass

38© 2013 Bluetrain Mobile |

Page 39: Beyond mobile v2

Google Glass

39© 2013 Bluetrain Mobile |

Page 40: Beyond mobile v2

Google Glass

40© 2013 Bluetrain Mobile |

Page 41: Beyond mobile v2

Google Glass

41© 2013 Bluetrain Mobile |

Page 42: Beyond mobile v2

Google Glass

42© 2013 Bluetrain Mobile |

Page 43: Beyond mobile v2

Google Glass

43© 2013 Bluetrain Mobile |

Page 44: Beyond mobile v2

Google Glass

44© 2013 Bluetrain Mobile |

Page 45: Beyond mobile v2

Google Glass

45© 2013 Bluetrain Mobile |

Page 46: Beyond mobile v2

Q&A

Steffan BerelowitzCEO & ConductorBluetrain Mobile@bluetrainmobile

© 2013 Bluetrain Mobile | 46