BEST RESPONSIVE WEBSITE DESIGN EXAMPLES OF 2014

Healthcare

Health Innovations Ohio

One of the best things about this site is the navigation. Too often, sites designed for multiple generations end up taking on complex navigation schemes with multiple drop down menus across numerous areas of the screens and sometimes hidden from view. While this approach is great for certain millennial-focused websites, it can loose larger populations. Health Innovations Ohio.com uses a wonderfully simple navigation bar that even the least tech savvy can understand. The design is clean and focused while showcasing clear calls to action making the site perfect for a broader audience.

Legacy Health

Rarely do websites translate scrolling banners into success responsive elements. Legacy Health, a Portland and Vancouver-based hospital clinic, utilized playful colors and minimalistic but powerful content that also read well on your mobile device. Need to request your medical requests, pay your bills or find where a hospital may be located? Legacy Health’s navigation makes it easy for patient’s to find the services they will need the most.

Kaiser Family Foundation

Health information can be hard to digest but the smart folks at the Kaiser Family Foundation have made these digestible for their users. Through the use of beautiful infographics on their homepage, you can get top-line information or dig a bit deeper. We also love the “Trending on KFF” feature which highlights all the popular topics you might want to check out.

Associations

National Gay and Lesbian Chamber of Commerce (NGLCC)

The National Gay and Lesbian Chamber of Commerce has advocated and supported LGBT businesses for over a decade. It recently re-launched its website and I’m a big fan of the newfound combination of visual simplicity and functionality. Not only is the website fully responsive, it allows prospective businesses to complete their entire certification online, streamlining NGLCC’s main service and saving hassle for its members.

Solar Energy Industries Association

As the Solar Energy Industries Association celebrates its 40th year in 2014, it’s amazing to see how far solar energy has come during that time. Our favorite feature is the scrollable timeline on the About page, offering a succinct history of the Association and the Solar power industry in America with sleek design.

Nonprofits

CAF America

The Charities Aid Foundation of America specializes in global grantmaking and international philanthropy but its fresh, vibrantly colored website is remarkable. The site is not only responsive but also reflects the important work CAF America performs around the world by connecting donors with hundreds of worthy causes. By offering detailed information on its ongoing programs and allowing visitors to donate easily to funds established by individuals, families and business across the globe, this website is a one-stop-shop of global giving.

Easter Seals

Easter Seals offers services and support to more than a million children and adults living with autism or other disabilities in the US and Australia. Its recently relaunched website is a massive improvement on its predecessor – providing visitors with easy navigation, simple front-end design and, most importantly, detailed descriptions of Easter Seal’s numerous services for needy individuals and families.

Technology / agencies

Social Driver

We don’t mean to toot our own horn but we are kind of in love with our latest redesign. From the animated homepage feature to the disruptive content boxes, we really think our design and development teams have helped keep our site looking fresh and clean. Great job, guys!

Salesforce.com

It should come as no shock that Salesforce.com, currently ranked by Forbes as the most innovative in America, has a great responsive website. The Saleforce website breaks down its multitude of products, services and partnerships into informative blurbs, making the customer experience just that much more enjoyable.

Microsoft

When you’re one of the largest software companies in the world, you had better have a great looking and functioning website. Microsoft’s website ticks all the boxes. As the company pushes into the tablet and mobile markets, it makes sense that they’ve adopted responsive design to better serve their users. We like how their website makes it easy to navigate between their products – such as Windows Phone, Microsoft Office, Skype – learn more about them and even purchase.

Food and Drink

Whole Foods

As one of the largest health food stores, Whole Foods puts people and food right at the fore-front of their website. With their heavy emphasis on social, you actually feel like you are part of their community. Don’t forget to click the slide out menu to find healthy eating tips, read their corporate blog or find some yummy recipes. The “Brunch Basics” collect just makes our stomachs howl!

Starbucks

Like their signature white cup with green logo, the Starbucks website may seem plain, but once you’ve tried what’s inside, it’s nothing short of spectacular. For those looking to explore a “Venti” amount of information, the drop down menu is sure to measure up to your order. The extremely user-friendly and, frankly, cool content management and search features on the website make every user feel like they are brewed from the same blend.

Travel

Disney

With nine completely different enterprises, the Disney website can best be described as a beauty in design and a beast in regards to content. Aside from the bright colors and playful design, one element we love is the drop-down menu featured in the top-left corner on every page. It is super convenient and easy to use, and makes navigating the massive website a dream come true.

Z Ocean Hotel

An intimate boutique hotel on South Beach, the Z Ocean Hotel website is enticing. With a modern, simplistic design, the website invites users to experience a taste of the high-end, yet intimate beach atmosphere. From the seductive imagery to the invitation to “Discover Us,” the website feels intimate. Although simplistic in design, clickable content boxes featuring images of their suites, amenities and even a live webcam feed encourages users to delve deep into their potential stay. After all this DC snow, we are definitely itching for a little beach time.

Publishing

Dujour

Although it is only online, DuJour Magazine’s website design feels like you’re flipping through an actual magazine. The homepage looks like a magazine cover and as you scroll down, you get a glimpse of the intriguing content available. A cool design feature is a menu bar that stays static as you scroll throughout the page. On the responsive site, we love the text overlay on the site’s stand-out photography.

Contents Magazine

The new school concept of Contents, an online magazine, along with the minimal website design, sets them apart from other online publishers. Though the tone of the site might seem conversational, the design conveys the articles as extremely personal. Author’s headshots in-line with and are as large as the actual headline. Only the best quotes or summaries are chosen, drawing you in and encouraging you to join the conversation.

BBC

Designed in the typical section style of an online news source, the BBC website sets itself apart with the use of photos. Set against a stark white background, the photos of varying size provide an extreme contrast that draws the users eye. With a running montage of photos and articles that users can click through, the BBC website design is tailored our increasingly digital and visual world.

Retail

A Book Apart

Quite a unique website in purpose and content, A Book Apart publishes short books covering emerging topics in web design and development with style, clarity, and, above all, brevity. With pops of pink throughout the homepage to promote the newest addition to the book collection, the website has a fun, community feel perfect for people who make websites.

Salt Surf

Speaking to the soul of a surfer, Salt Surf’s website is simple, yet elegant in design. The use of up close, black and white photography throughout the website truly embodies the ‘salt life’. We could spend hours just examining and absorbing the imagery on the homepage, look book, and blog but then we would miss out on time in the water.

Creative/Other

GE

When your tagline is “Imagination at Work,” you have a responsibility to live up to the slogan. GE delivers with a beautifully crafted responsive website, which is aesthetically pleasing and intellectually stimulating. Our favorite feature is “Illustrating Imagination,” which takes quotes from the children of GE employees on what they believe their parents do at work and visualizes them into some stunning pictures.

These are Things

These are Things is a small illustration studio and paper goods brand headquartered in Ohio. They produce awesome cartographic (interactive maps) and infographics. Unsurprisingly for creative professionals, their website is superbly designed with neat little animations and single scroll theme. We really love how the studio’s creativity and sense of humor is on display from the moment you reach their page.

Revolution in Sound

Revolution in Sound is an interactive website hosted by Red Bull that maps out UK’s club and music culture. You can trace back the birth of music genres, famous club nights and classic artists across Britain. With Google + connectivity, users can contribute to the living archive of UK music by checking-in and commenting. Moreover, the sleek responsive interface makes it easy to find info on events, past and present, and all displayed in a extraordinary design.

BEST RESPONSIVE WEBSITE DESIGN EXAMPLES OF 2014