SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Collins Catering & Events
            By
     Cody Stivanson
        FWD-2012
• Mobile sales have almost
doubled in the last 15 years

• 37% of cell phone traffic is
used over a WiFi Connection

• Many different platforms
in mobile and tablets to
choose from

• Andriod OS is most
popular Operating System
• Mouse does NOT equal finger they are
different when designing for mobile

• Fluidity and width need to be flexible
and different scaling sizes

• Make sure you keep your content within
the fold, you want them to see the
important information first

• Stay away from flash and some other
complex mobile features most phones have
them turned off or not included in the
phone (iPhone doesn’t have flash)
• Use Mobile Fonts

• Use HTML5 & CSS3

• Layout is very important

• Make navigation easy to use and
find

• Content must fit to screen

• Fluid layout to fit different
devices

• Valid code writing
Xerox mas many problems with
their site on a mobile platform

• Uses flash navigation

• Large background image is not
easy to see on mobile phones

• No custom CSS file for mobile or
tablet

• Footer is cluttered and hard to
read
This website has a big problem on a mobile phone or any apple product.

• This site is completely based off of flash

•Pine-sol has added a good look on a desktop or laptop but not great for
mobile

• Just shows links on the mobile site no images or design at all
• Great mobile style sheet
giving you great information
before the fold

• Has the same feel as the
desktop version of the site
and up to date information

• Great and clean footer and
logo on mobile and tablet
sites

• Navigation is easy to use
and easy to find
• Great mobile style sheet
giving you great information
before the fold

• Has the same feel as the
desktop version of the site

• Great and clean footer and
logo on mobile and tablet
sites

• Navigation is easy to use
and easy to find

•Uses HTML5 for animation
instead of flash
I have many recommendations
to make your site more
viewable for the mobile user.

1. I would suggest making a
   mobile style sheet so the
   site of more user friendly
   on all devices.

2. I would also like to see
   more updates to the sites
   content to make the user
   come back.

3. Also the main navigation
   on your website is viewable
   on the android and IPhone
   platforms.
Content
http://bits.blogs.nytimes.com/2011/10/12/mobile-accounts-for-7-percent-of-web-traffic-report-says/
http://webdesign.tutsplus.com/articles/how-the-ipad-and-tablets-are-driving-new-web-design-trends/
http://www.1stwebdesigner.com/tutorials/mobile-version-website/
http://instantmobilizer.com/test-your-site.php
http://www.webpagesthatsuck.com/worst-websites-of-2011.html



                                            Images
http://publishing.umich.edu/2011/03/23/drupalcon-2011-trends-lessons-and-the-future-of-drupal/
http://www.spd.org/2010/01/5-questions-for-the-wonderfact.php
http://mashable.com/2011/09/18/future-technology/
http://www.collinscateringfla.com/
http://www.pinesol.com/#/explorer/
http://www.realbusiness.com/#
http://mashable.com/
http://www.apple.com

Weitere ähnliche Inhalte

Was ist angesagt?

State of the Mobile Browsers
State of the Mobile BrowsersState of the Mobile Browsers
State of the Mobile BrowsersPeter-Paul Koch
 
Mobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarterMobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarterSearch Factory
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser worldPeter-Paul Koch
 
Mobile is the New Black
Mobile is the New Black Mobile is the New Black
Mobile is the New Black Duo Consulting
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser worldPeter-Paul Koch
 
Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Naga Harish M
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your appPaperlit
 
The Mobile Platform World
The Mobile Platform WorldThe Mobile Platform World
The Mobile Platform WorldMatt Evans
 
THINK MOBILE FIRST
THINK MOBILE FIRSTTHINK MOBILE FIRST
THINK MOBILE FIRSTMiSSVINC
 
iPad Class
iPad ClassiPad Class
iPad ClassVic Ward
 
Mobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesMobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesRita Robinette
 
Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2kathysalomon
 
