Jeb Banner shared some data on mobile traffic trends from 70 of our clients, providing a snapshot of what's happening in central Indiana. This presentation delves into the pros and cons of responsive web design, with some examples of work included.

1. Responsive Web Design
WITH
Jeb Banner

2. Quick Survey
In the last 24 hours have you done the following on
your phone or tablet?
• Checked or sent email
• Posted content to a social network
• Watched a video
• Searched (Google, Bing, etc)
• Purchased something

3. It’s A Mobile World
• 61% of people are more likely to leave a site if it’s not
mobile-friendly
• 67% are more likely to buy from a mobile friendly site.
• Moms with smartphones spend 6.1 hours a day on
their smartphone (more than time spent on PC,
newspaper, magazine, radio and TV)
- Search Engine Watch

4. It’s A Mobile World
-KISSmetrics

5. Mobile and Email
“In the second half of 2012, over
40% of all commercial emails
were opened via a smartphone or
tablet gadget, which is up from
27% in 2011”
-Knotice Mobile Email Opens
Report

6. Central Indiana Mobile Stats
Compiled Data from over 70 Central Indiana SmallBox clients
2012 Q1/Q2 Mobile Traffic: 10.67%
2013 Q1/Q2 Mobile Traffic: 17.44%
Mobile Growth from 2012 to 2013: 61%

7. Ok, I get it, we need to go mobile…

8. What is Responsive Web Design?

9. What is Responsive Web Design?
“Responsive web design (RWD) is a web design approach
aimed at crafting sites to provide an optimal viewing
experience—easy reading and navigation with a minimum of
resizing, panning, and scrolling—across a wide range of
devices (from desktop computer monitors to mobile phones)”
- Wikipedia

10. What is Responsive Web Design?
Translation:
A responsive website adjusts fluidly to whatever
browser/device you are viewing it on.

11. What is Responsive Web Design?
full screen

12. What is Responsive Web Design?
tablet

13. What is Responsive Web Design?
phone

14. SEO and Responsive
Google’s thoughts on Responsive Web Design:
Sites that use responsive web design, i.e. sites that serve all
devices on the same set of URLs, with each URL serving the
same HTML to all devices and using just CSS to change how
the page is rendered on the device. This is Google’s
recommended configuration.
-Google Webmaster Guidelines June 6, 2012

15. SEO and Responsive
“46% of searchers use mobile exclusively to research”
-Search Engine Watch, May 2013

16. SEO and Responsive
Client experience:
"We saw a 40% increase in conversions when the
responsive pages launched. Our search rankings have been
increasing as well.”
-Barrett Young, Angie's List SEO Strategist

17. Angie’s List Responsive Example

18. Responsive vs Mobile Optimized

19. Responsive Pros and Cons
Pros
• Works on almost all devices
• Future proofs website for
unimagined devices
• Gold standard for search
engines
• One set of code/CMS to
maintain
• Looks awesome
• More expensive (usually)
• Takes longer to do
• Can be difficult with e-
commerce
• Poor ROI for low mobile/
tablet traffic sites
Cons

20. Responsive Web Design
Thank you and
Q&A