RESPONSIVE WEB DESIGNHow to create a single website that delivers a better experience across all devices

IN THE EARLY DAYS THE WEB WAS A SIMPLER PLACE

NOT ANYMORE

MOBILE BROWSING WILL SOON OVERTAKE DESKTOP BROWSING

70% OF COMPANIES SAID THEY HAD YET TO LAUNCH A MOBILE SITESource: Econsultancy

SURPRISE! TODAY, EVERY SITE IS A MOBILE SITE

THERE ARE OVER 6500 DIFFERENT MODELS OF MOBILE DEVICESSource: MobiThinking

TRADITIONAL WEB DESIGN FOR MOBILE BROWSINGDetect the device and redirect to a unique version of the site specifically for that device

IS THERE A BETTER WAY?

RESPONSIVE WEB DESIGNA website that fluidly adapts its layout, content and even functionality in response to the device that is viewing it

cavoy.com

us.onsior.com

Copyright © 2012 Symantec Corporation. All rights reserved. Reprinted with permission from Symantec Corporation.

lounge.norton.com

quarry.com

THE INGREDIENTS OF RESPONSIVE WEB DESIGN

•Media queries (CSS3)• Fluid grids & layouts

(and often fixed grids too)•Flexible images & media

10 DIRECT BENEFITS FOR YOUR BUSINESS

1. Build brand equity

2. Offer a consistent brand experience

3. Prioritize your messaging

4. Address buyers’ needs

5. Save money and time

6. Increase efficiency

7. Lower complexity

8. Provide clarity

9. Build traffic

10.Prepare your online presence for the future

HOW COULD WE GET STARTED?

1. Get internal buy-in

2. Determine how mobile our buyers are today

3. Start with a campaign landing page

4. Assess the “responsive-readiness” of current site(s)

5. Investigate “retrofitting” current site(s) to go responsive

6. Dedicate a budget for a responsive pilot

WANT TO LEARN MORE?

Download this free 26-page Guide at to learn what Responsive Web Design is, why you need to know about it and how to get started.

See what websites look like on various mobile devices using our testing tool.

Or view our video to explore how Responsive Web Design delivers a better customer experience.

Quarry Integrated Communications

1440 King Street NorthSt. Jacobs, OntarioCanada N0B 2N0+1 519.664.2999

www.quarry.com responsive@quarry.com