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 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.
The ROI of packaging: How to design CPG packs that win with consumers.
The ROI of packaging: How to design CPG packs that win with consumers.

Failing to give packaging design its proper due isn’t just a missed opportunity — it’s a risky move that could cost you market share and your spot on the retail shelf. So why do many FMCG and CPG brands treat packaging like an afterthought?  Your product’s packaging is the embodiment of your brand. A silent…

Learn More About The ROI of packaging: How to design CPG packs that win with consumers.

More from SmashBrand

Positioning, Innovation, Strategy, Design

A No-Nonsense Guide To Winning in CPG and Retail.

Learn the secrets to winning in CPG and Retail landscape. Discover the art of crafting a memorable brand identity that generate sales in retail landscape.

Positioning

View Your CPG brand extension through these 4 lenses to get it right.

Innovating a CPG brand extension — whether you’re iterating on an existing product or entering a new category altogether — can be a valuable strategy to drive growth. Doing so may allow you to attract new consumers, capture more space on the retail shelf, stay relevant to existing customers, outpace the competition, and — ultimately — achieve higher brand visibility and awareness. 

Innovation, Positioning, Strategy

Crafting A Winning Identity Through Brand Ideation.

Every second your brand exists on a shelf or a screen, it’s being judged harshly. Consumers are making split-second decisions, and if your identity doesn’t connect instantly, it’s game over. That’s why brand ideation isn’t just important—it’s essential. 

Design, Innovation, Strategy

Turning Product Ideation Concepts into Winning Innovation.

Great ideas die without the right process. With the right process, product ideation is a structured framework that transforms sparks of creativity into actionable strategies, leveraging tools like design thinking to evaluate and refine every product idea. It’s a product manager’s secret weapon—a proven method for moving from an ideation workshop to impactful product development. …

Strategy, Design, Testing

The ROI of packaging: How to design CPG packs that win with consumers.

Failing to give packaging design its proper due isn’t just a missed opportunity — it’s a risky move that could cost you market share and your spot on the retail shelf. So why do many FMCG and CPG brands treat packaging like an afterthought?  Your product’s packaging is the embodiment of your brand. A silent…