Brand development that increases sales velocity, guaranteed.

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.

Subscribe to
Nice Package.

A monthly newsletter that unpacks a critical topic in the FMCG & CPG industry.

Free Resource.
CPG product repositioning guide.
CPG product repositioning guide.

Explore the five undeniable signs your CPG product needs repositioning along with strategies for leveraging consumer insights for a guaranteed market lift.

Learn More About CPG product repositioning guide.

More from SmashBrand

Innovation, More

The CPG Innovation Process for Building Winning Products

Discover a proven CPG innovation process that drives market share through data-backed product development, packaging, testing, and brand strategy.

Design

The Strategic Use of White Space in Packaging Design.

Discover how white space in packaging design boosts shelf impact, improves readability, and drives sales through strategic visual clarity.

Innovation, Strategy, Design

How Visual Cues Impact Purchase Intent.

Discover how visual cues in packaging influence purchase intent and learn how to design packaging that drives sales and boosts consumer engagement.

Positioning, Innovation, Strategy

How to Stretch Your Brand Through A Category Extension.

Learn how to grow your brand into new categories with confidence. Discover smart strategies for successful category extension in the CPG industry.

Innovation, Strategy, Design

Building a Product Extension Strategy That Performs in Market.

Learn how to build a product extension strategy that drives brand growth, avoids cannibalization, and wins in-market with data-backed validation.

Positioning, Innovation, Strategy

How to Nail Consumer Positioning For Products In-Retail.

Learn how to create consumer positioning that drives purchase decisions, builds brand relevance, and outperforms on shelf—backed by real shopper insights.