Updating to Mobile/Tablet Design
   By: Kyle Peterson For: Collins Catering
Mobile Web over the years
• Growing faster than
  ever before.
• Using tablets more that
  computers
• Mobile web will rule by
  2015
Lets Go Mobile

• Access from anywhere
• Appointment on the go
• Menus from a phone
The Impact on Web Design

           • Site design must be both
             web and mobile deigned
           • Designing has to be on a
             smaller scale
           • More NAV less Scrolling
Southwest Airlines

• Great mobile website
• Easy to use and no scrolling
• NAV bar as home page
TD Bank
• When it comes to
  websites TD bank
  fails.
• They only offer a
  APP for iPhone and
  possibly Android
  users
Publix

     • Publix has a great
       mobile site
     • Ad in Mobile
       Format
     • Top links available
Panda Express

• No mobile
  compatibility
• Just like the Reg site
• Uses flash, not able for
  use on iPod or iPhone
What should we do?

• Jump start on things
• Take the examples
  above and work from
  there
The Site


• Staying away from Flash
• Prioritize what we need
• Use the “less is more” approach
References
     http://moconews.net/article/419-ios-android-big-with-
                                                                            http://mashable.com/2011/08/05/mobile-design-priority/
      developers-mobile-web-further-along-than-you-think/




http://sixrevisions.com/web-development/mobile-web-design-best-practices/     http://www.wired.com/gadgetlab/2010/02/ipad-future/




      http://mashable.com/2010/04/13/mobile-web-stats/                                   http://www.pandaexpress.com/




                      http://tdbank.com/

More Related Content

KEY
Alexander michael project4
PPSX
Chip shop presentation m spicer - 2
PPTX
Native Vs HTML5 Apps
PPTX
Mobile Presentation
KEY
Saying no to native apps - UX Masterclass Copenhagen
PDF
"The Web - You're Doing it Wrong" for Forum Oxford May 2014
KEY
Do I need an app for that?
PDF
The Mobile Platform World
Alexander michael project4
Chip shop presentation m spicer - 2
Native Vs HTML5 Apps
Mobile Presentation
Saying no to native apps - UX Masterclass Copenhagen
"The Web - You're Doing it Wrong" for Forum Oxford May 2014
Do I need an app for that?
The Mobile Platform World

What's hot (20)

KEY
Building Mobile Apps with HTML, CSS, and JavaScript
PPTX
Mobile website --- Web is in pocket....
PPTX
01 Mobile Jungle
PDF
Jensimmons html5live-responsivedesign
PPTX
Understanding The Mobile Patron Webinar
PDF
Web App vs Web Site
PDF
Wine: M-Sites Versus Apps.
PDF
Go Mobile With WordPress (2012)
PPTX
Workshop session A6: Building a Low Cost Mobile Web Presence
PDF
The future of the mobile web
PDF
Apps voor kerken #Kerk2013
PPTX
E-commerce - the thread to retailers and latest developments
PPT
Dan bowers mobile_tablet_design
PDF
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
PDF
The Mobile Web - Fronteers 2009
KEY
Tuenti Mobile Development
PDF
Mobile First Strategy - A Game-Changing Opportunity for Your Enterprise
PPTX
Salomon katherine mobile_presentation2
PDF
Going mobile edu web presentation - 2011
PDF
Jessica scott week 4 presentation
Building Mobile Apps with HTML, CSS, and JavaScript
Mobile website --- Web is in pocket....
01 Mobile Jungle
Jensimmons html5live-responsivedesign
Understanding The Mobile Patron Webinar
Web App vs Web Site
Wine: M-Sites Versus Apps.
Go Mobile With WordPress (2012)
Workshop session A6: Building a Low Cost Mobile Web Presence
The future of the mobile web
Apps voor kerken #Kerk2013
E-commerce - the thread to retailers and latest developments
Dan bowers mobile_tablet_design
Best Practices For Delivering Quality Web Experiences In A Mobile, Multi-Brow...
The Mobile Web - Fronteers 2009
Tuenti Mobile Development
Mobile First Strategy - A Game-Changing Opportunity for Your Enterprise
Salomon katherine mobile_presentation2
Going mobile edu web presentation - 2011
Jessica scott week 4 presentation
Ad

