SlideShare a Scribd company logo

Responsive Web Design Presentation

•
•
Envano
Envano

Our efforts behind Future Friendly as a philosophy and Responsive Web Design are twofold, to acknowledge and embrace unpredictability while focusing on audience needs, context and content, and staying ahead of what's coming around the corner next.

Related slideshows

Hubble @ Rollins Venture Plan Competition
Hubble @ Rollins Venture Plan CompetitionHubble @ Rollins Venture Plan Competition
Hubble @ Rollins Venture Plan Competition
 
Web Design Trends for Healthcare
Web Design Trends for HealthcareWeb Design Trends for Healthcare
Web Design Trends for Healthcare
 
Chile startups stories gil penchina
Chile startups stories gil penchinaChile startups stories gil penchina
Chile startups stories gil penchina
 
1 of 21
Download to read offline
MOBILE FRIENDLY WEBSITES USING RESPONSIVE DESIGN
Presenters David Sauter Tonita Proulx • President & CEO, Envano • Senior Account Strategist, Envano
The Agenda • Today's Landscape • Dig into Responsive Design • Share Examples • Development Process • Resources
The Landscape There are more internet connected devices than human hands on Earth. Work is not a place, it's something you do. Companies are mobilizing marketing and the enterprise for sales effectiveness It is estimated that 75% of the workforce in the US is already mobile and by 2015 the numbers, worldwide, will reach 1.3 billion or a staggering 37.2% of global workforce.
The Landscape The Opportunity of Mobile Google embraces responsive web design techniques and implementation. They set the pace for modern web design and favor responsive websites in search rankings.
The Landscape What's next? • Google Glass • Wearable Technology • "Internet of Things"
The Challenge • We used to create websites the same way we'd paint a picture. • A static page with images and text designed for one environment. • Like a painting on canvas, it's always viewed at the same size it was created. Size and orientation never change. But when we access sites from so many different devices, this doesn't work well.
The Solution - Responsive Design Responsive design is a development methodology to help you stay prepared for what’s next - in which websites are designed to work on all devices, including those of the future. One site that works on all devices! Also related to: • Future Friendly or Future Focused • Mobile Sites • Mobile First
Responsive Web Design Presentation
How It Works Responsive design is a different approach Break websites into blocks of content.
How It Works These blocks can be moved around, resized and restyled depending on various factors. • Screen size (most common) • User location • Screen brightness • Internet connection speed • Much more
Live Demo Audi New Responsive Site • Well done. • One of the first, major car brands to redesign responsively.
The Development Process Responsive site development differs in 3 key ways:
The Development Process Focus on the Audience. Offering the best experience to every user. Create sites that adjust for users, not the other way around.
The Development Process • Location • Audience frame of mind - Research - Purchase - Support On the couch with your iPad. On the construction site with broken equipment waiting for service and searching for parts. In the showroom on a mobile device looking at reviews and pricing. We call this Context.
The Development Process And finally Content comes into play.. ...to suit audience needs and situation.
Live Demo Gravely • Why they chose to go responsive. • 122% increase in mobile traffic over last year. • Resources, content management and cost. • Fresh content available to decision makers on the showroom floor.
Questions?
Resources Download our Responsive Whitepaper http://responsive.eikeys.com This is a topic that we are passionate about and that excites us - so we are always willing to just chat and share experiences.
MOBILE FRIENDLY WEBSITES USING RESPONSIVE DESIGN
The Opportunity of Mobile By 2016, eCommerce spending is projected to eclipse $300 billion, almost a fourth of which will come from sales through a mobile device.

More Related Content

Responsive Web Design Presentation

  • 2. Presenters David Sauter Tonita Proulx • President & CEO, Envano • Senior Account Strategist, Envano
  • 3. The Agenda • Today's Landscape • Dig into Responsive Design • Share Examples • Development Process • Resources
  • 4. The Landscape There are more internet connected devices than human hands on Earth. Work is not a place, it's something you do. Companies are mobilizing marketing and the enterprise for sales effectiveness It is estimated that 75% of the workforce in the US is already mobile and by 2015 the numbers, worldwide, will reach 1.3 billion or a staggering 37.2% of global workforce.
  • 5. The Landscape The Opportunity of Mobile Google embraces responsive web design techniques and implementation. They set the pace for modern web design and favor responsive websites in search rankings.
  • 6. The Landscape What's next? • Google Glass • Wearable Technology • "Internet of Things"
  • 7. The Challenge • We used to create websites the same way we'd paint a picture. • A static page with images and text designed for one environment. • Like a painting on canvas, it's always viewed at the same size it was created. Size and orientation never change. But when we access sites from so many different devices, this doesn't work well.
  • 8. The Solution - Responsive Design Responsive design is a development methodology to help you stay prepared for what’s next - in which websites are designed to work on all devices, including those of the future. One site that works on all devices! Also related to: • Future Friendly or Future Focused • Mobile Sites • Mobile First
  • 10. How It Works Responsive design is a different approach Break websites into blocks of content.
  • 11. How It Works These blocks can be moved around, resized and restyled depending on various factors. • Screen size (most common) • User location • Screen brightness • Internet connection speed • Much more
  • 12. Live Demo Audi New Responsive Site • Well done. • One of the first, major car brands to redesign responsively.
  • 13. The Development Process Responsive site development differs in 3 key ways:
  • 14. The Development Process Focus on the Audience. Offering the best experience to every user. Create sites that adjust for users, not the other way around.
  • 15. The Development Process • Location • Audience frame of mind - Research - Purchase - Support On the couch with your iPad. On the construction site with broken equipment waiting for service and searching for parts. In the showroom on a mobile device looking at reviews and pricing. We call this Context.
  • 16. The Development Process And finally Content comes into play.. ...to suit audience needs and situation.
  • 17. Live Demo Gravely • Why they chose to go responsive. • 122% increase in mobile traffic over last year. • Resources, content management and cost. • Fresh content available to decision makers on the showroom floor.
  • 19. Resources Download our Responsive Whitepaper http://responsive.eikeys.com This is a topic that we are passionate about and that excites us - so we are always willing to just chat and share experiences.
  • 21. The Opportunity of Mobile By 2016, eCommerce spending is projected to eclipse $300 billion, almost a fourth of which will come from sales through a mobile device.