The MarketPunch Podcast | The Podcast for Automotive Digital Marketing

The MarketPunch Podcast | The Podcast for Automotive Digital Marketing


#009: Responsive and Adaptive Web Design – What You Need To Know with Joe Chura [Podcast]

September 02, 2014

Welcome to Episode 9 of the MarketPunch Podcast! In this episode I'll be joined by Joe Chura, CEO of Dealer Inspire, and we'll be talking about responsive and adaptive web design.

With mobile and tablet traffic to our websites rapidly approaching the 50% mark for all visits, there's been a lot of chatter lately about which multi-screen web design strategy works best for car dealers - Responsive or Adaptive.

I wanted to bring Joe on the show to talk about how both these design frameworks work so we can compare and contrast the two together.

We'll look at the strengths and weaknesses of both responsive and adaptive web design so by the end of the show, you'll have gained some creative insights on what may be best for you, your dealership - and most importantly - your web visitors.
Enjoy The Show!

Never miss an episode. Subscribe via  iTunes | RSS | Stitcher

MarketPunch Podcast Tip Of The Week
Before I'm joined by Joe Chura, let's check out another MarketPunch.com tip of the week.

Since we're talking about our websites and how they display on multiple devices, I wanted to share a tip with you that's relevant to the conversation.

Today I have three web apps that you can use to test how your current website displays on multiple browsers, in various resolutions and on multiple devices to ensure your website is being displayed properly no matter where it's being viewed at.
1. Browsershots
Broswershots.org is a powerful web app that will generate a preview of your website in over 130 different desktop web browsers.

Simply enter the URL of the website you wish to preview, select the browsers you wish to preview your site in and within minutes you'll have an accurate screen shot of how your website displays on each browser.

Current and previous versions of Chrome, Firefox, Internet Explorer, Opera, Safari and some more obscure browsers are supported in Browsershots.
2. MobileTest.me
MobileTest.me is a nifty tool that let's you preview the mobile version of your website on today's most popular mobile devices.

Select which device you want to preview your website on, enter the URL and you'll be served with a great looking screenshot of exactly how your website appears on that device.

Currently you can see what your website looks like on the iPhone 5, HTC One, Nokia Lumina 920, Samsung Galaxy, Google Nexus 7 and the iPad Mini.
3. Screenfly
Screenfly is pretty cool because not only can you preview your website on the most popular mobile and tablet resolutions, but it also gives you the ability to test your site at multiple desktop/laptop resolutions and even HDTV resolutions.

Getting started is as simple as typing in your URL and selecting which device and at which resolution you want to preview your website in.

Results are instant, and you'll get a great feel for how your website responds to different resolutions on different devices.
Meet Joe Chura
There's been some healthy debate lately regarding Responsive Web Design (RWD) versus Adaptive Web Design (AWD) and which one supports the best multi-screen strategy for your dealership.

For example, here are three recent articles covering the subject from DrivingSales.com:

Why Responsive Design is the Wrong Choice for Dealers
The Future Arrives: Why I'm (finally) Joining the Responsive Web Design Bandwagon
Responsive Website are not Created Equal

As you can see, opinions vary on the subject. That's why I wanted to bring in a subject matter expert to talk about the similarities and differences between RWD and AWD.

So with that, I'm thrilled to welcome Joe Chura, CEO of Dealer Inspire to the MarketPunch Podcast.
Three Types of Mobile Web Design
Wait....three? Just when you thought that we only had to deal with RWD or AWD, we find out that there's actually two different variants of adaptive design to consider.

Joe breaks down how each one of these web-design methods work.
How Does an Adaptive Website Work?