{"id":8468,"date":"2020-01-23T08:13:49","date_gmt":"2020-01-23T08:13:49","guid":{"rendered":"https:\/\/yeeply.com\/en\/?p=8468"},"modified":"2020-12-03T09:47:24","modified_gmt":"2020-12-03T09:47:24","slug":"websites-impressive-user-interface-ui","status":"publish","type":"post","link":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/","title":{"rendered":"Top 5 websites with an impressive user interface (UI)"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Your website is your <strong>digital cover letter<\/strong>. If you are thinking about overhauling your website, you are most likely to be keen on incorporating a stunning design. For this reason, Yeeply has selected 5 websites that share a common attribute: a <strong>surprising user interface<\/strong>. We\u2019ll be discussing the latest trends in website design to help you find inspiration for your new website project.<\/span><\/p>\n<div style=\"text-align: center;\">\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<div class=\"bt-proyecto\"><a class=\"do-not-track\" href=\"https:\/\/yeeply.com\/en\/web-development\/?rel=EN-BT-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\">WANT TO CREATE A WEBSITE? TELL US ABOUT YOUR PROJECT!<\/a><\/div>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">5 websites with an impressive UI<\/span><\/h2>\n<figure id=\"attachment_8472\" aria-describedby=\"caption-attachment-8472\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-8472 size-full\" title=\"four examples for web design of an user interface\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_design_examples_ui.jpg\" alt=\"four examples for web design of an user interface\" width=\"748\" height=\"530\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_design_examples_ui.jpg 748w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_design_examples_ui-300x213.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-8472\" class=\"wp-caption-text\">Examples for different user interfaces. Source: <a href=\"https:\/\/www.rawpixel.com\/image\/458412\/free-illustration-image-set-biological-business\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" data-wpel-link=\"external\">Rawpixel<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">When it comes to <strong>website design<\/strong>, browsing the internet is the best possible way to find inspiration. However, it\u2019s easy to get lost in the immensity of the digital \u2018ocean\u2019.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You can browse <strong>websites mustering web development professionals<\/strong> to look for some references and see where the newest design trends are headed towards. Websites like <a href=\"https:\/\/www.behance.net\/\">Behance<\/a>, <\/span><span style=\"font-weight: 400;\"><a href=\"https:\/\/dribbble.com\/\">Dribbble<\/a>, <\/span><span style=\"font-weight: 400;\">or <a href=\"https:\/\/www.awwwards.com\">Awwwards<\/a> <\/span><span style=\"font-weight: 400;\">showcase the latest trends in user interface design and website development.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">We\u2019ll now select <strong>5 designs with a surprising user interface<\/strong> for you. Let\u2019s bear in mind that not all of these examples can be used for all kinds of websites. However, you can borrow ideas from them that you can then incorporate into your website design project. Are you ready? Let\u2019s begin our review.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>?? You might be interested: <a href=\"https:\/\/yeeply.com\/en\/blog\/custom-web-design-vs-website-template\/\">Custom Web Design vs Website Template<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#1 Wickret<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/wickret.cuberto.com\/\">Wickret<\/a> <\/span><span style=\"font-weight: 400;\">is the landing page of the namesake mobile banking company, which operates in the US, sets no bank fees and helps its clients save money in a smart way by <strong>using intelligence artificial (AI)<\/strong>. It\u2019s unmistakably not the typical example of traditional banking, so its website could not be the typical bank website either.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Its attractiveness lies in its light backgrounds and the contrast of vibrant colours with pastel tones. But beyond this first impression, what\u2019s a real surprise is <strong>the circle that surrounds the pointer and activates actions when moved around the screen<\/strong>: the colours of the titles change, background elements move, and gifs appear when placing it on the benefits box&#8230;<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Its <a href=\"https:\/\/yeeply.com\/en\/blog\/motion-design-app-website-creation-trend\/\">motion design<\/a> elements make navigation attractive and \u2014 despite this \u2014 the website manages to remain simple and intuitive whilst <strong>enticing you to download the app<\/strong> to test the product.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#2 Cobo<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.cobosrl.co\/\">Cobo<\/a><\/span><span style=\"font-weight: 400;\">, a world leader in footwear plastic injection moulding, is quite an example of originality when it comes to user interfaces.<strong> Innovation is one of the company\u2019s main characteristics<\/strong>, so its website was not to be found in contradiction with this fact.<\/span><\/p>\n<p>&nbsp;<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-8468-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da08ed3f40d3040601587.mp4?_=1\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da08ed3f40d3040601587.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da08ed3f40d3040601587.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Its homepage already has something quite unprecedented: it <strong>features a jellied mass that reacts to mouse movement and clicks<\/strong>. And the navigation through the website\u2019s different product sections doesn\u2019t fall behind as to design freshness. <strong>As the user scrolls through the website, the images get coupled to end up forming a sports shoe<\/strong>. The site also incorporates small animations when the user expands elements of its image gallery.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">This is a <strong>website that has been designed to impress<\/strong> its users. It\u2019s something that may not fit in well with all kinds of businesses but that\u2019s undoubtedly associated with innovation and being a cutting-edge firm.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>\u2b50\ufe0f\u00a0Recommended reading |\u00a0<a href=\"https:\/\/yeeply.com\/en\/blog\/how-much-does-it-cost-to-make-a-website\/\" target=\"_blank\" rel=\"noopener noreferrer follow\" data-wpel-link=\"internal\">Cost of a website: how much does it require to make one?<\/a><\/em><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#3 Collage<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/collagecrafting.com\/en\">Collage<\/a><\/span><span style=\"font-weight: 400;\">\u00a0is a contemporary product design online store. In it, you can create original and unique objects \u2014 ranging from decorative and functional accessories to jewellery \u2014 by experimenting with different materials, shapes, textures and colours.<\/span><\/p>\n<p>&nbsp;<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-8468-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/08\/5d68f539c7216747040042.mp4?_=2\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/08\/5d68f539c7216747040042.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/08\/5d68f539c7216747040042.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\"><strong>Its focus on product design also gets transferred to the company\u2019s website<\/strong>. Collage\u2019s customers greatly appreciate a product\u2019s design, so the company is clearly committed to offering a ground-breaking navigation experience, which incorporates movement to texts and images, large fonts and a daring colour palette (with a high contrast to render it readable nevertheless).<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Beyond the beauty of their products, this online store manages to convey <strong>the concept of innovation and quality through its user interface<\/strong>. It\u2019s a perfect combination of branding and web design.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>\u26a1\ufe0f Also interesting: <a href=\"https:\/\/yeeply.com\/en\/blog\/examples-digital-branding-tech-companies\/\">The best examples of digital branding in tech companies<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#4 Discovery Land Company<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The <a href=\"https:\/\/discoverylandco.com\/\">Discovery Land Company<\/a><\/span><span style=\"font-weight: 400;\">\u00a0specialises in building luxury residential complexes with private clubs and resorts all around the world. <strong>Locations and surroundings are decisive in this company\u2019s industry; hence images are paramount in its website<\/strong>: it features full-screen background videos, images that may be enlarged by clicking on them&#8230;<\/span><\/p>\n<p>&nbsp;<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-8468-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da88652da96a416749949.mp4?_=3\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da88652da96a416749949.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da88652da96a416749949.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Revolving around the idea of exploration, t<strong>he traditional pointer has been transfigured in this website into a compass card<\/strong>. This example of website design offers more conventional navigation and includes a superior menu and an alternative \u2018hamburger\u2019 type menu. Despite this, the images portrayed by the website are quite spectacular and make you want to have some extra zeros in your bank account to enjoy one of the lodgings offered. Wouldn\u2019t you agree?<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#5 Rogue Studio<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The best way to demonstrate how disruptive a user interface can be is by creating it. <a href=\"https:\/\/rogue.studio\/\">Rogue Studio<\/a><\/span><span style=\"font-weight: 400;\">\u00a0\u2014 a company specialised in branding and digital design \u2014 has a ground-breaking website <strong>that\u2019s anything but traditional<\/strong>. It features a black background, very large fonts that incorporate movement when scrolling, and an original movement (click and hold) for loading new sections.<\/span><\/p>\n<p>&nbsp;<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-8468-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5d9f54cdd0508796420063.mp4?_=4\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5d9f54cdd0508796420063.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5d9f54cdd0508796420063.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">A vertical menu on the left, <strong>fonts that rotate as the user scrolls<\/strong> horizontally to move onto the website\u2019s next section or the use of different colours to differentiate between projects, are just some of its hallmarks. Brands associated with innovation and companies that have creativity in their DNA can bet on websites featuring this kind of user interface.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>? You might be interested | <a href=\"https:\/\/yeeply.com\/en\/blog\/website-creation-key-questions\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web creation: 12+1 Questions to ask yourself before developing a site<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Trends in user interface<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Now that we have discussed several examples of novel user interfaces presently in use, let\u2019s have a look at some common aspects that have become current trends:<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">The prominence of fonts<\/span>. <span style=\"font-weight: 400;\">Combining sans serif fonts with serif fonts in headlines has already become a design must. Outlined fonts which are filled in when you hover over them with the pointer are another element that begins to show up more frequently in website design.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Minimalism<\/span>. <span style=\"font-weight: 400;\">It never petered out. And most importantly, designs increasingly aim at having more with less and bet on simpler websites in which images gain prominence.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Motion design<\/span>. <span style=\"font-weight: 400;\">Content micro-interactions and animations aim at surprising the user and increase engagement with the website.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Liquid and fluid effect<\/span>. <span style=\"font-weight: 400;\">3D movement \u2014 as in Cobo\u2019s homepage \u2014 or elements simulating liquid stains bear witness to this current trend in user interface design.<\/span><\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Are you ready to create a TOP-NOTCH user interface?<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">As you may notice, website design is constantly evolving and there are always developers out there who manage to leave us with our mouths open. If you are among those who want a <strong>website with an impressive user interface<\/strong>, you can rely on <a href=\"https:\/\/yeeply.com\/en\/?rel=EN-LNK\">Yeeply<\/a> to get it done.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">We have the <strong>best certified professionals, whose experience spans across many projects <\/strong>and who are ready to start working whenever it suits you best. If you are looking to AMAZE your users, stop looking. <a href=\"https:\/\/yeeply.com\/en\/?rel=EN-LNK#publish-project\">Get in touch with us<\/a> and let Yeeply\u2019s website development experts do their magic.<\/span><\/p>\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<p><a href=\"https:\/\/yeeply.com\/en\/web-development\/?rel=EN-BP-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/04\/EN-cta-blogpost-proyecto-web.jpg\" alt=\"Proyecto Web\" \/><\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Your website is your digital cover letter. If you are thinking about overhauling your website, you are most likely to be keen on incorporating a &#8230;<\/p>\n","protected":false},"author":2,"featured_media":8943,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[115],"tags":[],"class_list":["post-8468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>5 websites with an impressive user interface (UI)<\/title>\n<meta name=\"description\" content=\"A list of five websites with an exceptional user interface (UI). We talk about the latest trends in web design to inspire you. \u261d\ufe0f\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 websites with an impressive user interface (UI)\" \/>\n<meta property=\"og:description\" content=\"A list of five websites with an exceptional user interface (UI). We talk about the latest trends in web design to inspire you. \u261d\ufe0f\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Yeeply\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/YeeplyMobile\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-23T08:13:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-03T09:47:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yeeply\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:site\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yeeply\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/\"},\"author\":{\"name\":\"Yeeply\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\"},\"headline\":\"Top 5 websites with an impressive user interface (UI)\",\"datePublished\":\"2020-01-23T08:13:49+00:00\",\"dateModified\":\"2020-12-03T09:47:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/\"},\"wordCount\":1254,\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/web_user_interface.jpg\",\"articleSection\":[\"Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/\",\"name\":\"5 websites with an impressive user interface (UI)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/web_user_interface.jpg\",\"datePublished\":\"2020-01-23T08:13:49+00:00\",\"dateModified\":\"2020-12-03T09:47:24+00:00\",\"description\":\"A list of five websites with an exceptional user interface (UI). We talk about the latest trends in web design to inspire you. \u261d\ufe0f\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/web_user_interface.jpg\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/web_user_interface.jpg\",\"width\":748,\"height\":493,\"caption\":\"Post it with user interface sticked on many notes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/websites-impressive-user-interface-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top 5 websites with an impressive user interface (UI)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"name\":\"Yeeply\",\"description\":\"A platform for the development of digital projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yeeply.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\",\"name\":\"Yeeply\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"width\":360,\"height\":120,\"caption\":\"Yeeply\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/YeeplyMobile\\\/\",\"https:\\\/\\\/x.com\\\/Yeeply_EN\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/yeeply\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\",\"name\":\"Yeeply\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"caption\":\"Yeeply\"},\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/author\\\/yeeply\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 websites with an impressive user interface (UI)","description":"A list of five websites with an exceptional user interface (UI). We talk about the latest trends in web design to inspire you. \u261d\ufe0f","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:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/","og_locale":"en_US","og_type":"article","og_title":"5 websites with an impressive user interface (UI)","og_description":"A list of five websites with an exceptional user interface (UI). We talk about the latest trends in web design to inspire you. \u261d\ufe0f","og_url":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/","og_site_name":"Yeeply","article_publisher":"https:\/\/www.facebook.com\/YeeplyMobile\/","article_published_time":"2020-01-23T08:13:49+00:00","article_modified_time":"2020-12-03T09:47:24+00:00","og_image":[{"width":748,"height":493,"url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg","type":"image\/jpeg"}],"author":"Yeeply","twitter_card":"summary_large_image","twitter_creator":"@Yeeply_EN","twitter_site":"@Yeeply_EN","twitter_misc":{"Written by":"Yeeply","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/#article","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/"},"author":{"name":"Yeeply","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14"},"headline":"Top 5 websites with an impressive user interface (UI)","datePublished":"2020-01-23T08:13:49+00:00","dateModified":"2020-12-03T09:47:24+00:00","mainEntityOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/"},"wordCount":1254,"publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg","articleSection":["Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/","url":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/","name":"5 websites with an impressive user interface (UI)","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/#primaryimage"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg","datePublished":"2020-01-23T08:13:49+00:00","dateModified":"2020-12-03T09:47:24+00:00","description":"A list of five websites with an exceptional user interface (UI). We talk about the latest trends in web design to inspire you. \u261d\ufe0f","breadcrumb":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/#primaryimage","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg","width":748,"height":493,"caption":"Post it with user interface sticked on many notes"},{"@type":"BreadcrumbList","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/websites-impressive-user-interface-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yeeply.com\/en\/"},{"@type":"ListItem","position":2,"name":"Top 5 websites with an impressive user interface (UI)"}]},{"@type":"WebSite","@id":"https:\/\/yeeply.com\/en\/#website","url":"https:\/\/yeeply.com\/en\/","name":"Yeeply","description":"A platform for the development of digital projects","publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yeeply.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/yeeply.com\/en\/#organization","name":"Yeeply","url":"https:\/\/yeeply.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","width":360,"height":120,"caption":"Yeeply"},"image":{"@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YeeplyMobile\/","https:\/\/x.com\/Yeeply_EN","https:\/\/www.linkedin.com\/company\/yeeply"]},{"@type":"Person","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14","name":"Yeeply","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","caption":"Yeeply"},"url":"https:\/\/yeeply.com\/en\/author\/yeeply\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",748,493,false],"thumbnail":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface-150x150.jpg",150,150,true],"medium":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface-300x198.jpg",300,198,true],"medium_large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",640,422,false],"large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",640,422,false],"1536x1536":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",748,493,false],"2048x2048":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",748,493,false],"gform-image-choice-sm":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",300,198,false],"gform-image-choice-md":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",400,264,false],"gform-image-choice-lg":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/01\/web_user_interface.jpg",600,395,false]},"uagb_author_info":{"display_name":"Yeeply","author_link":"https:\/\/yeeply.com\/en\/author\/yeeply\/"},"uagb_comment_info":0,"uagb_excerpt":"Your website is your digital cover letter. If you are thinking about overhauling your website, you are most likely to be keen on incorporating a ...","_links":{"self":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/8468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/comments?post=8468"}],"version-history":[{"count":0,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/8468\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media\/8943"}],"wp:attachment":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media?parent=8468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/categories?post=8468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/tags?post=8468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}