Viewers also liked (7)

PDF
Lfts user guide_v7
PDF
20121204 are your lights on?
PDF
Cwe spl ii
PPT
프레젠테이션1
PPT
PPT
Dna Mucizesi
PDF
20110524 a survey of spam
Lfts user guide_v7
20121204 are your lights on?
Cwe spl ii
프레젠테이션1
Dna Mucizesi
20110524 a survey of spam
Ad

Similar to mobile presentation (20)

PPTX
Stivanson cody assignment4
PDF
Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How...
PDF
Mobile seminar-worksheet
KEY
THINK MOBILE FIRST
PPT
Mobile Marketing
PPTX
Mobile websites
PPTX
Digital Marketing in a Mobile First World
PDF
Responding to the challenge of the mobile web (2012)
KEY
Hoke cheri project4
PPTX
Mobile is the New Black
PPT
Africacityapps presentation
PDF
Next gen mobile aug 2013 scotland
PPTX
Jeff cox mobile_presentation
PDF
Web Apps and Responsive Design for Libraries
PPT
Ready, Set, Go Mobile!
KEY
Cathryn allen assignment4
PPT
Kotikan Guide to Mobile Development
PPTX
Mobile Websites by dBroseGroup
PDF
Malcolm jackson project4
PPTX
Howard noah moblilepresentation
Stivanson cody assignment4
Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How...
Mobile seminar-worksheet
THINK MOBILE FIRST
Mobile Marketing
Mobile websites
Digital Marketing in a Mobile First World
Responding to the challenge of the mobile web (2012)
Hoke cheri project4
Mobile is the New Black
Africacityapps presentation
Next gen mobile aug 2013 scotland
Jeff cox mobile_presentation
Web Apps and Responsive Design for Libraries
Ready, Set, Go Mobile!
Cathryn allen assignment4
Kotikan Guide to Mobile Development
Mobile Websites by dBroseGroup
Malcolm jackson project4
Howard noah moblilepresentation

Recently uploaded (20)

PDF
Auditboard EB SOX Playbook 2023 edition.
PDF
SaaS reusability assessment using machine learning techniques
PPTX
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
PDF
Co-training pseudo-labeling for text classification with support vector machi...
PDF
A symptom-driven medical diagnosis support model based on machine learning te...
PDF
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
PDF
The-Future-of-Automotive-Quality-is-Here-AI-Driven-Engineering.pdf
PDF
LMS bot: enhanced learning management systems for improved student learning e...
PDF
EIS-Webinar-Regulated-Industries-2025-08.pdf
PDF
Lung cancer patients survival prediction using outlier detection and optimize...
PPTX
Module 1 Introduction to Web Programming .pptx
PPTX
Internet of Everything -Basic concepts details
PDF
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
PDF
5-Ways-AI-is-Revolutionizing-Telecom-Quality-Engineering.pdf
PDF
Planning-an-Audit-A-How-To-Guide-Checklist-WP.pdf
PDF
Convolutional neural network based encoder-decoder for efficient real-time ob...
PPTX
AI-driven Assurance Across Your End-to-end Network With ThousandEyes
PPTX
future_of_ai_comprehensive_20250822032121.pptx
PDF
Enhancing plagiarism detection using data pre-processing and machine learning...
PPTX
MuleSoft-Compete-Deck for midddleware integrations
Auditboard EB SOX Playbook 2023 edition.
SaaS reusability assessment using machine learning techniques
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
Co-training pseudo-labeling for text classification with support vector machi...
A symptom-driven medical diagnosis support model based on machine learning te...
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
The-Future-of-Automotive-Quality-is-Here-AI-Driven-Engineering.pdf
LMS bot: enhanced learning management systems for improved student learning e...
EIS-Webinar-Regulated-Industries-2025-08.pdf
Lung cancer patients survival prediction using outlier detection and optimize...
Module 1 Introduction to Web Programming .pptx
Internet of Everything -Basic concepts details
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
5-Ways-AI-is-Revolutionizing-Telecom-Quality-Engineering.pdf
Planning-an-Audit-A-How-To-Guide-Checklist-WP.pdf
Convolutional neural network based encoder-decoder for efficient real-time ob...
AI-driven Assurance Across Your End-to-end Network With ThousandEyes
future_of_ai_comprehensive_20250822032121.pptx
Enhancing plagiarism detection using data pre-processing and machine learning...
MuleSoft-Compete-Deck for midddleware integrations

