{"id":6849,"date":"2013-07-12T21:20:15","date_gmt":"2013-07-13T03:20:15","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/?p=6849"},"modified":"2013-07-16T01:09:59","modified_gmt":"2013-07-16T07:09:59","slug":"10-top-examples-beautiful-responsive-2","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2013\/07\/12\/10-top-examples-beautiful-responsive-2\/","title":{"rendered":"10 Top Examples Of Beautiful Responsive Websites"},"content":{"rendered":"<p>Responsive Web Design (RWD) is a rapidly growing trend in the online world, and one that is both timely and practical for today\u2019s online consumer. Mobile use is set to <a href=\"http:\/\/www.creativebloq.com\/web-design\/responsive-ecommerce-websites-12121456\">outgrow desktop internet use by 2014<\/a>, and with the proliferation of mobile devices, from tablets and netbooks to smartphones and some of the more unusual innovations <a href=\"http:\/\/myassgeek.wordpress.com\/2011\/06\/28\/7-most-unusual-mobile-phones-available-in-market\/\">hitting the design scene<\/a>, websites need to cater to various displays, and do so with style. RWD ensures that whatever the device, whatever the operating system or platform, a webpage is displayed correctly. With more and more RWD websites appearing, we\u2019ve decided to showcase 10 of the best.<\/p>\n<h2>1. <a href=\"http:\/\/www.starbucks.com\">Starbucks<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/starbucks.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 10px auto 0px; display: block; padding-right: 0px; border-width: 0px;\" title=\"Starbucks\" alt=\"Starbucks\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/starbucks_thumb.png?resize=600%2C340\" width=\"600\" height=\"340\" border=\"0\" \/><\/a><\/h2>\n<p>Drop-down menus that include apps for your iPhone or Android OS crown a well-crafted page that allows ease of access to news, videos and a range of products. An elegant yet dynamic aesthetic with a range of further features, such as a store-locator, displays well on mobile devices and those drop down menus condense nicely into a single touch-screen navigation icon.<\/p>\n<h2>2. <a href=\"http:\/\/www.bbc.co.uk\/news\/\">BBC News<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/BBC-News.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 10px auto 0px; display: block; padding-right: 0px; border-width: 0px;\" title=\"BBC News\" alt=\"BBC News\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/BBC-News_thumb.png?resize=600%2C428\" width=\"600\" height=\"428\" border=\"0\" \/><\/a><\/h2>\n<p>One of an emerging class of website that seems to favor mobile over desktop displays, the BBC News page is built around a single headline image. The designers have taken a no-nonsense, strictly pragmatic approach that unifies mobile technology, webpage display and a tradition of honest news reporting.<\/p>\n<h2>3. <a href=\"http:\/\/www.dealzippy.co.uk\">Deal Zippy<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/deal-zippy.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 11px auto 0px; display: block; padding-right: 0px; border-width: 0px;\" title=\"Deal Zippy\" alt=\"Deal Zippy\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/deal-zippy_thumb.png?resize=600%2C192\" width=\"600\" height=\"192\" border=\"0\" \/><\/a><\/h2>\n<p>Deal Zippy represents the cutting edge in consumer-orientated development, with the best collection of online deals available anywhere. A neat product menu opens nicely into pop-ups with further information, ensuring you see only what you want to see, while a \u2018Local Deals\u2019 menu helps personalise your experience even further. A simple design removes the clutter of many online stores while maintaining a refreshingly simple aesthetic.<\/p>\n<h2>4. <a href=\"http:\/\/www.currys.co.uk\/gbuk\/index.html\">Currys<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/currys.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 10px auto 0px; display: block; padding-right: 0px; border-width: 0px;\" title=\"Currys\" alt=\"Currys\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/currys_thumb.png?resize=600%2C308\" width=\"600\" height=\"308\" border=\"0\" \/><\/a><\/h2>\n<p>Perhaps unsurprisingly for a specialist in electronic goods, Currys has become one of the biggest e-commerce sites to fully utilize RWD. Their greatest achievement is not in aesthetics, but in providing a huge range of products without cluttering the site with excessive menu bars and options.<\/p>\n<h2>5. <a href=\"http:\/\/saltsurf.com\">Salt<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/salt-surf-shop.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; margin: 10px 0px 0px; display: inline; padding-right: 0px; border-width: 0px;\" title=\"Salt\" alt=\"Salt\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/salt-surf-shop_thumb.png?resize=600%2C332\" width=\"600\" height=\"332\" border=\"0\" \/><\/a><\/h2>\n<p>At the other end of the spectrum, the online surf shop Salt maximizes on aesthetic appeal with a playlist of full-page photographs that form the background of a simple webpage. This gentle parade of eye-catching imagery lulls the viewer into a relaxed shopping experience, minimizing text and other demands on attention and ensuring a crisp and clean display on mobile devices.<\/p>\n<h2>6. <a href=\"http:\/\/gb.burton.com\/on\/demandware.store\/Sites-Burton_GB-Site\/default\">Burton<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/burtons.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 10px auto 0px; display: block; padding-right: 0px; border-width: 0px;\" title=\"Burton\" alt=\"Burton\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/burtons_thumb.png?resize=600%2C432\" width=\"600\" height=\"432\" border=\"0\" \/><\/a><\/h2>\n<p>Burton have opted for ultimate utility through a page design that displays in exactly the same fashion, regardless of device. While this means that menu buttons can be awkward to press from on a mobile display, its construction around a simple grid with large photos makes it easy to navigate.<\/p>\n<h2>7. <a href=\"http:\/\/www.styleinview.co.uk\">Style in View<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/style-in-view.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; margin: 10px 0px 0px; display: inline; padding-right: 0px; border-width: 0px;\" title=\"Style in View\" alt=\"Style in View\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/style-in-view_thumb.png?resize=600%2C325\" width=\"600\" height=\"325\" border=\"0\" \/><\/a><\/h2>\n<p>Style in View lists hundreds of thousands of fashion products on its website so its important that information is well organized, navigation is concise and the design showcases the fashion on sale, even on small screens.<\/p>\n<h2>8. <a href=\"http:\/\/fitforaframe.com\">Fit for a Frame<\/a><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/fit-for-a-frame.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; margin: 10px 0px 0px; display: inline; padding-right: 0px; border-width: 0px;\" title=\"Fit for a Frame\" alt=\"fit-for-a-frame\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/fit-for-a-frame_thumb.png?resize=600%2C390\" width=\"600\" height=\"390\" border=\"0\" \/><\/a><\/h2>\n<p>Design flair comes in the form of both the prints and illustrations sold through the site, and a versatile display that does them justice whatever the platform.<\/p>\n<h2>9. <a href=\"https:\/\/www.gov.uk\">Gov.uk<\/a>\u00a0<a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/govuk.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 10px auto 0px; display: block; padding-right: 0px; border-width: 0px;\" title=\"Gov.uk \" alt=\"Gov.uk \" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/govuk_thumb.png?resize=600%2C390\" width=\"600\" height=\"390\" border=\"0\" \/><\/a><\/h2>\n<p>On a more serious note, the Gov.uk site does away with images altogether to provide a uniform service across devices. They specialize in information, and easy-to-navigate menus provide exactly that.<\/p>\n<h2>10. <a href=\"http:\/\/www.microsoft.com\/en-us\/default.aspx\">Microsoft<\/a>\u00a0<a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/microsoft.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 10px auto 0px; display: block; padding-right: 0px; border-width: 0px;\" title=\"Microsoft\" alt=\"Microsoft\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/microsoft_thumb.png?resize=600%2C248\" width=\"600\" height=\"248\" border=\"0\" \/><\/a><\/h2>\n<p>Microsoft has made the most of both these worlds, providing a site that combines simple images, easy-to-navigate menus and an overall layout that is spacious, clean and practical, without losing points in the design department.<\/p>\n<p><em>This article was written by a guest writer and Evolutionary Designs may or may not agree with what is written. Please <\/em><em><a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/contact-us\/\">contact us<\/a><\/em><em> if you have any questions about the writer or if you want to <\/em><a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/write-for-us\/\"><em>guest <\/em><\/a><em><a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/write-for-us\/\">write for us<\/a><\/em><em>.<\/em><\/p>\n<h5>Author Bio<\/h5>\n<p><a href=\"http:\/\/twitter.com\/johnmcelborough\">John McElborough<\/a> is a web designer and online marketer from the UK specializing in UX and conversion rate optimization.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive Web Design (RWD) is a rapidly growing trend in the online world, and one that is both timely and practical for today\u2019s online consumer. Mobile use is set to outgrow desktop internet use by 2014, and with the proliferation of mobile devices, from tablets and netbooks to smartphones and some of the more unusual [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":6844,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[34],"tags":[1149,1480],"class_list":["post-6849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-responsive","tag-web-design","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2013\/07\/fit-for-a-frame_thumb.png?fit=600%2C390","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-1Mt","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/6849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=6849"}],"version-history":[{"count":0,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/6849\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media\/6844"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=6849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=6849"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=6849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}