What is Responsive Web Design? [VIDEO]

October 03, 2013    Reading Time: 2 Minutes

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.

Tags: , ,

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

Shawn was very professional. He made the whole transaction very easy and completely online. I was very happy with the work.

Aaron Barr

Barr Corp, LLC.

Camas, WA

The Friends of the Ridgefield National Wildlife Refuge are so thankful to Graticle Design for their amazing work! They re-vamped and updated our website in the time promised, and made it so user-friendly! It is so easy now to go in and edit, change and move things around compared to before. The user options are exponentially better than before, with easy add and use boxes, places to enter information while editing that will show up in multiple places throughout the website; and, my favorite part, easily editable and accessible buttons that can be added to every new webpage module. This makes linking people to important information, other pages on the website, other websites, and to our own uploaded content a breeze!

Shawn and his team made our site more mobile friendly (more as in, now it is mobile friendly!) and the video tutorials that were created to walk us through adding content to our new website are so clear and easy to follow, we had our new website filled with content and up and running in just a week, once the Graticle team finished creating it.

We would highly recommend Graticle for your website needs! Affordable and unbeatable quality and support.

Friends of the Ridgefield National Wildlife Refuge

www.RidgefieldFriends.org

Ridgefield, Washington