{"id":78,"date":"2020-05-11T23:45:29","date_gmt":"2020-05-11T23:45:29","guid":{"rendered":"https:\/\/seogene.com\/blog\/?p=78"},"modified":"2020-06-24T15:14:11","modified_gmt":"2020-06-24T15:14:11","slug":"good-and-bad-design-websites","status":"publish","type":"post","link":"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/","title":{"rendered":"Top Examples of Good and Bad Design Websites in 2020"},"content":{"rendered":"\n

“Ignoring online marketing is like opening a business but not telling anyone.”<\/p><\/blockquote>\n\n\n\n

In spring 2020, when the whole world is quarantined, the business community suffers from a drop in offline sales. Well, at least those who haven\u2019t switched into the online format and improved their position among internet users. For you, the period of self-isolation is the right time to open a new chapter and boost your business with the newest tools. <\/p>\n\n\n\n\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Why?<\/b><\/i>
Because the number of potential customers, locked at home, is rising every day, and the rivals are already making money on it.  <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

How?<\/b><\/i>
The first step for online sales is a competitive website, understandable, and comfortable for clients. At the very first glance, it shows the quality of your products and service, sets the positioning, and establishes the communication. The right site motivates the user to come back and work with you.\u00a0<\/p>\n\n\n\n

To help you with moving in times, we\u2019ve gathered the hottest tendencies in site usability. See the examples of really bad websites and the role models of today\u2019s internet marketing.<\/p>\n\n\n\n

Step-by-Step Usability Analysis <\/h2>\n\n\n\n

#1 Loading Speed<\/strong><\/h3>\n\n\n\n

We live in the epoch of fast information, and no one will wait until your website finally runs. The slow website<\/a> leads to losses. Provide the fast download either on the desktop and mobile devices with a high-quality hosting. In case you cannot afford it right now, give up the elements that slow the loading down.<\/p>\n\n\n\n

Look at this hairstyling service \u2013 the interface is stylish, but large photos and the HD videos at the guest page make it extremely slow.  <\/p>\n\n\n\n

\"bad
Source: headhunterhairstyling.com<\/figcaption><\/figure><\/div>\n\n\n\n

Giving up such parts is not a big deal, however. You can easily create a classy and memorable page with the bare minimum components. This Love&Lemns cooking website surely does not spend a lot on hosting \u2013 in return, it is very quick and dynamic.<\/p>\n\n\n\n

\"bad
Source: loveandlemons.com<\/figcaption><\/figure><\/div>\n\n\n\n

#2 Design<\/strong><\/h3>\n\n\n\n

Catchy, simple, and welcoming \u2013 these are your priorities. To choose the style, think of the theme. Online banks prefer solid blue or yellow colors, beauty parlors \u2013 rose and peachy, eco shops \u2013 green and brown. Think of fonts, photos, and videos, fields with forms and icons. Connect all elements with shades and graphics.\u00a0<\/p>\n\n\n\n

Unlike technical characteristics, <\/em><\/strong>websites with the good and bad design are well recognized among all users. That is why you should take the matter seriously.<\/p>\n\n\n\n

See what can happen if you forget about the style. Unmatching fonts, primitive colors, and dark pictures won\u2019t make Toronto cupcakes appetizing.<\/p>\n\n\n\n

\"really
Source: torontocupcake.com<\/figcaption><\/figure><\/div>\n\n\n\n

On the contrary, a good design sets the atmosphere and differs from the others. You may not read the New York Times, but you certainly remember their logo and the feed, stylized as a classic newspaper.<\/p>\n\n\n\n

\"bad
Source: nytimes.com<\/figcaption><\/figure><\/div>\n\n\n\n

#3 Intuitive interface<\/strong><\/h3>\n\n\n\n

Bad user experience puts an end to the new deal. Do not let your customers look for the required information and services longer than a minute by following the common models and templates.<\/p>\n\n\n\n

Fox News seems a qualitative news portal, but the website, cluttered with unnecessary photos and sections, mix you up. Such an interface is especially inappropriate for news, that must be well-structured.<\/p>\n\n\n\n

\"bad
Source: foxnews.com<\/figcaption><\/figure>\n\n\n\n

Jacquemus’ online shop is all about comfort. The expected position of buttons and options make them easy-to-find. The less is always more \u2013 a large distance between text and only essential information makes the page clear and convenient. <\/p>\n\n\n\n

\"examples
Source: jacquemus.com<\/figcaption><\/figure><\/div>\n\n\n\n

#4 Navigation<\/strong><\/h3>\n\n\n\n

The information flow rushes at a crazy pace. Your customer won\u2019t spend the time on bad navigation. Adapt the website for the need of time, making it dynamic. <\/p>\n\n\n\n

Add more clickable buttons so as users can surf the website no matter where they are. Provide a good search system and make all links notable and easy to click.<\/p>\n\n\n\n

Avoid impasse pages. The last page of the catalog has to redirect the client to the first one or offer another section. <\/p>\n\n\n\n

Dead-end pages are not a death sentence. Do not allow them to be empty: explain, what happened and why the customer is here, and suggest visiting some sectors.<\/p>\n\n\n\n

In addition to the awfully long loading, The University of Advancing Technology gives us an excessive amount of unordered links and banners. You cannot predict where to find certain options \u2013 almost every page suggests you fill in the forms and do not give the expected info. <\/p>\n\n\n\n

\"bad
Source: uat.edu<\/figcaption><\/figure><\/div>\n\n\n\n

Apple was one of the first to recognize the importance of usability. You can find the essential section on the very top of the page, the search system is clear and fast, and the banners combine catchy pictures with the discreet position and style. <\/p>\n\n\n\n

\"good
Source: apple.com<\/figcaption><\/figure><\/div>\n\n\n\n

#5 Home Page<\/strong><\/h3>\n\n\n\n

You won\u2019t have a chance to make a first impression twice. Snow your uniqueness and put the main offer on the very first page the user will see. <\/p>\n\n\n\n

H&M official website offers us to choose the country on the home page. Not so bad, but bad looking interface, the small size of the SEO text<\/a>, and the lack of typing box really annoy and make you waste the time. <\/p>\n\n\n\n

\"bad
Source: hm.com<\/figcaption><\/figure><\/div>\n\n\n\n

Pinterest shows its main function from the very first page, showing you a feed full of trendy ideas and stylish photos. It certainly makes you want to sign in as fast as possible and start watching.<\/p>\n\n\n\n

\"bad
Source: pinterest.com<\/figcaption><\/figure><\/div>\n\n\n\n

#6 Photos and Videos<\/strong><\/h3>\n\n\n\n

An obvious tip, but many entrepreneurs neglect it, getting in trouble.<\/p>\n\n\n\n

At first, use only high-quality bright pics to make them good-looking either on phones and on huge desktop monitors. In 2020 more and more people judge the company by its visual content, bot by the texts \u2013 they simply haven\u2019t time to read a lot. You may give a piece of useful information and offer good services or products, but bad designed websites always lose. The best choice according to today\u2019s trends in your own photos \u2013 you can make them with the help of a smartphone and simple editing programs. The priority is sincerity and personal brand.<\/p>\n\n\n\n

Another moment is copyright. Use your own photos or by them at the photobanks. The world is small and searching engines are improving their algorithm faster than you think \u2013 stolen content will not go unnoticed. <\/p>\n\n\n\n

The website, selling auto parts in Ohio looks cheap and unreliable because of the poor quality photo, taken from the photobank.<\/p>\n\n\n\n

\"good
Source: usedpart.us<\/figcaption><\/figure><\/div>\n\n\n\n

Personal photos are specifically useful if you sell services and your website needs an author<\/a> \u2013 this way people will trust you. This blog about fitness familiarizes you with the author and build seller-buyer relations.<\/p>\n\n\n\n

\"bad
Source: fitnessista.com<\/figcaption><\/figure><\/div>\n\n\n\n

#7 Contact Information<\/strong><\/h3>\n\n\n\n

Not every user wants to make the order online \u2013 or, the website may not be suited for it. Let the customer easily contact you, ask any questions. Private talk is a good way to build a trusting relationship and persuade the client to use your services. <\/p>\n\n\n\n

Put the contact section on every page either in the heading and footer. Better use text format to make the information available for copying. In the mobile version provide the button for the call. If you can\u2019t receive calls 24\/7, provide a chat-bot, or suggest to recall in a certain time. <\/p>\n\n\n\n

The world-famous Amazon shop is very well optimized for users, but contacts are a week point. You see no opportunity to keep in touch with support and get any personal attention.<\/p>\n\n\n\n

\"really
Source: amazon.com<\/figcaption><\/figure>\n\n\n\n

PatrickDavid agency is an excellent example of communication with the client. The offer to motivate you is \u201cTell us about your dream\u201d. After that, you can click on the contact info.<\/p>\n\n\n\n

\"bad
Source: patrickdavid.com<\/figcaption><\/figure><\/div>\n\n\n\n

The period, when the website was a special privilege for famous companies, has passed. With the help of online builders and affordable services, you can assert yourself on the Internet and set the matching image. Nowadays a good website is an essential part of every business \u2013 you cannot even imagine, how much income you lose because of a bad site or its absence. Boost your skills and outline the strategy for development, analyzing the cases on the Internet, and adapting to the needs of your customers. Remember that the function of a web page is to draw the attention, show your offer, and make the customer use it in any possible way.  <\/p>\n\n\n\n

Using the newest instrument, you can effortlessly create a convenient space for your business.<\/p>\n","protected":false},"excerpt":{"rendered":"

“Ignoring online marketing is like opening a business but not telling anyone.” In spring 2020, when the whole world is quarantined, the business community suffers from a drop in offline sales. Well, at least those who haven\u2019t switched into the online format and improved their position among internet users. For you, the period of self-isolation […]<\/p>\n","protected":false},"author":1,"featured_media":118,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,4],"tags":[],"yoast_head":"\nGood and Bad Websites [10+ Examples] - Seogene<\/title>\n<meta name=\"description\" content=\"What is a difference between good and bad websites design? See the examples to outline demands for usability and improve your project with the newest tools\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Good and Bad Websites [10+ Examples] - Seogene\" \/>\n<meta property=\"og:description\" content=\"What is a difference between good and bad websites design? See the examples to outline demands for usability and improve your project with the newest tools\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Marketing Agency | Seogene\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-11T23:45:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-24T15:14:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seogene.com\/blog\/wp-content\/uploads\/2020\/05\/bad-and-good-design-websites.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"441\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gennadii Kotulskyi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gennadii Kotulskyi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/\",\"url\":\"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/\",\"name\":\"Good and Bad Websites [10+ Examples] - Seogene\",\"isPartOf\":{\"@id\":\"https:\/\/seogene.com\/blog\/#website\"},\"datePublished\":\"2020-05-11T23:45:29+00:00\",\"dateModified\":\"2020-06-24T15:14:11+00:00\",\"author\":{\"@id\":\"https:\/\/seogene.com\/blog\/#\/schema\/person\/cf39b376374fbf1e18f8338547fce38d\"},\"description\":\"What is a difference between good and bad websites design? See the examples to outline demands for usability and improve your project with the newest tools\",\"breadcrumb\":{\"@id\":\"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seogene.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top Examples of Good and Bad Design Websites in 2020\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seogene.com\/blog\/#website\",\"url\":\"https:\/\/seogene.com\/blog\/\",\"name\":\"Digital Marketing Agency | Seogene\",\"description\":\"Our online marketing agency knows how make the internet a perfect tool for business growth. We specialize in web design, website promotion and analysis.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seogene.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/seogene.com\/blog\/#\/schema\/person\/cf39b376374fbf1e18f8338547fce38d\",\"name\":\"Gennadii Kotulskyi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seogene.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c07de6dbc6de86a413c29f94bd722bf3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c07de6dbc6de86a413c29f94bd722bf3?s=96&d=mm&r=g\",\"caption\":\"Gennadii Kotulskyi\"},\"description\":\"Online Marketer, SEO specialist, speaker at SEO and Affiliate Marketing conferences, guest blogger of many reputable online platforms.\",\"sameAs\":[\"https:\/\/seogene.com\/\",\"https:\/\/www.linkedin.com\/in\/seogene\/\"],\"url\":\"https:\/\/seogene.com\/blog\/author\/gennadiikotulskyi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Good and Bad Websites [10+ Examples] - Seogene","description":"What is a difference between good and bad websites design? See the examples to outline demands for usability and improve your project with the newest tools","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:\/\/seogene.com\/blog\/good-and-bad-design-websites\/","og_locale":"en_US","og_type":"article","og_title":"Good and Bad Websites [10+ Examples] - Seogene","og_description":"What is a difference between good and bad websites design? See the examples to outline demands for usability and improve your project with the newest tools","og_url":"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/","og_site_name":"Digital Marketing Agency | Seogene","article_published_time":"2020-05-11T23:45:29+00:00","article_modified_time":"2020-06-24T15:14:11+00:00","og_image":[{"width":750,"height":441,"url":"https:\/\/seogene.com\/blog\/wp-content\/uploads\/2020\/05\/bad-and-good-design-websites.jpeg","type":"image\/jpeg"}],"author":"Gennadii Kotulskyi","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gennadii Kotulskyi","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/","url":"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/","name":"Good and Bad Websites [10+ Examples] - Seogene","isPartOf":{"@id":"https:\/\/seogene.com\/blog\/#website"},"datePublished":"2020-05-11T23:45:29+00:00","dateModified":"2020-06-24T15:14:11+00:00","author":{"@id":"https:\/\/seogene.com\/blog\/#\/schema\/person\/cf39b376374fbf1e18f8338547fce38d"},"description":"What is a difference between good and bad websites design? See the examples to outline demands for usability and improve your project with the newest tools","breadcrumb":{"@id":"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/seogene.com\/blog\/good-and-bad-design-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seogene.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Top Examples of Good and Bad Design Websites in 2020"}]},{"@type":"WebSite","@id":"https:\/\/seogene.com\/blog\/#website","url":"https:\/\/seogene.com\/blog\/","name":"Digital Marketing Agency | Seogene","description":"Our online marketing agency knows how make the internet a perfect tool for business growth. We specialize in web design, website promotion and analysis.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seogene.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/seogene.com\/blog\/#\/schema\/person\/cf39b376374fbf1e18f8338547fce38d","name":"Gennadii Kotulskyi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seogene.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c07de6dbc6de86a413c29f94bd722bf3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c07de6dbc6de86a413c29f94bd722bf3?s=96&d=mm&r=g","caption":"Gennadii Kotulskyi"},"description":"Online Marketer, SEO specialist, speaker at SEO and Affiliate Marketing conferences, guest blogger of many reputable online platforms.","sameAs":["https:\/\/seogene.com\/","https:\/\/www.linkedin.com\/in\/seogene\/"],"url":"https:\/\/seogene.com\/blog\/author\/gennadiikotulskyi\/"}]}},"_links":{"self":[{"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/posts\/78"}],"collection":[{"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":15,"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/posts\/78\/revisions\/197"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/media\/118"}],"wp:attachment":[{"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seogene.com\/blog\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}