Class assignment for Mobile Web Design

1. B O B ’ S B O A T H O U S E
WEB DESIGN OVERHAUL
BY: ERIK STAGNER
FUNDAMENTALS OF WEB DESIGN - WEEK 4 PROJECT
2 6OCTOBER2 0 1 4

2. HOW IS OUR WEBSI TE?
PEOPLE
REAL LY THINK
WHAT ? ? ? ! ! ! ? ? ?

3. H E R E W E W I L L S E E …
WHAT IS
G O O D … . A N D
WHAT IS BAD!
ABOUT YOUR WEBSI TE

4. NICE LAYOUT , GOOD MENU WI TH
AUTO-SCROL L ING IMAGES
NICE ASPECTS OF YOUR CURRENT HOME PAGE

5. WHAT IS NOT SO GOOD
U N C L E A R W H A T T H E S E “ C L U B S ” A R E . W H E N C L I C K E D I T T A K E S T H E U S E R T O A DEAD PAGE
CONTENT FOR THIS SECT ION IS BORING! VISI TORS TO YOUR PAGE WANT TO
K N O W W H O Y O U A R E B U T D O N ’ T C A R E T H I S M U C H . A L S O , S O M E O F T H I S
W O U L D B E A B E T T E R F I T F O R T H E “ A B O U T ” P A G E , N O T T H E H O M E P A G E .
THIS IS GOOD FOR
A HOME PAGE.

6. G R E A T E X A M P L E S O F …
HORRIBLE WEBSI TES!
JUMBLED MESS OF TEXT
TEXT RUNS THROUGH IMAGES

7. ONE MORE BAD SIGHT
FOR GOOD MEASURE
MI T ? ? ? ? REAL LY? ? ?

8. YOU NEED TO PLAN AHEAD
OPT IMI ZE FOR
MOBI LE FROM
THE BEGINNING
AND BE HAPPY

9. MOBI LE USAGE IS
GROWING DAI LY
BE READY
• 89% of time users spend on mobile
devices is with branded apps
• Mobile usage grew 8.5% in 2013
• Traditional web devices (computers)
shrank by the same 8.5% in 2013
• Mobile users dominate the time of
day you are looking for customers

10. AD THAT STAYS
ON TOP,
PREVENT ING
USERS FROM
SEEING YOUR
SI TE
BAD EXAMPLES
OF WEBSI TES
THAT ARE
MOBI LE
OPT IMI ZED? ? ?

11. IS THIS SI TE FOR REAL ?
WHO TEL LS THERE
CUSTOMERS
THESE KINDS OF
THINGS?
REAL LY? ?

12. WE CAN HELP
MAKE A WORLD
CLASS SI TE BY:
• Employing the latest in XHTML
and CSS3 technology
• This will help with cross platform
optimization
• This means to you…no need for separate
mobile and traditional sites, saving you $$
• Working with our top designers & YOU
to create a World Class Website

13. ADDI T IONAL INFO ON
HOW MOBI LE USAGE HAS
DRIVEN WEBSI TE A WEB
DESIGN REVOLUT ION:
• The shear amount of users looking to access
mobile sites grows by thousands daily
• Older HTML coding was not
capable of mobile optimization
• This lead to new XHTML, CSS3,
and HTML5 coding languages
• Because users don’t want to see sites like this
one here! They want it, an they want it NOW!

14. REFERENCES
• WTF Mobile Web. (n.d.). WTF Mobile Web. Retrieved October 25, 2014,
from http://wtfmobileweb.com/
• Center. (n.d.). Center. Retrieved October 26, 2014, from
http://cavs.mit.edu/
• 3A3W art cars award winning Liberty Van and Freedom Van welcome
page latest updates traveling photos. (n.d.). 3A3W art cars award winning
Liberty Van and Freedom Van welcome page latest updates traveling
photos. Retrieved October 25, 2014, from http://www.libertyvan.com/
• Free Digital Planning Templates. (n.d.). Smart Insights. Retrieved October
25, 2014, from http://www.smartinsights.com/mobile-marketing/mobile-marketing-
analytics/mobile-marketing-statistics/