How to create a mobile version of your website
How to create a mobile version of your websiteHow to create a mobile version of your website
How to create a mobile version of your websiteMahmoud Farrag
 
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)Neeta Goplani
 
Web App vs Web Site
Web App vs Web SiteWeb App vs Web Site
Web App vs Web SiteMatt Evans
 
Designing for mobile devices
Designing for mobile devicesDesigning for mobile devices
Designing for mobile devicesFahd Alhazmi
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesMatt Machell
 

Was ist angesagt? (20)

State of the Mobile Browsers
State of the Mobile BrowsersState of the Mobile Browsers
State of the Mobile Browsers
 
Mobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarterMobile SEO Tips - #SFGettingSmarter
Mobile SEO Tips - #SFGettingSmarter
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser world
 
Mobile is the New Black
Mobile is the New Black Mobile is the New Black
Mobile is the New Black
 
The mobile browser world
The mobile browser worldThe mobile browser world
The mobile browser world
 
Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
 
The Mobile Platform World
The Mobile Platform WorldThe Mobile Platform World
The Mobile Platform World
 
THINK MOBILE FIRST
THINK MOBILE FIRSTTHINK MOBILE FIRST
THINK MOBILE FIRST
 
esaimen
esaimenesaimen
esaimen
 
iPad Class
iPad ClassiPad Class
iPad Class
 
Mobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesMobile appsvsmobilewebsites
Mobile appsvsmobilewebsites
 
Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2
 
How to create a mobile version of your website
How to create a mobile version of your websiteHow to create a mobile version of your website
How to create a mobile version of your website
 
EPA Victoria - Case study in responsive design
EPA Victoria - Case study in responsive designEPA Victoria - Case study in responsive design
EPA Victoria - Case study in responsive design
 
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
 
Web App vs Web Site
Web App vs Web SiteWeb App vs Web Site
Web App vs Web Site
 
Designing for mobile devices
Designing for mobile devicesDesigning for mobile devices
Designing for mobile devices
 
Web Apps and Responsive Design for Libraries
Web Apps and Responsive Design for LibrariesWeb Apps and Responsive Design for Libraries
Web Apps and Responsive Design for Libraries
 
Mobile Presentation
Mobile PresentationMobile Presentation
Mobile Presentation
 

Andere mochten auch (7)

Google is NOT a Verb
Google is NOT a VerbGoogle is NOT a Verb
Google is NOT a Verb
 
Plagiarism Prevention: Student Module
Plagiarism Prevention: Student ModulePlagiarism Prevention: Student Module
Plagiarism Prevention: Student Module
 
Business Case Admon Info
Business Case Admon InfoBusiness Case Admon Info
Business Case Admon Info
 
Getting Started with Lucid Chart
Getting Started with Lucid ChartGetting Started with Lucid Chart
Getting Started with Lucid Chart
 
End of year 2013 Library Report
End of year 2013 Library ReportEnd of year 2013 Library Report
End of year 2013 Library Report
 
BBS High School Media Center End of Year Report
BBS High School Media Center End of Year ReportBBS High School Media Center End of Year Report
BBS High School Media Center End of Year Report
 
Google Is Not a Verb - IB Presentation
Google Is Not a Verb - IB PresentationGoogle Is Not a Verb - IB Presentation
Google Is Not a Verb - IB Presentation
 

Ähnlich wie Collins Catering Mobile Design

01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application developmentSiva Kumar reddy Vasipally
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandhjc
 
Ready, Set, Go Mobile!
Ready, Set, Go Mobile!Ready, Set, Go Mobile!
Ready, Set, Go Mobile!Hall_
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldKineo
 
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileTechnologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileRandstad USA
 
Guerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentationGuerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentationAnthony Guerra
 
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmEnterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmJoel Oleson
 
Mobile Websites by dBroseGroup
Mobile Websites by dBroseGroupMobile Websites by dBroseGroup
Mobile Websites by dBroseGroupdbrosegroup
 
Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Graham Bird
 
