{"id":2428,"date":"2015-07-17T12:39:59","date_gmt":"2015-07-17T12:39:59","guid":{"rendered":"\/?p=2428"},"modified":"2015-11-10T20:14:50","modified_gmt":"2015-11-10T20:14:50","slug":"6-websites-that-create-a-great-user-experience","status":"publish","type":"post","link":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience","title":{"rendered":"6 Websites That Create A Great User Experience"},"content":{"rendered":"<p><a href=\"https:\/\/d1jxdyr49kipv5.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/whiteboard_IMG_6727.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2430 size-large\" src=\"https:\/\/d1jxdyr49kipv5.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/whiteboard_IMG_6727-1024x683.jpg\" alt=\"Whiteboard breakdown\" width=\"800\" height=\"534\" srcset=\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/whiteboard_IMG_6727-1024x683.jpg 1024w, https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/whiteboard_IMG_6727-300x200.jpg 300w, https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/whiteboard_IMG_6727-768x512.jpg 768w, https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/whiteboard_IMG_6727-960x640.jpg 960w, https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/whiteboard_IMG_6727-1440x960.jpg 1440w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><br \/>\nThere are over 1 billion websites active at this very moment. Some are innovative, some are boring. Some are great resources, and some you spend hours on daily for no apparent reason. However, with so many websites out there, how do you make yours memorable?<\/p>\n<p>We\u2019ve compiled a list of webpages to draw inspiration from. Covering a broad span of subject matter and uses, these sites all rock in the UX\/UI department.<\/p>\n<p>1. <a href=\"http:\/\/www.google.ca\/ideas\/\">Googleideas<\/a> &#8211; Is it shocking that Google\u2019s page has one of the smoothest UX\u2019s? The website, used as a means to create products that support access to information, boasts one of the more impressive UI\u2019s we\u2019ve seen. The combination of the video in the back really emphasizes their vision to inform viewers about the threat of online hackers.<\/p>\n<p>2. <a href=\"http:\/\/www.criticalmass.com\/\">Critical Mass<\/a> &#8211; With a mix of great graphic design and UX design, Critical Mass, a full-service digital experience design agency, creates a seamless experience as visitors scroll through colourful graphics and breathtaking photos.<\/p>\n<p>3. <a href=\"http:\/\/paprika.com\/\">Paprika<\/a> &#8211; Easily one of the most creative models, Paprika\u2019s logo changes every time you refresh the page. You can spend a lot of time solely trying to see how many different logos they\u2019ve come up with! The site itself is beautifully executed, and flows in one continuous stream, so there\u2019s no need to hit the back button. Each time you divert from the main page, you can continue to scroll down to find your spot.<\/p>\n<p>4. <a href=\"http:\/\/urban-walks.com\/\">Urban Walks<\/a> &#8211; Created as a promotional platform for their iPhone app, Urban Walks has created a very integrated page to demonstrate the capabilities of their app. The app, which offers walking tours of New York City, is beautifully designed, with colourful caricatures, and offline capabilities which is essential for tourists. The app combines many of the golden rules of UX design and it works flawlessly.<\/p>\n<p>5. <a href=\"http:\/\/run4tiger.com\/\">WWF Run 4 Tiger<\/a> &#8211; In quite possibly one of the most notable fundraisers I\u2019ve seen, WWF has created an app to test the speed of a human vs. a tiger they are tracking in the wild. Users connect to the app with their favourite running app, and are put head to head against the tiger. If you succeed, great, but if you don\u2019t, you are required to donate $5 to the WWF. The website itself also has beautiful graphics that react to the placement of your mouse.<\/p>\n<p>6. <a href=\"https:\/\/getbeagle.co\/\">Beagle<\/a> &#8211; This responsive website offers users the tools to create better proposals. It operates as a single page, and as the user scrolls down, has wildly creative transitions between pages.<\/p>\n<p><strong>What are some of your favourite websites that boast great UX Design? Tweet them to us at @BrainStation!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are over 1 billion websites active at this very moment. Some are innovative, some are boring. Some [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":2429,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[159,84,158,157],"tags":[94,111,151,88,89,95,112,122],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>6 Websites That Create A Great User Experience | BrainStation\u00ae Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 Websites That Create A Great User Experience | BrainStation\u00ae Blog\" \/>\n<meta property=\"og:description\" content=\"There are over 1 billion websites active at this very moment. Some are innovative, some are boring. Some [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience\" \/>\n<meta property=\"og:site_name\" content=\"BrainStation\u00ae Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-17T12:39:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-11-10T20:14:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/LK1A0290_E.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"4000\" \/>\n\t<meta property=\"og:image:height\" content=\"2667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"BrainStation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/brainstation.io\/blog\/#website\",\"url\":\"https:\/\/brainstation.io\/blog\/\",\"name\":\"BrainStation\u00ae Blog\",\"description\":\"The Digital Learning Company\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/brainstation.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#primaryimage\",\"url\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/LK1A0290_E.jpg\",\"contentUrl\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/LK1A0290_E.jpg\",\"width\":4000,\"height\":2667},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#webpage\",\"url\":\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience\",\"name\":\"6 Websites That Create A Great User Experience | BrainStation\u00ae Blog\",\"isPartOf\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#primaryimage\"},\"datePublished\":\"2015-07-17T12:39:59+00:00\",\"dateModified\":\"2015-11-10T20:14:50+00:00\",\"author\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\"},\"breadcrumb\":{\"@id\":\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/brainstation.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 Websites That Create A Great User Experience\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\",\"name\":\"BrainStation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"caption\":\"BrainStation\"},\"description\":\"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.\",\"url\":\"https:\/\/brainstation.io\/blog\/author\/brainstation\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 Websites That Create A Great User Experience | BrainStation\u00ae Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience","og_locale":"en_US","og_type":"article","og_title":"6 Websites That Create A Great User Experience | BrainStation\u00ae Blog","og_description":"There are over 1 billion websites active at this very moment. Some are innovative, some are boring. Some [&hellip;]","og_url":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience","og_site_name":"BrainStation\u00ae Blog","article_published_time":"2015-07-17T12:39:59+00:00","article_modified_time":"2015-11-10T20:14:50+00:00","og_image":[{"width":4000,"height":2667,"url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/LK1A0290_E.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"BrainStation","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/brainstation.io\/blog\/#website","url":"https:\/\/brainstation.io\/blog\/","name":"BrainStation\u00ae Blog","description":"The Digital Learning Company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brainstation.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#primaryimage","url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/LK1A0290_E.jpg","contentUrl":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2015\/07\/LK1A0290_E.jpg","width":4000,"height":2667},{"@type":"WebPage","@id":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#webpage","url":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience","name":"6 Websites That Create A Great User Experience | BrainStation\u00ae Blog","isPartOf":{"@id":"https:\/\/brainstation.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#primaryimage"},"datePublished":"2015-07-17T12:39:59+00:00","dateModified":"2015-11-10T20:14:50+00:00","author":{"@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11"},"breadcrumb":{"@id":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brainstation.io\/blog\/6-websites-that-create-a-great-user-experience#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brainstation.io\/blog"},{"@type":"ListItem","position":2,"name":"6 Websites That Create A Great User Experience"}]},{"@type":"Person","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11","name":"BrainStation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","caption":"BrainStation"},"description":"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.","url":"https:\/\/brainstation.io\/blog\/author\/brainstation"}]}},"_links":{"self":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/2428"}],"collection":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/comments?post=2428"}],"version-history":[{"count":7,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/2428\/revisions"}],"predecessor-version":[{"id":3408,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/2428\/revisions\/3408"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media\/2429"}],"wp:attachment":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media?parent=2428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/categories?post=2428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/tags?post=2428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}