SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Client: PB & G Proposal
Barbara Rivera
5/1/2013
Proposal Improvement
 Responsive Web Design
 Growing number of people searching from mobile
devices.
 New mindset when it comes to website architecture
and web development techniques.
“Making web content available to a wide audience
regardless of physical abilities, web clients, and personal
preferences.”
-Chad Swaney, Senior Instructional Designer at Amazon
The Good, bad and Ugly
 The following example show websites that have
not use the Responsive Website Design.
Bad Ugl
y
Good
http://universalpictures.mobi/snowwhite
 The Good: Right off the bat, the exceptional visual design is
evident.
 The Bad: At times, the animated transitions that make the site so
fun to use would slow and hiccup before proceeding to the next
section.
 The Ugly: As it stands, the site was obviously developed
exclusively for the iPhone.
m.gatorade.com
 The Good: Gatorade’s mobile website is all about
high-quality visuals and touch/swipe navigation
 The Bad: Swipe actions sometimes are
misinterpreted and either go the wrong direction
or don’t move the page at all.
 The Ugly: Another site that was designed
exclusively for the iPhone.
http://BofA.mobi
Nikelab.com
Summary
 Cupcake business are growing and website need to be able
to reach the consumer anywhere.
 Responsive Web Design is the key for delivery your website to
a mobile or Tablet .
 The abilities to take your website and stretch plus resize with
the browser being use to access the websign.
Reference
 "ip"ipad-penetration.png." http://txt4ever.files.wordpress.com. N.p., n.d. Web. 1 May 2013.
<txt4ever.files.wordpress.com/2012/02/ipad-penetration.png>.ad-penetration.png."
http://txt4ever.files.wordpress.com. N.p., n.d. Web. 1 May 2013. <txt4ever.files.wordpress.com/2012/02/ipad-
penetration.png>.
 "Impact Media Using Responsive Web Design as Smartphone and Tablet Use Grows - Yahoo! News." Yahoo! News -
Latest News & Headlines. N.p., n.d. Web. 5 May 2013. <http://news.yahoo.com/impact-media-using-responsive-
design-smartphone-tablet-grows-120221951.html>.
 "How To Make Your Website More Accessible | JUST™ Creative." JUST™ Creative - Graphic Designer, Logo & Brand
Identity Specialist. N.p., n.d. Web. 5 May 2013. <http://justcreative.com/2008/07/18/how-to-make-your-website-more-
accessible/>.
 " Why Conventional Sites Don’t Work For Mobile : Mobile Websites That Work." Mobile Websites That Work. N.p., n.d.
Web. 5 May 2013. <http://www.gottagetamobilewebsite.com/why-conventional-sites-dont-work-for-mobile/>.
 "Screenshot_2012-04-27-11-24-321.png." http://blog.trilibis.com/wp-content/uploads/2012. N.p., n.d. Web. 1 May 2013.
<blog.trilibis.com/wp-content/uploads/2012/04/Screenshot_2012-04-27-11-24-321.png>.
 Bank of America. (n.d.). Bank of America. Retrieved May 1, 2013, from BofA.mobile
 NIKE, Inc.— Inspiration and Innovation for Every Athlete in the World.. (n.d.). NIKE, Inc.— Inspiration and Innovation for
Every Athlete in the World.. Retrieved May 5, 2013, from

Weitere ähnliche Inhalte

Was ist angesagt?

Mobile websites are more important than you think
Mobile websites are more important than you thinkMobile websites are more important than you think
Mobile websites are more important than you thinkRobert McFrazier
 
Google Mobile-Friendly Update
Google Mobile-Friendly UpdateGoogle Mobile-Friendly Update
Google Mobile-Friendly UpdateJames Woo
 
Why your mobile site matters more than you think !!
Why your mobile site matters more than you think !!Why your mobile site matters more than you think !!
Why your mobile site matters more than you think !!Robert McFrazier
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First StrategySteve Buttry
 
Jensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJen Simmons
 
iMedia October Breakthrough Summit - Launch Pad Day: "Flipping the Tablet Me...
iMedia October Breakthrough Summit - Launch Pad Day:  "Flipping the Tablet Me...iMedia October Breakthrough Summit - Launch Pad Day:  "Flipping the Tablet Me...
iMedia October Breakthrough Summit - Launch Pad Day: "Flipping the Tablet Me...iMedia Connection
 
Progressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejorProgressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejorIsrael Blancas
 
Nuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentationNuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentationjmnuno
 
Get Ahead of SEO by Improving User Experience (UX)
Get Ahead of SEO by Improving User Experience (UX)Get Ahead of SEO by Improving User Experience (UX)
Get Ahead of SEO by Improving User Experience (UX)Astek Consulting
 
Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)
Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)
Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)Social Fresh Conference
 
SMM Webinar - Responsive Design
SMM Webinar - Responsive DesignSMM Webinar - Responsive Design
SMM Webinar - Responsive DesignR2integrated
 
The small nonprofit mobile website solution
The small nonprofit mobile website solutionThe small nonprofit mobile website solution
The small nonprofit mobile website solutionMitch Crase
 
The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...
The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...
The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...Social Fresh Conference
 
Mobile First and Tablet-Centric Design
Mobile First and Tablet-Centric DesignMobile First and Tablet-Centric Design
Mobile First and Tablet-Centric DesignJeff Wisniewski
 
WordPress & Front-end performance
WordPress & Front-end performanceWordPress & Front-end performance
WordPress & Front-end performanceMichael Mizner
 
Launching Your Indie App
Launching Your Indie AppLaunching Your Indie App
Launching Your Indie AppDan Grover
 
Mobile SEO at SMX Israel 2014
Mobile SEO at SMX Israel 2014Mobile SEO at SMX Israel 2014
Mobile SEO at SMX Israel 2014Miriam Schwab
 
Mobile Apps for REALTORS® - Maura Neill
Mobile Apps for REALTORS® - Maura NeillMobile Apps for REALTORS® - Maura Neill
Mobile Apps for REALTORS® - Maura NeillMaura Neill
 

Was ist angesagt? (19)

Mobile websites are more important than you think
Mobile websites are more important than you thinkMobile websites are more important than you think
Mobile websites are more important than you think
 
Google Mobile-Friendly Update
Google Mobile-Friendly UpdateGoogle Mobile-Friendly Update
Google Mobile-Friendly Update
 
How UX Affects SEO
How UX Affects SEOHow UX Affects SEO
How UX Affects SEO
 
Why your mobile site matters more than you think !!
Why your mobile site matters more than you think !!Why your mobile site matters more than you think !!
Why your mobile site matters more than you think !!
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First Strategy
 
Jensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesign
 
iMedia October Breakthrough Summit - Launch Pad Day: "Flipping the Tablet Me...
iMedia October Breakthrough Summit - Launch Pad Day:  "Flipping the Tablet Me...iMedia October Breakthrough Summit - Launch Pad Day:  "Flipping the Tablet Me...
iMedia October Breakthrough Summit - Launch Pad Day: "Flipping the Tablet Me...
 
Progressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejorProgressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejor
 
Nuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentationNuno pelaez juan_mobilepresentation
Nuno pelaez juan_mobilepresentation
 
Get Ahead of SEO by Improving User Experience (UX)
Get Ahead of SEO by Improving User Experience (UX)Get Ahead of SEO by Improving User Experience (UX)
Get Ahead of SEO by Improving User Experience (UX)
 
Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)
Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)
Social IS Your Mobile Strategy - Tim Hayden (Social Fresh WEST 2013)
 
SMM Webinar - Responsive Design
SMM Webinar - Responsive DesignSMM Webinar - Responsive Design
SMM Webinar - Responsive Design
 
The small nonprofit mobile website solution
The small nonprofit mobile website solutionThe small nonprofit mobile website solution
The small nonprofit mobile website solution
 