Digital Marketing in a Mobile First World
Digital Marketing in a Mobile First World Digital Marketing in a Mobile First World
Digital Marketing in a Mobile First World MarketingNomads.com
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsSynapseIndia
 
Mobile Web Best Practices
Mobile Web Best PracticesMobile Web Best Practices
Mobile Web Best PracticesWoody Pewitt
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnrelaityntatt
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnrelaityntatt
 

Ähnlich wie Collins Catering Mobile Design (20)

01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application development
 
01 Mobile Jungle
01 Mobile Jungle01 Mobile Jungle
01 Mobile Jungle
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
 
Ready, Set, Go Mobile!
Ready, Set, Go Mobile!Ready, Set, Go Mobile!
Ready, Set, Go Mobile!
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device world
 
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for MobileTechnologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
 
Mobile seminar-worksheet
Mobile seminar-worksheetMobile seminar-worksheet
Mobile seminar-worksheet
 
Why go mobile
Why go mobileWhy go mobile
Why go mobile
 
Guerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentationGuerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentation
 
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmEnterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
 
Mobile Websites by dBroseGroup
Mobile Websites by dBroseGroupMobile Websites by dBroseGroup
Mobile Websites by dBroseGroup
 
Simple mobile Websites
Simple mobile WebsitesSimple mobile Websites
Simple mobile Websites
 
Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)
 
Digital Marketing in a Mobile First World
Digital Marketing in a Mobile First World Digital Marketing in a Mobile First World
Digital Marketing in a Mobile First World
 
Mobile Marketing
Mobile MarketingMobile Marketing
Mobile Marketing
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trends
 
Mobile Web Best Practices
Mobile Web Best PracticesMobile Web Best Practices
Mobile Web Best Practices
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
 

Kürzlich hochgeladen

KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...Any kyc Account
 
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...lizamodels9
 
Call Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine ServiceCall Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine Serviceritikaroy0888
 
Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...
Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...
Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...lizamodels9
 
7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...Paul Menig
 
Cracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptxCracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptxWorkforce Group
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageMatteo Carbone
 
Creating Low-Code Loan Applications using the Trisotech Mortgage Feature Set
Creating Low-Code Loan Applications using the Trisotech Mortgage Feature SetCreating Low-Code Loan Applications using the Trisotech Mortgage Feature Set
Creating Low-Code Loan Applications using the Trisotech Mortgage Feature SetDenis Gagné
 
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableCall Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableDipal Arora
 
A305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdfA305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdftbatkhuu1
 
Event mailer assignment progress report .pdf
Event mailer assignment progress report .pdfEvent mailer assignment progress report .pdf
Event mailer assignment progress report .pdftbatkhuu1
 
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptxB.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptxpriyanshujha201
 
Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...
Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...
Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...Dipal Arora
 
VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...
VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...
VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...Suhani Kapoor
 
It will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 MayIt will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 MayNZSG
 
Famous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st CenturyFamous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st Centuryrwgiffor
 
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Delhi Call girls
 
Pharma Works Profile of Karan Communications
Pharma Works Profile of Karan CommunicationsPharma Works Profile of Karan Communications
Pharma Works Profile of Karan Communicationskarancommunications
 
Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Roland Driesen
 

Kürzlich hochgeladen (20)

KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
 
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
 
Call Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine ServiceCall Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine Service
 
Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...
Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...
Call Girls In Holiday Inn Express Gurugram➥99902@11544 ( Best price)100% Genu...
 
7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...
 
Cracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptxCracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptx
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usage
 
Creating Low-Code Loan Applications using the Trisotech Mortgage Feature Set
Creating Low-Code Loan Applications using the Trisotech Mortgage Feature SetCreating Low-Code Loan Applications using the Trisotech Mortgage Feature Set
Creating Low-Code Loan Applications using the Trisotech Mortgage Feature Set
 
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableCall Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
 
