What is Responsive Web Design? [VIDEO]

Responsive web design (RWD) been a fairly hot topic over the past year in the industry so I’ve created a quick video to help you better understand it. I’ve also included an “in the wild” example of a responsive website that we’ve designed and developed on WordPress.

Video: What is Responsive Web Design? (with EXAMPLE) – Graticle Design

 

Video Transcription

Hi my name is Shawn, I’m with Graticle and we’re a web design company.

I just want to go over what responsive web design is and a responsive website that we’ve built for an example. Responsive web design (or responsive website) is a website that responds to the device that accesses it.

So if you view a website on an iPhone vs. a desktop, it is going to look different.

An example is a website that we have designed and developed for Schick Shadel Hospital out of Seattle, Washington. One of the requirements for this project was that the website be responsive.

You can view their website at www.SchickShadel.com

If you open up your web browser and grab the side of the window and shrink it, you’ll notice that things start changing. The main navigation turns into a drop down menu, and everything starts moving around (responding).

Depending on the device that you’re viewing the website on (tablet, mobile phone, smaller screen, etc.) the website is going to look slightly different. The text is larger, the phone number is easy to spot, the menu is easy to access, and you have the most important call to action buttons below.

If you’d like to see a website that is not responsive, go to AccuWeather.com. Again, grab the side of the window and shrink it. You’ll notice that nothing is changing like in the previous example. This is the experience when you’re on an iPhone and you need to zoom in and out to view the website and navigate properly.

Hopefully that was helpful. I just wanted to show you what a responsive website looks like and what responsive design is.

If you have any questions or if you’re interested in a responsive website, give us a call at (360) 450-3711 and we’ll help you out.

Last updated on August 31, 2016. Shawn is the President of Graticle, Inc. You can follow him at Google+

Tags: , ,

Want a Quote on Your Project? Answer a Few Questions »

As a small but quickly growing curriculum company, it was crucial to find an organization not only to build our website but for continued development to exceed industry standards. Graticle Design has fit that bill! Shawn’s expertise, knowledge, high attention to detail, and timely completion of projects have been beyond expectation. No matter what we throw his way, Shawn quickly figures out the solution. Thank you, Shawn!

Kristina Britt

Head of Operations

Essentials in Writing

www.EssentialsinWriting.com

Springfield, Missouri

I’m not sure what I would do without Graticle! This is my 2nd time working with Shawn and this time around he helped us create a new more efficient and visually pleasing website. Our website was part of his new Pre-Built Package, which I recommend for any small business, with a small budget but still in need of a professional looking website. We absolutely loved how our website turned out: the design, color, images, details, everything! Shawn made the whole design process very easy with his video explanations, and his design suggestions for our website have made all the difference. Best part was Shawn added a “Contact Us” feature on every page which we have already seen great results with, and we’ve only been live for a week or so. In the midst, of designing our website I also had Shawn create e-mail signatures for our team and as well as fix up our Facebook Cover/Profile Images, all this has helped us create a more professional and streamlined image across the web. Thanks again, Shawn!

Isabela Valderrama

New Vista Construction LLC

NewVistaConstruction.com

Vancouver, WA