Website Examples that Use Responsive Web Design

We found some great sites that utilize Responsive Web Design in one way or another. Take a moment to check out the examples below. Here’s a hint: adjust your browser size or change devices to test various user experiences. SmashBrand is a brand packaging design agency for FMCG and CPG companies.

SmashBrand (www.smashbrand.com)

Hey, look, our website is on the list! No surprise there. We’re big fans of Responsive Web Design.  Our content automatically adapts to smaller media (i.e. tablets and phones) so that you can easily navigate the site, regardless of browser size. You can see a quick example in the images and above and below.  Now on to the next…..

About.com (www.about.com)

Ok, I know this is sort of a cop-out from our previous article on responsive web design. We already used this example in that article. With that being said, we really do love this example. Why? Because About.com reaches approximately 69 million unique visitors per month (that’s a lot, by the way), so they know that visitors will be viewing the site from a multitude of devices. About.com has been designed so that it responds and adapts to a viewer’s behavior and screen size. Based on your browser size, screen resolution and orientation (i.e. portrait vs landscape), About.com automatically resizes and re-orders the design; as well as adapts images, text and columns.

Clear Air Works (www.cleanairchallenge.com)

Take a deep breath and say “Ahhhhh.” Clean Air Works gives Charlotte, NC commuters information on a green commute; information that looks great on any device size. This website is perfect for commuters who are viewing the website on their mobile phones while they wait for the train or bus in the morning.

Microsoft (www.microsoft.com)

Yes, you read this right, we said Microsoft. After gaining design momentum from the Windows Phone and mobile-friendly Windows 8, Microsoft is one of the first big tech companies to embrace responsive web design for its consumer and business sites. Microsoft.com easily reconfigures itself, on the fly, to a number of devices–large and small. For more information on Microsoft.com’s redesign, check out this article from Forbes.

Starbucks (www.starbucks.com)

Starbucks doesn’t just serve up delicious peppermint-chocolate mochas and scrumptious breakfast sandwiches. Starbucks.com is another major website that has been redesigned for multi-device responsiveness. Check out this announcement on the site.

W3C (www.w3.org)

No surprise here… the W3 is practicing what it preaches.  If you don’t know what W3C is, they are a group that developers web standards.  W3C’s standards define key parts of what makes the World Wide Web work.

And many more…

There are many more websites that have jumped on the Responsive Web Design bandwagon. Just do a search for “best responsive web sites” on your favorite search engine. We also recommend this great article from the Google Webmaster blog. It describes all the ways that Google has implemented Responsive web design on its sites. And remember, you do not need a big budget to create a high performing responsive website, you can a website builder for cheap and then hire a professional designer and copywriter to make your online presence really shine.

Data-Driven Brand Development

Want a best-selling brand? SmashBrand is a brand development agency for FMCG and CPG companies. From brand strategy to packaging design testing, our Path To Performance™ process guarantees a retail performance lift. Book a time to discuss your project with our team.