The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...
The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...
The Difference Between Content Marketing and Great Content - Sarah Evans (Soc...
 
Mobile First and Tablet-Centric Design
Mobile First and Tablet-Centric DesignMobile First and Tablet-Centric Design
Mobile First and Tablet-Centric Design
 
WordPress & Front-end performance
WordPress & Front-end performanceWordPress & Front-end performance
WordPress & Front-end performance
 
Launching Your Indie App
Launching Your Indie AppLaunching Your Indie App
Launching Your Indie App
 
Mobile SEO at SMX Israel 2014
Mobile SEO at SMX Israel 2014Mobile SEO at SMX Israel 2014
Mobile SEO at SMX Israel 2014
 
Mobile Apps for REALTORS® - Maura Neill
Mobile Apps for REALTORS® - Maura NeillMobile Apps for REALTORS® - Maura Neill
Mobile Apps for REALTORS® - Maura Neill
 

Ähnlich wie Rivera barbara presentation

How to optimize your blog for mobile traffic
How to optimize your blog for mobile trafficHow to optimize your blog for mobile traffic
How to optimize your blog for mobile trafficgroceryalerts
 
(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web designLeisl Schrader
 
Nichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationNichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationJason Nichols
 
Presentation on Mobile/Tablet Design
Presentation on Mobile/Tablet DesignPresentation on Mobile/Tablet Design
Presentation on Mobile/Tablet Designlenz123
 
Jeff cox mobile_presentation
Jeff cox mobile_presentationJeff cox mobile_presentation
Jeff cox mobile_presentationJeff Cox
 
Why should we build our website responsive
Why should we build our website responsiveWhy should we build our website responsive
Why should we build our website responsiveOmkarsoft Bangalore
 
Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2kathysalomon
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go ResponsiveTier10
 
Delivering Fast Responsive Site
Delivering Fast Responsive SiteDelivering Fast Responsive Site
Delivering Fast Responsive SiteSheeraz Qurban
 
Responsive website
Responsive websiteResponsive website
Responsive websiteborjanshoes
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive websiteborjanshoes
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designEzekiel Binion
 
Responsive Web Design & the state of the Web
Responsive Web Design & the state of the WebResponsive Web Design & the state of the Web
Responsive Web Design & the state of the WebYiannis Konstantakopoulos
 
How to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseHow to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseFlashGuy13
 
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Jack Zheng
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Designmary huston
 
Responsive Images and Video
Responsive Images and VideoResponsive Images and Video
Responsive Images and VideoJason Grigsby
 
Responsive Web Design_2013
Responsive Web Design_2013Responsive Web Design_2013
Responsive Web Design_2013Achieve Internet
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive WebsitesClarissa Peterson
 

Ähnlich wie Rivera barbara presentation (20)

How to optimize your blog for mobile traffic
How to optimize your blog for mobile trafficHow to optimize your blog for mobile traffic
How to optimize your blog for mobile traffic
 
(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design
 
Nichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationNichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_Presentation
 
Presentation on Mobile/Tablet Design
Presentation on Mobile/Tablet DesignPresentation on Mobile/Tablet Design
Presentation on Mobile/Tablet Design
 
Responsive Design
Responsive Design Responsive Design
Responsive Design
 
Jeff cox mobile_presentation
Jeff cox mobile_presentationJeff cox mobile_presentation
Jeff cox mobile_presentation
 
Why should we build our website responsive
Why should we build our website responsiveWhy should we build our website responsive
Why should we build our website responsive
 
Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2Salomon katherine mobile_presentation2
Salomon katherine mobile_presentation2
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
 
Delivering Fast Responsive Site
Delivering Fast Responsive SiteDelivering Fast Responsive Site
Delivering Fast Responsive Site
 
Responsive website
Responsive websiteResponsive website
Responsive website
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive website
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product design
 
Responsive Web Design & the state of the Web
Responsive Web Design & the state of the WebResponsive Web Design & the state of the Web
Responsive Web Design & the state of the Web
 
How to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseHow to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the Enterprise
 
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Responsive Images and Video
Responsive Images and VideoResponsive Images and Video
Responsive Images and Video
 
Responsive Web Design_2013
Responsive Web Design_2013Responsive Web Design_2013
Responsive Web Design_2013
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive Websites
 

Kürzlich hochgeladen

CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfDuyDo100
 
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfExplaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfFreixa Home Design
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosDuyDo100
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign designAkankshaD3
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...Amil baba
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...Amil baba
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakesuistudiozdesign
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistYudistira
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxe-Definers Technology
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Cloud99 Cloud
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...JIT KUMAR GUPTA
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)☕ 🥧 🚲 Martin Gude
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationajroy0196
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Projectbuvanatest
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理cyebo
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building DesignResDraft
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeCarlgaming1
 

Kürzlich hochgeladen (20)

CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfExplaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 

Rivera barbara presentation

  • 1. Client: PB & G Proposal Barbara Rivera 5/1/2013
  • 2. Proposal Improvement  Responsive Web Design  Growing number of people searching from mobile devices.  New mindset when it comes to website architecture and web development techniques.
  • 3. “Making web content available to a wide audience regardless of physical abilities, web clients, and personal preferences.” -Chad Swaney, Senior Instructional Designer at Amazon
  • 4. The Good, bad and Ugly  The following example show websites that have not use the Responsive Website Design. Bad Ugl y Good
  • 5. http://universalpictures.mobi/snowwhite  The Good: Right off the bat, the exceptional visual design is evident.  The Bad: At times, the animated transitions that make the site so fun to use would slow and hiccup before proceeding to the next section.  The Ugly: As it stands, the site was obviously developed exclusively for the iPhone.
  • 6. m.gatorade.com  The Good: Gatorade’s mobile website is all about high-quality visuals and touch/swipe navigation  The Bad: Swipe actions sometimes are misinterpreted and either go the wrong direction or don’t move the page at all.  The Ugly: Another site that was designed exclusively for the iPhone.
  • 9. Summary  Cupcake business are growing and website need to be able to reach the consumer anywhere.  Responsive Web Design is the key for delivery your website to a mobile or Tablet .  The abilities to take your website and stretch plus resize with the browser being use to access the websign.
  • 10. Reference  "ip"ipad-penetration.png." http://txt4ever.files.wordpress.com. N.p., n.d. Web. 1 May 2013. <txt4ever.files.wordpress.com/2012/02/ipad-penetration.png>.ad-penetration.png." http://txt4ever.files.wordpress.com. N.p., n.d. Web. 1 May 2013. <txt4ever.files.wordpress.com/2012/02/ipad- penetration.png>.  "Impact Media Using Responsive Web Design as Smartphone and Tablet Use Grows - Yahoo! News." Yahoo! News - Latest News & Headlines. N.p., n.d. Web. 5 May 2013. <http://news.yahoo.com/impact-media-using-responsive- design-smartphone-tablet-grows-120221951.html>.  "How To Make Your Website More Accessible | JUST™ Creative." JUST™ Creative - Graphic Designer, Logo & Brand Identity Specialist. N.p., n.d. Web. 5 May 2013. <http://justcreative.com/2008/07/18/how-to-make-your-website-more- accessible/>.  " Why Conventional Sites Don’t Work For Mobile : Mobile Websites That Work." Mobile Websites That Work. N.p., n.d. Web. 5 May 2013. <http://www.gottagetamobilewebsite.com/why-conventional-sites-dont-work-for-mobile/>.  "Screenshot_2012-04-27-11-24-321.png." http://blog.trilibis.com/wp-content/uploads/2012. N.p., n.d. Web. 1 May 2013. <blog.trilibis.com/wp-content/uploads/2012/04/Screenshot_2012-04-27-11-24-321.png>.  Bank of America. (n.d.). Bank of America. Retrieved May 1, 2013, from BofA.mobile  NIKE, Inc.— Inspiration and Innovation for Every Athlete in the World.. (n.d.). NIKE, Inc.— Inspiration and Innovation for Every Athlete in the World.. Retrieved May 5, 2013, from

Hinweis der Redaktion

  1. Welcome, To my presentation for PB&amp;G a cupcake company that is look for idea for gain more clients online.
  2. My proposal for the webdesign is to provide a more responsive web design for gaining more clients. Many web design companies are using a more open mind way of ensuring that all clients are accessible.
  3. As you can see from the chart…ipad is the biggest way of communicate and accessing companies more and more. US being the growing industry.
  4. The following example will show how some website have fail to bring company into the mobile and tablet world.
  5. Universal Picture Snow White is perfect example of what not to do and what to do. The good side of the site great graphic and perfect for iphone. The touch elements aren’t always recognized causing a frustration to consumers. The more ugly part of the site is that items are missing when view on mobile and in window the elements are invisible.
  6. Gatorade provided a good navigation system but has limitation in the swipe action and a ugly part of the website that again it was more cater to iphone forgetting other system.
  7. Bank of American mobile app is an example of good mobile application. The navigation work perfectly like the website with a couple of change that don’t frustration the consumer.
  8. Another site that would work on a iphone perfectly and unlike other application this site work on all phone.
  9. A website that design that work for all device will gain more clients and more value for the money.