{"id":7277,"date":"2022-08-27T18:56:42","date_gmt":"2022-08-27T15:56:42","guid":{"rendered":"https:\/\/${domain}\/blog\/?p=7277"},"modified":"2024-12-20T14:50:26","modified_gmt":"2024-12-20T12:50:26","slug":"bad-vs-good-website-design","status":"publish","type":"post","link":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/","title":{"rendered":"6 Differences Between Good and Bad Web Design"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">How about creating your own website? Nowadays, this task is a no-brainer even for amateurs. But having a website is not enough. It should represent all of the company\u2019s strong sides and be appealing for potential clients. This is when web design comes into play.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While design trends are changing regularly, users become more and more demanding to what they see. How to make everything right? Follow us and you won\u2019t get lost.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Below, we\u2019ve gathered examples of bad design and added successful cases for the contrast. You\u2019ll easily notice the difference and will get a set of ready-made (and attractive) templates to get started.<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e1079aed57c\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e1079aed57c\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#4_reasons_why_good_design_means_the_world_to_your_business\" >4 reasons why good design means the world to your business<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#The_Difference_Between_Good_and_Bad_Web_Design\" >The Difference Between Good and Bad Web Design\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#1_Distractions\" >1. Distractions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#2_Animations\" >2. Animations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#3_Typography_and_Text\" >3. Typography and Text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#4_Images_and_Illustrations\" >4. Images and Illustrations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#5_Consistency\" >5. Consistency<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#6_Website_Usability\" >6. Website Usability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#Summary\" >Summary<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#How_and_where_to_create_a_good_website\" >How and where to create a good website?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"4_reasons_why_good_design_means_the_world_to_your_business\"><\/span><span style=\"font-weight: 400;\">4 reasons why good design means the world to your business<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Nothing speaks louder than numbers. Here\u2019s some convincing statistics explaining why businesses are ready to invest in a high-quality UX\/UI design.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>The first impression matters.<\/b><span style=\"font-weight: 400;\"> In <\/span><a href=\"https:\/\/www.prnewswire.com\/news-releases\/first-impressions-are-94-design-related--infinityhr-upgrades-their-user-interface-to-match-todays-technological-beauty-standards-300617678.html\" rel=\"nofollow\"><b>94% of cases<\/b><\/a><span style=\"font-weight: 400;\">, users\u2019 first impressions are connected with website design. <\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Return of users. <\/b><span style=\"font-weight: 400;\">After a single bad experience, a user is <\/span><a href=\"https:\/\/www.toptal.com\/designers\/ux\/ux-statistics-insights-infographic\" rel=\"nofollow\"><b>88% less likely to return<\/b><\/a><span style=\"font-weight: 400;\"> to that website.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Loss of income<\/b><span style=\"font-weight: 400;\">. Retailers lose up to <\/span><a href=\"https:\/\/www.toptal.com\/designers\/ux\/ux-statistics-insights-infographic\" rel=\"nofollow\"><b>$2 billion dollars<\/b><\/a><span style=\"font-weight: 400;\"> a year due to slow-loading websites.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Experience sharing. <\/b><a href=\"https:\/\/www2.deloitte.com\/content\/dam\/Deloitte\/ie\/Documents\/Consulting\/Milliseconds_Make_Millions_report.pdf\" rel=\"nofollow\"><b>61% of users<\/b><\/a> <span style=\"font-weight: 400;\">say they share bad experience with others, while<\/span><b> 70% <\/b><span style=\"font-weight: 400;\">would share their positive experience. As you know, word of mouth is one of the strongest marketing instruments.<\/span><b>\u00a0\u00a0\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Website design may seem like a subjective matter, but there are some objective design principles influencing users\u2019 opinions and, therefore, conversions.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"The_Difference_Between_Good_and_Bad_Web_Design\"><\/span><span style=\"font-weight: 400;\">The Difference Between Good and Bad Web Design\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It takes about 50 milliseconds for a user to make a judgment about a website, and visual design affects the first impression.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To figure out<strong>, <\/strong><\/span><strong>if it\u2019s a good design, ask yourself<\/strong>:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Is the website visually appealing?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Does it go hand-in-hand with a company style?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Isn\u2019t it distracting?<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Let\u2019s move on to our list of<\/span> bad websites <span style=\"font-weight: 400;\">and go through some basic rules to avoid web design mistakes.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"1_Distractions\"><\/span><b>1. Distractions<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Do you remember the times when every website had flashy images, animations, and crazy color palettes? Now, we consider them a thing of the past, but these distracting effects can bother us from time to time.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-14749 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/1-800x347.png\" alt=\"distractions in bad web design\" width=\"800\" height=\"347\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/1-800x347.png 800w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/1-320x139.png 320w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/1-768x333.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/1-418x181.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/1.png 1213w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If you follow the link under the picture, you\u2019ll notice loads of GIFs and an inconsistent color palette right on the website\u2019s main page.<\/span><\/p>\n<h3><b>These elements make users run away from a website immediately:<\/b><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Background music;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Overused Flash;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Too bright colors;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Distracting gifs;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Annoying animations.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">The Husky Kennel <\/span><span style=\"font-weight: 400;\">website template made by Weblium is bright, has some bright color inclusions, and minimalistic hover animations on the CTA buttons.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The colors and photos broadcast the company\u2019s style and are targeted at dog lover;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">There\u2019s enough white space, the text is easy to read and is distributed logically;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The sections are well-divided by design elements and pictures.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-14751 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1-459x600.png\" alt=\"good web design example\" width=\"459\" height=\"600\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1-459x600.png 459w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1-917x1200.png 917w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1-183x240.png 183w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1-768x1005.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1-1174x1536.png 1174w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1-418x547.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/2-1.png 1213w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/husky-kennel.weblium.site\/\" rel=\"nofollow\"><b>View<\/b><\/a><b> this template in full or <\/b><a href=\"https:\/\/app.weblium.com\/start-boilerplate?template=5e8724105b18ff00211edb19\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>start editing<\/b><\/a><b> right now.<\/b><\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Animations\"><\/span><b>2. Animations<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">If you don\u2019t feel the need to use animations on your website, it\u2019s better to completely avoid it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Below, you\u2019ll see a website with the background full of animations. It seems that the background is more important than the site\u2019s content &#8211; it grabs all of your attention.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-14752 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/3-800x381.png\" alt=\"animations\" width=\"800\" height=\"381\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/3-800x381.png 800w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/3-320x152.png 320w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/3-768x366.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/3-418x199.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/3.png 1213w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If you choose to use animation, make sure there is one bolding element on the page. You can apply animations to explain who you are in a detailed manner.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For the 3Dev website, Weblium has chosen faded images and bright animated text sharing everything you need to know about the company right away.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/media.giphy.com\/media\/KgYWa55jhjPVrWWqZH\/giphy.gif\" alt=\" good animations\" width=\"730\" height=\"351\" \/><\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Typography_and_Text\"><\/span><b>3. Typography and Text<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Bad typography kills great content. These typography design mistakes create an impression of a sloppy website:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Too big or too small font sizes;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Never-ending paragraphs;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Non-matching typefaces;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Silly fonts like Comic Sans.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This website can boast almost every typography mistake there is.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-14755 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/4-1-671x600.png\" alt=\"bad typography and text\" width=\"671\" height=\"600\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/4-1-671x600.png 671w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/4-1-269x240.png 269w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/4-1-768x686.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/4-1-418x374.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/4-1.png 1213w\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.jerrypippin.com\/\" rel=\"nofollow\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<h3><span style=\"font-weight: 400;\">Here\u2019s what you should do instead.<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">This printing services website template <\/span><span style=\"font-weight: 400;\">also consists of a big amount of pictures and text. But here\u2019s how it\u2019s different from the bad example:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>White space<\/b><span style=\"font-weight: 400;\"> allows you to read without stressing out your eyes;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Big chunks of text<\/b><span style=\"font-weight: 400;\"> are divided into small paragraphs which makes them easy to understand;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The<\/span><b> \u201cAbout\u201d<\/b><span style=\"font-weight: 400;\"> section is divided into several blocks of text, so it\u2019s easier to read the page till the very end;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The advantages listed in the <\/span><b>\u201cWhy Us\u201d<\/b><span style=\"font-weight: 400;\"> section are presented with icons in separate blocks;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The services are described with a couple of lines and the \u201c<\/span><b>Learn More\u201d<\/b><span style=\"font-weight: 400;\"> link below. It allows avoiding long descriptions under every image.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-14764 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7-473x600.png\" alt=\"Good typography and text\" width=\"473\" height=\"600\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7-473x600.png 473w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7-946x1200.png 946w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7-189x240.png 189w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7-768x974.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7-1211x1536.png 1211w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7-418x530.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/5-7.png 1213w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/printing-services.weblium.site\/services\" rel=\"nofollow\"><b>View<\/b><\/a><b> this template in full or <\/b><a href=\"https:\/\/app.weblium.com\/start-boilerplate?template=5cd53b8001dc8d00232c1c78\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>start editing<\/b><\/a><b> right now.<\/b><\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_Images_and_Illustrations\"><\/span><b>4. Images and Illustrations<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Images matter, as they can create a long-lasting impression, demonstrate products from a better angle and motivate consumers to build relationships with a brand.<\/span><\/p>\n<p><a href=\"https:\/\/app.weblium.com\/signup?utm_source=en_blog&amp;utm_medium=article&amp;utm_campaign=banner_article\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20566 size-medium\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2-800x178.png\" alt=\"\" width=\"800\" height=\"178\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2-800x178.png 800w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2-320x71.png 320w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2-768x171.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2-418x93.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2-1080x240.png 1080w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2024\/01\/2.2.png 1518w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h3><strong>Design mistakes related to images:<\/strong><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fake stock images;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Low-resolution photos;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pictures not fitting the website parameters;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Images not related to the text.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">A bunch of low-quality images makes this website a wrong place to find something specific.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-14761 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/6-800x357.png\" alt=\" bad images and illustrations\" width=\"800\" height=\"357\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/6-800x357.png 800w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/6-320x143.png 320w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/6-768x343.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/6-418x187.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/6.png 1213w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/arngren.net\/\" rel=\"nofollow\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<h3><span style=\"font-weight: 400;\">How to handle images?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The plants shop template has lots of bright images that beautifully illustrate the main product. Even if you don\u2019t read the text, you still understand what the company offers, and that\u2019s a result of good design.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-14766 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/7-1-479x600.png\" alt=\" good images and illustrations\" width=\"479\" height=\"600\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/7-1-479x600.png 479w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/7-1-958x1200.png 958w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/7-1-192x240.png 192w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/7-1-768x962.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/7-1-418x523.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/7-1.png 1213w\" sizes=\"auto, (max-width: 479px) 100vw, 479px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/app.weblium.com\/start-boilerplate?template=5eda35ac87fc1300228b6006\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>Start editing right now<\/b><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_Consistency\"><\/span><b>5. Consistency<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Inconsistency is what makes a bad website.<\/span><\/p>\n<p><strong>Go through this short checklist to avoid this design mistake:<\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">All colors match each other and are taken from your brand book;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">All elements deliver a consistent message;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You can form an opinion about the company by looking at the main page only.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Surprisingly, the \u201cHunger Games\u201d book author had a very inconsistent website with elements scattered all over the place.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-14769 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/8-2-734x600.png\" alt=\" good consistency\" width=\"734\" height=\"600\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/8-2-734x600.png 734w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/8-2-293x240.png 293w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/8-2-768x628.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/8-2-418x342.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/8-2.png 1213w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">Sending a consistent message is key.<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">On the lawyer\u2019s personal website template, <\/span><span style=\"font-weight: 400;\">there are no photos representing the expert\u2019s work. We added a couple of portrait photos to add personality to the service. The results include:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Every sentence leads to the main idea and explains what services they offer;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Several calls-to-actions in different areas lead to the same action: request a free consultation.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-14770 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/9-682x600.png\" alt=\"good consistency\" width=\"682\" height=\"600\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/9-682x600.png 682w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/9-273x240.png 273w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/9-768x676.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/9-418x368.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/9.png 1213w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/p>\n<p style=\"text-align: center;\"><b>\u00a0<\/b><a href=\"https:\/\/app.weblium.com\/start-boilerplate?template=5d22e953065d4e00241a757d\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>Start editing right now<\/b><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"6_Website_Usability\"><\/span><b>6. Website Usability<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">To achieve a well-designed interface created with a user in mind, consider these points:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Information hierarchy;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mobile-friendly design;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Clear navigation and structure;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Easy-to-read copywriting.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Budgets are Sexy is<\/span><span style=\"font-weight: 400;\"> one more example of bad website design: it\u2019s difficult to understand where to click and what to expect.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-14771 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/10-800x485.png\" alt=\"bad website Usability\" width=\"800\" height=\"485\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/10-800x485.png 800w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/10-320x194.png 320w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/10-768x466.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/10.png 1213w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/10-418x254.png 418w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.budgetsaresexy.com\/\" rel=\"nofollow\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<h3><strong>Usability first<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">It is a construction company website template<\/span><span style=\"font-weight: 400;\"> that combines <\/span>vital UX design principles:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Elements and photos match;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texts are easy to understand;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Important information is illustrated;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">It\u2019s responsive;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Call-to-action buttons are distinctive;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The navigation is clear.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-14775 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/11-3-800x476.png\" alt=\"good website usability\" width=\"800\" height=\"476\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/11-3-800x476.png 800w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/11-3-320x190.png 320w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/11-3-768x457.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/11-3-418x249.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/11-3.png 1213w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/app.weblium.com\/start-boilerplate?template=5e062585b1044c0021fa60f1\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>Start editing right now<\/b><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Let\u2019s sum it up. The core difference between good and bad websites lays in visual appeal, consistency and ability to help companies achieve business goals.<\/p>\n<p><b>Visual appeal<\/b><\/p>\n<p><span style=\"font-weight: 400;\">A good website has a clear structure, easy-to-use navigation, and non-distracting design, while a bad website makes you feel confused or even annoyed.<\/span><\/p>\n<p><b>Consistency<\/b><\/p>\n<p><span style=\"font-weight: 400;\">A good website matches a company\u2019s philosophy and tone of voice and sends only one message with each element. On the contrary, bad websites give a mixed impression and look like they\u2019ve been put together out of a few different sources.<\/span><\/p>\n<p><b>Ability to help you achieve business goals<\/b><\/p>\n<p><span style=\"font-weight: 400;\">A good website brings leads, builds company image, raises search engine ratings, and helps companies achieve other targets. Conversely, bad websites just exist out there and don\u2019t bring any good to the business.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_and_where_to_create_a_good_website\"><\/span><b>How and where<\/b><a href=\"https:\/\/weblium.com\/\"> <b>to create a good website<\/b><\/a><b>?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Reaching out to the Weblium \u201cdo-it-yourself\u201d builder,\u00a0 you always get a high-quality website. Our professional team has already created more than 280 ready-made templates, and our experience expands, as this number grows.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With Weblium you get:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A quality website at the 1\/10 of the average market price;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Website creation in a matter of days;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The ready-made website with an intuitive control panel which lets you make any changes fast and easily;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Technical support from real experts ready to answer your questions and guide you through Weblium interface and services 24\/7.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><strong><a class=\"button\" href=\"https:\/\/app.weblium.com\/signup?lang=en\" rel=\"nofollow\">Create a website for free<\/a><\/strong><\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 442px; top: 2998.73px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 442px; top: 2998.73px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 442px; top: 2998.73px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>How about creating your own website? Nowadays, this task is a no-brainer even for amateurs. But having a website is not enough. It should represent all of the company\u2019s strong sides and be appealing for potential clients. This is when web design comes into play. While design trends are changing regularly, users become more and &hellip;<\/p>\n","protected":false},"author":20,"featured_media":14776,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[89],"tags":[],"class_list":["post-7277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-research","has-thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>6 Differences Between Good and Bad Web Design - Weblium Blog<\/title>\n<meta name=\"description\" content=\"Being able to see the difference between good and bad websites and evaluate the work of an agency is a big advantage because: read more here!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 Differences Between Good and Bad Web Design - Weblium Blog\" \/>\n<meta property=\"og:description\" content=\"Being able to see the difference between good and bad websites and evaluate the work of an agency is a big advantage because: read more here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblium Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/weblium\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-27T15:56:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-20T12:50:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/Cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1214\" \/>\n\t<meta property=\"og:image:height\" content=\"663\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lucy Kuharenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Weblium\" \/>\n<meta name=\"twitter:site\" content=\"@Weblium\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucy Kuharenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/\"},\"author\":{\"name\":\"Lucy Kuharenko\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\"},\"headline\":\"6 Differences Between Good and Bad Web Design\",\"datePublished\":\"2022-08-27T15:56:42+00:00\",\"dateModified\":\"2024-12-20T12:50:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/\"},\"wordCount\":1342,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Cover.png\",\"articleSection\":[\"Research\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/\",\"name\":\"6 Differences Between Good and Bad Web Design - Weblium Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Cover.png\",\"datePublished\":\"2022-08-27T15:56:42+00:00\",\"dateModified\":\"2024-12-20T12:50:26+00:00\",\"description\":\"Being able to see the difference between good and bad websites and evaluate the work of an agency is a big advantage because: read more here!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Cover.png\",\"contentUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Cover.png\",\"width\":1214,\"height\":663},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/bad-vs-good-website-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Research\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/category\\\/research\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"6 Differences Between Good and Bad Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"name\":\"Weblium Blog\",\"description\":\"Weblium Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.en.weblium.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\",\"name\":\"Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"contentUrl\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"width\":200,\"height\":200,\"caption\":\"Weblium\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/weblium\\\/\",\"https:\\\/\\\/x.com\\\/Weblium\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/73127dd73609f37768e1c34bbab8c1fa\",\"name\":\"Lucy Kuharenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g\",\"caption\":\"Lucy Kuharenko\"},\"description\":\"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.\",\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/miledon88\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/liudmyla-kuharenko-057ab71a9\\\/\"],\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/author\\\/l-kuharenko\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 Differences Between Good and Bad Web Design - Weblium Blog","description":"Being able to see the difference between good and bad websites and evaluate the work of an agency is a big advantage because: read more here!","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:\/\/${domain}\/blog\/bad-vs-good-website-design\/","og_locale":"en_US","og_type":"article","og_title":"6 Differences Between Good and Bad Web Design - Weblium Blog","og_description":"Being able to see the difference between good and bad websites and evaluate the work of an agency is a big advantage because: read more here!","og_url":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/","og_site_name":"Weblium Blog","article_publisher":"https:\/\/www.facebook.com\/weblium\/","article_published_time":"2022-08-27T15:56:42+00:00","article_modified_time":"2024-12-20T12:50:26+00:00","og_image":[{"width":1214,"height":663,"url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/Cover.png","type":"image\/png"}],"author":"Lucy Kuharenko","twitter_card":"summary_large_image","twitter_creator":"@Weblium","twitter_site":"@Weblium","twitter_misc":{"Written by":"Lucy Kuharenko","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#article","isPartOf":{"@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/"},"author":{"name":"Lucy Kuharenko","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa"},"headline":"6 Differences Between Good and Bad Web Design","datePublished":"2022-08-27T15:56:42+00:00","dateModified":"2024-12-20T12:50:26+00:00","mainEntityOfPage":{"@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/"},"wordCount":1342,"commentCount":4,"publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"image":{"@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/Cover.png","articleSection":["Research"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/","url":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/","name":"6 Differences Between Good and Bad Web Design - Weblium Blog","isPartOf":{"@id":"https:\/\/${domain}\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#primaryimage"},"image":{"@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/Cover.png","datePublished":"2022-08-27T15:56:42+00:00","dateModified":"2024-12-20T12:50:26+00:00","description":"Being able to see the difference between good and bad websites and evaluate the work of an agency is a big advantage because: read more here!","breadcrumb":{"@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/${domain}\/blog\/bad-vs-good-website-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#primaryimage","url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/Cover.png","contentUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/Cover.png","width":1214,"height":663},{"@type":"BreadcrumbList","@id":"https:\/\/${domain}\/blog\/bad-vs-good-website-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/${domain}\/blog\/"},{"@type":"ListItem","position":2,"name":"Research","item":"https:\/\/${domain}\/blog\/category\/research\/"},{"@type":"ListItem","position":3,"name":"6 Differences Between Good and Bad Web Design"}]},{"@type":"WebSite","@id":"https:\/\/${domain}\/blog\/#website","url":"https:\/\/${domain}\/blog\/","name":"Weblium Blog","description":"Weblium Blog","publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/${domain}\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/${domain}\/blog\/#organization","name":"Weblium","url":"https:\/\/${domain}\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","contentUrl":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","width":200,"height":200,"caption":"Weblium"},"image":{"@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/weblium\/","https:\/\/x.com\/Weblium"]},{"@type":"Person","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/73127dd73609f37768e1c34bbab8c1fa","name":"Lucy Kuharenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/152979d1623bf30190199a7f56665a3f1f6a74ba32eeb594986b070dd965dab6?s=96&d=mm&r=g","caption":"Lucy Kuharenko"},"description":"I am the editor of the Weblium blog. I have more than 4 years of experience in marketing. I am interested in web design, SEO, and website development trends.","sameAs":["https:\/\/www.instagram.com\/miledon88\/","https:\/\/www.linkedin.com\/in\/liudmyla-kuharenko-057ab71a9\/"],"url":"https:\/\/${domain}\/blog\/author\/l-kuharenko\/"}]}},"jetpack_featured_media_url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/08\/Cover.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/7277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/comments?post=7277"}],"version-history":[{"count":35,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/7277\/revisions"}],"predecessor-version":[{"id":25036,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/7277\/revisions\/25036"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media\/14776"}],"wp:attachment":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media?parent=7277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/categories?post=7277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/tags?post=7277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}