responsive web design - one website for 6500 devices
DESCRIPTION
Responsive web design lets you create a single website that detects the screen size of the device viewing it and fluidly adapts site content, layout and functionality in response to fit that device. Responsive design is more than just mobile website design. This resource introduces the responsive web design approach, shows examples, discusses 10 direct business benefits, and can be used to help marketers present the concept of responsive design to their team. Learn more at rwd.quarry.comTRANSCRIPT
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 [email protected]
