mob

ile w

ebpag

e

prese

ntatio

n for

Genes

is D

evel

opm

ent

BR

I AN

SA

NC

HE

Z –

PR

OJ E

CT

4

Note: Genesis Development is a fictional company I made for this project.

how m

uch m

obile

and

table

t usa

ge has

gro

wn

How m

uch m

obile

and ta

blet u

sage

has g

row

n

mob

ile/ta

blet u

sage’

s

effec

t on w

eb d

esig

n

Brief P

ersp

ectiv

e

The way things were

Vs.

The way things are becoming

What

curr

ent

tech

nolog

ies

can b

e

used to

mak

e web

site

s

acce

ssib

le o

n all

mob

ile

devic

es

These are magazinesthat have been adaptedfor tablets using HTML5

HTML5

what makes a good mobile web page?

Common

Elements

Information Focused

Simplicity is key

examples of good mobile web pagesN F L . C O

M T E C H C R U N C H . C O M

examples of poorly designed mobile web pages

F C B A R C E L O N A . C O M C H I C A G O 5 T H G E N . C O M

GEN

ES

IS A

ND

MO

BIL

E

WEB

Why should Genesis Development use mobile web?

Benefits• Good impression• Easy to navigate

Structure• Content rich/informative

ABOUT

UNITS

CONTACT

full site twitter © 2011 GD

RENDERING:

Note:This logo is not original, a new logo would have to be developed for your company.

Sou

rces

Mobile Web Pages(screen shots taken from my phone)

• NFL.com - Official Site of the National Football League. Web.• Web. 01 Aug. 2011. <http://FCBARCELONA.COM>.• TechCrunch. Web. 01 Aug. 2011. <http://techcrunch.com>.• Chicago 5th Gen Camaro Club - Powered by VBulletin. Web.

01 Aug. 2011. <http://Chicago5thgen.com>.

OTHER IMAGES

• http://siliconangle.com/blog/2010/12/30/ipad-magazine-sales-drop-steeply-as-ipad-sales-soar/

Data

Iab.net

• "January 2011: The Tablet Economy: Growing Fast." IAB - Dedicated to the Growth of the Interactive Advertising Marketplace. Jan. 2011. Web. 01 Aug. 2011. <http://www.iab.net/insights_research/industry_data_and_landscape/1675/1504185>.

Sitepoint.com

• Faletski, Igor. "7 Tips To Make Your Web Site Mobile-friendly » SitePoint." SitePoint » Web Design, Web Development, Freelancing, Tech News and More. Web. 01 Aug. 2011. <http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/>.