mobile presentation

  • 1. Updating to Mobile/Tablet Design By: Kyle Peterson For: Collins Catering
  • 2. Mobile Web over the years • Growing faster than ever before. • Using tablets more that computers • Mobile web will rule by 2015
  • 3. Lets Go Mobile • Access from anywhere • Appointment on the go • Menus from a phone
  • 4. The Impact on Web Design • Site design must be both web and mobile deigned • Designing has to be on a smaller scale • More NAV less Scrolling
  • 5. Southwest Airlines • Great mobile website • Easy to use and no scrolling • NAV bar as home page
  • 6. TD Bank • When it comes to websites TD bank fails. • They only offer a APP for iPhone and possibly Android users
  • 7. Publix • Publix has a great mobile site • Ad in Mobile Format • Top links available
  • 8. Panda Express • No mobile compatibility • Just like the Reg site • Uses flash, not able for use on iPod or iPhone
  • 9. What should we do? • Jump start on things • Take the examples above and work from there
  • 10. The Site • Staying away from Flash • Prioritize what we need • Use the “less is more” approach
  • 11. References http://moconews.net/article/419-ios-android-big-with- http://mashable.com/2011/08/05/mobile-design-priority/ developers-mobile-web-further-along-than-you-think/ http://sixrevisions.com/web-development/mobile-web-design-best-practices/ http://www.wired.com/gadgetlab/2010/02/ipad-future/ http://mashable.com/2010/04/13/mobile-web-stats/ http://www.pandaexpress.com/ http://tdbank.com/

Editor's Notes

  • #2: Into into why Collins Catering should invest in up-dating to mobile/tablet web design\n
  • #3: Mobile web is growing like never before. Some people even think that it will rule by 2015. With this in mind we need tog et Collins Carting on the mobile bandwagon. \n
  • #4: With Collins Catering going mobile we are able to have your clients access the website from anywhere. With the mobile web app we can have the calendar on the go when planning the event.Also they can plan the meals while on the go with menus on there phones. Making the switch will bring in a whole new range of business. \n
  • #5: With the mobile web having a “smaller” screen we need to think small also. Web designers must now take things into a different perspective and design sites for not only differ net web browsers but also for mobile web browsers. This may be difficult at first but will but mobile web will be ruling the internet world soon enough. With the web having a smaller screen we need to put all the top links right on the homepage.\n\n
  • #6: Southwest Airlines has a mobile site that we can base Collins Catering off of. With all the top links right as the page loads, with the option of going to the full site also. This is very easy to use and also is available as an iPhone app.\n
  • #7: Just like Panda Express TD Bank fails to have a “mobile website.” They off the iPhone app but when it comes to the site they do not offer it. When it comes to the mobile land I feel as if our web site should offer the same look as the app when logged in. \n
  • #8: \n
  • #9: Panda Express is a site that I fell across when looking at how different the sites are when it comes to the mobile web. Panda Express doesn’t have a mobile site. When you go to the site on a mobile device it goes to the regular page. If you access the site from a iPhone or iPad you are unable to see the slide show in the middle of the web page. However they do offer a App for the iPhone that it wrote as a mobile site.\n
  • #10: We are already behind we need to get a jump on thing. I recommend that we take some of the examples of the good sites and use them when we design collins catering. Mobile Web is growing and with this we can bring in a lot of business.\n
  • #11: We need to sit down and prioritize what we think is needed on the mobile site. We don’t want to over load the phone or tablet every time it tries to load the page. With the help of blogs and mobile design web sites I can help in into making the perfect mobile web site. We want to stick to the basics and stay way from flash. Over all, going mobile will offer your clients what they want and what they need from Collins Catering while on the go. \n
  • #12: \n