What is Responsive Webdesign and Why You Should Care

Download What is Responsive Webdesign and Why You Should Care

Post on 14-Jul-2015




3 download

Embed Size (px)


Responsive Web Design

RESPONSIVEWebsite Design

Presentation by: Jonathan Passley

About Us Founded in 2008 by Jonathan Passley (me)Website Design & Online MarketingYour strategic partner in generating customers We service SMBwww. pdrwebsolutions.com

Services optimized for CRO 2Today we will talk aboutWhat is responsive web design?The difference between responsive design and a mobile websiteBenefits of responsive designDesign tips and best practices with live examples

What is Responsive Design?Responsive = responds & adjusts to the environment (size of the screen)One website for every screenEasy reading with minimal zooming and scrollingSimplified navigation Custom layoutDesigned for touchscreens

The Goal of responsive web design is to provide the best viewing experience across a wide range of devices.

Why Bother?58% of all US consumers already own a smartphone. Source:comScore61% of people have a better opinion of brands when they offer a good mobile experience. Source:Latitude90% of people move between devices to accomplish a goal. Source:Google

Look at your analytics on your website to see visitors using mobile devices Latitude creative research company6Responsive vs. MobileSimplicity: manage one site instead of twoAdaptable to all screens, not just smartphonesResponsive design is recommended by GoogleEasy to maintain and updateFaster loading times

A mobile website is a separate site with different code and URL. Your main site will redirect to the mobile version when accessed via a mobile phone. Example: m.yourwebsite.com Advantages of Responsive Design

Best PracticesReadable font sizeProminent navigation with easy-to-touch buttonsBack-to-top link to reduce scrollingSimplified contentClick-to-call phone numberCustom layouts for portrait and landscape viewsEasily accessible address with a map viewPredict user intent and adjust design, content and calls to action accordingly



Follow & Read Our Blog for More Tips!