Project 4: Presentationon Mobile/Tablet Design

72%

1 billion

8Times!

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!

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

Phlearn.com

Non-responsive/mobile friendly

FontSquirrel.com

Non-responsive/mobile friendly

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

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

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…

BEAT YOUR COMPETITOR

S!

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

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.

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