{"id":9830,"date":"2020-09-25T10:00:36","date_gmt":"2020-09-25T07:00:36","guid":{"rendered":"https:\/\/vipestudio.com\/?p=9830"},"modified":"2020-09-25T20:14:00","modified_gmt":"2020-09-25T17:14:00","slug":"a-good-web-design-is-not-always-the-modern-design","status":"publish","type":"post","link":"https:\/\/vipestudio.com\/en\/a-good-web-design-is-not-always-the-modern-design\/","title":{"rendered":"A Good Web Design is not Always the Modern Design ~ a lesson by BoJack Horseman"},"content":{"rendered":"<p><em>Author Intro: When I am working on my WordPress stuff, I often have a background podcast or a tv show. One of my favourites is BoJack Horseman and here is what I&#8217;ve learnt from him&#8230;<\/em><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\">For sure you have played this \u2018Associations\u2019 game as a kid, haven\u2019t you? You say a word and then a friend of yours says the first thing that comes on his mind. \u2018<em>Horse<\/em>.\u2019 \u2018<em>Knight<\/em>.\u2019 \u2018<em>Sword<\/em>.\u2019 \u2018<em>Shield<\/em>.\u2019<\/p>\n<p style=\"text-align: left;\">And then suddenly someone just randomly shouts \u2018<em>A frog-shaped extra dark chocolate bar<\/em>.\u2019 Boom! Game over.<\/p>\n<p style=\"text-align: left;\">Would you believe if I tell you this is exactly the way a web session in a single website is experienced? The visitor, who is part of the potential target of this web page, opens the website with specific expectations of a horse, knight and a sword and suddenly sees a frog-shaped extra dark chocolate bar.<\/p>\n<p style=\"text-align: left;\">Plenty of users would still go for the chocolate if it is appetizing, but let\u2019s say it honestly &#8211; <strong>I am here for the knights, and you have offered me no knights at all!<\/strong><\/p>\n<p style=\"text-align: left;\">It is important to know your target and build your website design the way it will be accepted.<\/p>\n<h2 style=\"text-align: left;\">Web design trends in 2020<\/h2>\n<p style=\"text-align: left;\">According to one of the most influential websites regarding web design Designmodo and 99design, the trends in 2020 are:<\/p>\n<ul style=\"text-align: left;\">\n<li>Dark Mode Design;<\/li>\n<li>Combining Photography and Graphics;<\/li>\n<li>3D On&#8230; Anything!;<\/li>\n<li>Glowing Gradients;<\/li>\n<li>Streamlined Minimilastic Navigation;<\/li>\n<\/ul>\n<p style=\"text-align: left;\">The <strong>dark mode<\/strong> comes as a no surprise. More and more users are preferably switching to it, because of a good readable experience.<\/p>\n<p style=\"text-align: left;\">Not so long ago it was either choosing a graphic or photos. 2020 is all about combining it &#8211; aesthetic means a mix between Illustrator and Photoshop.<\/p>\n<p style=\"text-align: left;\"><strong>Three-dimensional imagery<\/strong> is always an instant hit &#8211; but trust us, it has to be somehow splashing &#8211; you all remember those 3D Spiderman scenes when a web is chasing you.<\/p>\n<p style=\"text-align: left;\">Flat design is still rocking around, but how a <strong>glowing gradient bubble<\/strong> can let you down?<\/p>\n<p style=\"text-align: left;\">Mega Menu is slowly starting to become old-fashioned. <strong>Minimalistic navigation<\/strong> all the way!<\/p>\n<p style=\"text-align: left;\">Despite all those trends are awesome, we all still wear jeans from 1873, don\u2019t we? The designer best ability is to know when and how to apply the trends!<\/p>\n<h2 style=\"text-align: left;\">How important is considering the target when designing a website?<\/h2>\n<p style=\"text-align: left;\">User Intuition only matters if you know what is the expected intuition behaviour of the specific user group.<\/p>\n<p style=\"text-align: left;\">Recently I have watched an episode of <em>Gordon Ramsey: Uncharted<\/em>, where the <a href=\"https:\/\/www.nationalgeographic.com\/shows\/gordon-ramsay-uncharted\/gordon-ramsay-s2-south-africa-cooking\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">famous chef cooked for the Zulu Chief<\/a> in South Africa. Despite cooking the meat rare is crucial for Ramsey, he cooked it extremely well-done because of his guest expectations.<\/p>\n<figure id=\"attachment_9865\" aria-describedby=\"caption-attachment-9865\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-9865 size-medium\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/Zola-Nene-and-Gordon-300x198.jpg\" alt=\"Zola Nene and Gordon Ramsey\" width=\"300\" height=\"198\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/Zola-Nene-and-Gordon-300x198.jpg 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/Zola-Nene-and-Gordon-620x410.jpg 620w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/Zola-Nene-and-Gordon.jpg 650w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-9865\" class=\"wp-caption-text\"><strong><em>Photo by: National Geographic<\/em><\/strong><\/figcaption><\/figure>\n<p style=\"text-align: left;\">The web designers\u2019 true professionalism is revealed when they know exactly how much salt to put on their web design according to the salt preferences of their visitors.<\/p>\n<h2 style=\"text-align: left;\">How can a website be killed by a modern re-design?<\/h2>\n<p style=\"text-align: left;\">No needs for big introductions here. Imagine your task is to redesign a 2003 web page for an audience in the age group 50-60, the majority of which are using the website since the 2000s. This example may sound ridiculous, but this is a not so rare task, trust us.<\/p>\n<p style=\"text-align: left;\">The problem comes when the users are somehow addicted to the classic interface and find scrolling in a hidden minimalistic UI menu unapplicable.<\/p>\n<p style=\"text-align: left;\">We have seen it &#8211; UX\/UI means nothing if your 2000-2005 website has a big auditory and needs a redesign. The designer has to match those concerns and find the perfect design for the visitors.<\/p>\n<h2 style=\"text-align: left;\">Matching the design with the product as it\u2019s finest: BoJack Horseman<\/h2>\n<p style=\"text-align: left;\">Have you watched the Netflix show of BoJack Horseman? It is about a washed-up Hollywood star of a 90s sitcom used to be a sex symbol anthropomorphic horse, who is currently an alcoholic trying to get his fame back. The show&#8217;s season 6 penultimate episode is <a href=\"https:\/\/www.imdb.com\/title\/tt11028174\/?ref_=ttep_ep15\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">rated 9.9 on IMDB<\/a> and was even scored a perfect 10 earlier.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-9837 size-large\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image1-1024x499.png\" alt=\"BoJackHorseman.com\" width=\"1024\" height=\"499\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image1-1024x499.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image1-300x146.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image1-768x374.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image1-1536x749.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image1-730x356.png 730w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image1.png 1891w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p style=\"text-align: left;\">The website of the show is a pure masterpiece! It is super old-fashioned, old-school, old-everything and is true design awesomeness as it is perfectly catching the character spirit. Why? <a href=\"http:\/\/bojackhorseman.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Here is why<\/a>.<\/p>\n<h3 style=\"text-align: left;\">No SSL<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-9845 size-full\" title=\"No SSL\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image7.png\" alt=\"\" width=\"266\" height=\"37\" \/><\/p>\n<p style=\"text-align: left;\">SSL? No Way Jose! This is too modern to even worry about.<\/p>\n<h3 style=\"text-align: left;\">Animated mouse<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9835\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image10.png\" alt=\"Animated Glitching Mouse\" width=\"505\" height=\"289\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image10.png 505w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image10-300x172.png 300w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><\/p>\n<p style=\"text-align: left;\">The comparable to nothing feeling of a glitching cursor animation on a rainy 2004 afternoon of visiting websites of your favourite TV shows. The character BoJack used to be a slowly falling star even back then, so the website HAD to be modern for the time.<\/p>\n<h3 style=\"text-align: left;\">Related to nothing GIFs<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9839\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image3.png\" alt=\"\" width=\"527\" height=\"405\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image3.png 527w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image3-300x231.png 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/p>\n<p style=\"text-align: left;\">The website creators even titled the non-sense animation \u2018So cool\u2019.<\/p>\n<h3 style=\"text-align: left;\">HOTMAIL<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9841\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image4.png\" alt=\"\" width=\"534\" height=\"116\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image4.png 534w, https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image4-300x65.png 300w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><\/p>\n<p style=\"text-align: left;\">Hotmail &#8211; a blast from the past! Is there anyone who is still using an account there?<\/p>\n<h3 style=\"text-align: left;\">Non-working fake web counter<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9833\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image9.png\" alt=\"\" width=\"238\" height=\"159\" \/><\/p>\n<p style=\"text-align: left;\">This hit hard! Those counters were massive &#8211; they were always fake, the numbers were changing all the time constantly. In a matter of seconds, the count was changing with a hundred positions above. At some point, I was sure those were just GIFs.<\/p>\n<h3 style=\"text-align: left;\">Non-working image with genius titles<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9843\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2020\/09\/image6.png\" alt=\"\" width=\"218\" height=\"283\" \/><\/p>\n<p style=\"text-align: left;\">A website from this decade was impossible to exist without a broken image. \u201cThe one on the beach where I look sexy\u201d is simply perfect.<\/p>\n<p style=\"text-align: left;\">BoJackHorseman.com is the best example I can recall for a successful website without following a single trend.<\/p>\n<h2 style=\"text-align: left;\">Conclusion<\/h2>\n<p style=\"text-align: left;\">A good professional is always known for understanding the business as a whole. The man behind the desk needs to learn in-depth the good and the bad practices, the modern tendencies and the evergreen cliches.<\/p>\n<p style=\"text-align: left;\">Vipe Studio ultimate goal is to always apply a solution according to the client desire.<\/p>\n<p style=\"text-align: left;\">If you find the article interesting, feel free to share, comment and discuss in the form below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Author Intro: When I am working on my WordPress stuff, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":9867,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[117],"tags":[319,318,317,292,267],"class_list":["post-9830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-design","tag-bojack","tag-ui","tag-ux","tag-web-design-en","tag-wordpress-design"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts\/9830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/comments?post=9830"}],"version-history":[{"count":0,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts\/9830\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/media\/9867"}],"wp:attachment":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/media?parent=9830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/categories?post=9830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/tags?post=9830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}