A305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdfA305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdf
 
Event mailer assignment progress report .pdf
Event mailer assignment progress report .pdfEvent mailer assignment progress report .pdf
Event mailer assignment progress report .pdf
 
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptxB.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
 
Forklift Operations: Safety through Cartoons
Forklift Operations: Safety through CartoonsForklift Operations: Safety through Cartoons
Forklift Operations: Safety through Cartoons
 
Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...
Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...
Call Girls Navi Mumbai Just Call 9907093804 Top Class Call Girl Service Avail...
 
VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...
VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...
VIP Call Girls Gandi Maisamma ( Hyderabad ) Phone 8250192130 | ₹5k To 25k Wit...
 
It will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 MayIt will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 May
 
Famous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st CenturyFamous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st Century
 
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
 
Pharma Works Profile of Karan Communications
Pharma Works Profile of Karan CommunicationsPharma Works Profile of Karan Communications
Pharma Works Profile of Karan Communications
 
Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...
 

Collins Catering Mobile Design

  • 1. Collins Catering & Events By Cody Stivanson FWD-2012
  • 2. • Mobile sales have almost doubled in the last 15 years • 37% of cell phone traffic is used over a WiFi Connection • Many different platforms in mobile and tablets to choose from • Andriod OS is most popular Operating System
  • 3. • Mouse does NOT equal finger they are different when designing for mobile • Fluidity and width need to be flexible and different scaling sizes • Make sure you keep your content within the fold, you want them to see the important information first • Stay away from flash and some other complex mobile features most phones have them turned off or not included in the phone (iPhone doesn’t have flash)
  • 4. • Use Mobile Fonts • Use HTML5 & CSS3 • Layout is very important • Make navigation easy to use and find • Content must fit to screen • Fluid layout to fit different devices • Valid code writing
  • 5. Xerox mas many problems with their site on a mobile platform • Uses flash navigation • Large background image is not easy to see on mobile phones • No custom CSS file for mobile or tablet • Footer is cluttered and hard to read
  • 6. This website has a big problem on a mobile phone or any apple product. • This site is completely based off of flash •Pine-sol has added a good look on a desktop or laptop but not great for mobile • Just shows links on the mobile site no images or design at all
  • 7. • Great mobile style sheet giving you great information before the fold • Has the same feel as the desktop version of the site and up to date information • Great and clean footer and logo on mobile and tablet sites • Navigation is easy to use and easy to find
  • 8. • Great mobile style sheet giving you great information before the fold • Has the same feel as the desktop version of the site • Great and clean footer and logo on mobile and tablet sites • Navigation is easy to use and easy to find •Uses HTML5 for animation instead of flash
  • 9. I have many recommendations to make your site more viewable for the mobile user. 1. I would suggest making a mobile style sheet so the site of more user friendly on all devices. 2. I would also like to see more updates to the sites content to make the user come back. 3. Also the main navigation on your website is viewable on the android and IPhone platforms.
  • 10. Content http://bits.blogs.nytimes.com/2011/10/12/mobile-accounts-for-7-percent-of-web-traffic-report-says/ http://webdesign.tutsplus.com/articles/how-the-ipad-and-tablets-are-driving-new-web-design-trends/ http://www.1stwebdesigner.com/tutorials/mobile-version-website/ http://instantmobilizer.com/test-your-site.php http://www.webpagesthatsuck.com/worst-websites-of-2011.html Images http://publishing.umich.edu/2011/03/23/drupalcon-2011-trends-lessons-and-the-future-of-drupal/ http://www.spd.org/2010/01/5-questions-for-the-wonderfact.php http://mashable.com/2011/09/18/future-technology/ http://www.collinscateringfla.com/ http://www.pinesol.com/#/explorer/ http://www.realbusiness.com/# http://mashable.com/ http://www.apple.com