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.

1. MOBILE FRIENDLY
WEBSITES
USING
RESPONSIVE DESIGN

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.

18. Questions?

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.

20. MOBILE FRIENDLY
WEBSITES
USING
RESPONSIVE DESIGN

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.