Full Sail Assignment 4 Mobile Presentation

16
Project 4: Presentation on Mobile/Tablet Design

description

Internet Marketing - Presentation Assignment #4

Transcript of Full Sail Assignment 4 Mobile Presentation

Page 1: Full Sail Assignment 4 Mobile Presentation

Project 4: Presentationon Mobile/Tablet Design

Page 2: Full Sail Assignment 4 Mobile Presentation

72%

Page 3: Full Sail Assignment 4 Mobile Presentation

1 billion

Page 4: Full Sail Assignment 4 Mobile Presentation
Page 5: Full Sail Assignment 4 Mobile Presentation

8Times!

Page 6: Full Sail Assignment 4 Mobile Presentation

How mobile and tablet usage has impacted web design

• Adopting a mobile first strategy for design.

• Mobile puts focus on the information you need.

• Forces your brand/company to know more about

your customers wants & needs

• Accessible/Portability regardless of Locations, times,

social settings and so on!

Page 7: Full Sail Assignment 4 Mobile Presentation

Current technologies that can be used to make websites accessible on all devices

• HTML5

• CSS3

• JavaScript - Touch gesture detection

• JQuery & JQuery mobile

• AJAX, JSON, Node.js, and Angular.js

Page 8: Full Sail Assignment 4 Mobile Presentation

Phlearn.com

Non-responsive/mobile friendly

Page 9: Full Sail Assignment 4 Mobile Presentation

FontSquirrel.com

Non-responsive/mobile friendly

Page 10: Full Sail Assignment 4 Mobile Presentation

http://www.awwwards.com/gallery/5573/50-examples-of-responsive-web-design

Page 11: Full Sail Assignment 4 Mobile Presentation

http://www.awwwards.com/gallery/5595/50-examples-of-responsive-web-design

Page 12: Full Sail Assignment 4 Mobile Presentation

So how can your business benefit from having a responsive site?

• Mobile is becoming the first impression of your company/brand.

• Create a bridge for your users to connect with your brand.

• Allow your users to share with apps like Instagram. Allowing your

users to create brand awareness

• Show your clients that their expectations matter to your

company/brand

• But most importantly…

Page 13: Full Sail Assignment 4 Mobile Presentation

BEAT YOUR COMPETITOR

S!

Page 14: Full Sail Assignment 4 Mobile Presentation

Recommendations

• Build a mobile version first

• Included content only if it’s of high value

• Start a hash-tag campaign to generate more brand awareness

• Choose a color scheme that fits your brand

• Click to call features if your clients are on a mobile device

• Only use stable/tested technologies that work across

devices/platform

• Hire us to do all of the heavy lifting

Page 15: Full Sail Assignment 4 Mobile Presentation

ReferencesBosomwrth, Danyl. "Mobile Marketing Statistics 2014." Smart Insights. N.p., 24 Mar. 2014. Web.

28 Mar. 2014.

Bowers, Toni. "Don't Put off Making Your Web Site Mobile Friendly." TechRepublic. N.p., 1 Apr.

2013. Web. 28 Mar. 2014.

Johnson, Lauren. "Mobile Web Ramping up 8x Faster than Internet: Google." - Content. N.p., 16

Mar. 2012. Web. 28 Mar. 2014.

Lee, Jessica. "Mobile Traffic Up 125% but Conversions Lag Behind Desktop [Study]." Search Engine

Watch. N.p., 15 Aug. 2013. Web. 28 Mar. 2014.

Turnbull, Connor. "How the IPad (and Tablets) Are Driving New Web Design Trends." Web Design

Tuts+. N.p., 11 Mar. 2011. Web. 28 Mar. 2014.

Page 16: Full Sail Assignment 4 Mobile Presentation

ReferencesSite(s):

Phlearn: http://phlearn.com/

CS-Tricks:

http://www.awwwards.com/gallery/5573/50-examples-of-responsive-web-design

Forefathers:

http://www.awwwards.com/gallery/5595/50-examples-of-responsive-web-design

Fontsquirrel: http://www.fontsquirrel.com/

IMG:

http://www.awwwards.com/gallery/5595/50-examples-of-responsive-web-design

http://www.awwwards.com/gallery/5573/50-examples-of-responsive-web-design