{"id":78622,"date":"2020-04-27T11:00:10","date_gmt":"2020-04-27T11:00:10","guid":{"rendered":"https:\/\/designbuzz.com\/?p=78622"},"modified":"2020-04-27T11:01:04","modified_gmt":"2020-04-27T11:01:04","slug":"things-to-consider-when-designing-your-next-website","status":"publish","type":"post","link":"https:\/\/designbuzz.com\/things-to-consider-when-designing-your-next-website\/","title":{"rendered":"Things to Consider when Designing your next Website"},"content":{"rendered":"<div class=\"79269cf5c79b40a0fba5c0560fa469d3\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block; text-align:center;\"\r\n     data-ad-layout=\"in-article\"\r\n     data-ad-format=\"fluid\"\r\n     data-ad-client=\"ca-pub-9477973674766713\"\r\n     data-ad-slot=\"8885944693\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n<p>Building a new <em><span style=\"text-decoration: underline;\"><strong>website<\/strong><\/span><\/em> can be an exciting time, especially if it is the first one you have set up. It can also be quite daunting, because there are a lot of different factors that you need to consider.<\/p>\n<p>From\u00a0<em><span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/designbuzz.com\/essential-web-design-team-structure-tips\/\">choosing the right team<\/a><\/strong><\/span><\/em>\u00a0and picking the perfect domain name and extension, to which hosting provider you\u2019ll use, there is a lot to consider. That\u2019s before you\u2019ve even come to make decisions about your website&#8217;s design.<\/p>\n<p>Here are some key factors for the design that you should consider. <!--more--><\/p>\n<h2><strong>\u00a0<\/strong><strong>Who is Your Audience?<\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78582\" src=\"https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Target-Audience.jpg\" alt=\"Target Audience\" width=\"800\" height=\"534\" srcset=\"https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Target-Audience.jpg 800w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Target-Audience-300x200.jpg 300w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Target-Audience-600x401.jpg 600w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Target-Audience-768x513.jpg 768w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Target-Audience-585x390.jpg 585w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Before you start building or even producing a wireframe, you need to understand who your website will be used by.<\/p>\n<p>You\u2019ll need to adapt the colours and imagery that you use in the design to reflect the interests and needs of the people that will use it. You may also need to consider the computer skills of your audience, particularly if they are older.<\/p>\n<p>For example Reader\u2019s Digest is a website aimed at older audiences. It uses larger font sizes and has a very uncluttered, easy to use design. While Footlocker\u2019s website\u00a0<em><span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.footlocker.co.uk\/en\/homepage\" target=\"_blank\" rel=\"noopener\">features a lot of imagery<\/a><\/strong><\/span><\/em>\u00a0that has been clearly modelled on pop culture, taking inspiration from things like music videos.<strong>\u00a0<\/strong><\/p>\n<h2><strong>How Will People Find You?<\/strong><\/h2>\n<p>As you plan the structure and customer journey of your website you need to start considering how you will promote the site.<\/p>\n<p>While the content of your site will be important for your SEO activities, getting a solid structure that has a logical set of pillar pages and a clear hierarchy will make it much easier to get your content strategy right.<strong>\u00a0<\/strong><\/p>\n<h2><strong>Make it Mobile Friendly<\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78624\" src=\"https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Building-a-new-website.jpg\" alt=\"Building-a-new-website\" width=\"800\" height=\"533\" srcset=\"https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Building-a-new-website.jpg 800w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Building-a-new-website-300x200.jpg 300w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Building-a-new-website-600x400.jpg 600w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Building-a-new-website-768x512.jpg 768w, https:\/\/designbuzz.com\/wp-content\/uploads\/2020\/04\/Building-a-new-website-585x390.jpg 585w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Around half of all web traffic now comes from mobile devices. Google also indexes new websites with a \u201cmobile-first\u201d approach. So it is vital that you ensure your site will work well on a small screen.<\/p><div class=\"79269cf5c79b40a0fba5c0560fa469d3\" data-index=\"2\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block; text-align:center;\"\r\n     data-ad-layout=\"in-article\"\r\n     data-ad-format=\"fluid\"\r\n     data-ad-client=\"ca-pub-9477973674766713\"\r\n     data-ad-slot=\"8885944693\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n\n<p>Since 2010, the way web developers have achieved this has been through a process called responsive design. This makes use of flexible sizing of objects and a fluid grid to allow the layout to move and fit the screen size.<\/p>\n<p>If you use a content management system like WordPress it\u2019s likely that your theme will automatically be responsive, so there shouldn\u2019t be too much to worry about.<\/p>\n<p>In addition to a responsive web design that works well on mobile devices, you may wish to consider having a mobile app too. This will depend entirely on what you plan your website to do. For example, you will likely want to use an app if you want to <em><span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/faq.whatsapp.com\/kr\/iphone\/20950116\/\" target=\"_blank\" rel=\"noopener\">send regular push notifications<\/a><\/strong><\/span><\/em> to your users, which is common in chat apps like WhatsApp and Messenger.<\/p>\n<p>You may also wish to launch an app so that you can use native functionality, like full screen or game mode. This is common among mobile games like the PokerStars app, which has almost all of the same features as its desktop version, but\u00a0<em><span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.pokerstars.bet\/mobile\/\" target=\"_blank\" rel=\"noopener\">in a format optimised for Android<\/a><\/strong><\/span><\/em>.<\/p>\n<p>Other examples of using both a responsive design and an app can be seen in Fintech products like Curve. Visitors to the company&#8217;s site are <em><span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.curve.com\/\" target=\"_blank\" rel=\"noopener\">encouraged to sign up<\/a><\/strong><\/span><\/em>, but in order to use its full range of services they need to download the app.<strong>\u00a0<\/strong><\/p>\n<h2><strong>Get the Content Right<\/strong><\/h2>\n<p>You should be planning the content and the design at the same time, as they will both affect the other. You need to lay the content out in a way that makes it attractive and enticing so that users are encouraged to read it in the first place. This can be seen in the fact that research by Adobe has shown that 59% of users want content that is \u201cbeautifully designed\u201d.<\/p>\n<p>This will also help to make the key message of your site clear, which is another important element since 46% of users say they will leave a website if it lacks clarity.<\/p>\n<p>Therefore, how you display the content is just as important as the content itself. You may need to consider using imagery to compliment the message, but ensure that it doesn\u2019t clutter the page too much.<\/p>\n<p>Article Submitted By Community Writer<\/p>\n<div class=\"79269cf5c79b40a0fba5c0560fa469d3\" data-index=\"3\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n          <p><a id=\"link-15\" href=\"\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <img decoding=\"async\" style=\"width:100%;height:auto;\" id=\"img-15\" src=\"\"><\/a><\/p>\r\n            <script>\r\n            var xmlhttp = new XMLHttpRequest();\r\n            xmlhttp.onreadystatechange = function() {\r\n              if (this.readyState == 4 && this.status == 200) {\r\n                var myObj = JSON.parse(this.responseText);\r\n                document.getElementById(\"link-\"+myObj.id).setAttribute('href',myObj.url);\r\n                document.getElementById(\"img-\"+myObj.id).setAttribute('src','https:\/\/fetch.drprem.com\/\/uploads\/'+myObj.image);\r\n              }\r\n            };\r\n            xmlhttp.open(\"GET\", \"https:\/\/fetch.drprem.com\/\/api\/Ads\/15\", true);\r\n            xmlhttp.send();\r\n            <\/script>\r\n        \r\n        <style>\r\n        *{box-sizing:border-box}.top-container{display: grid;grid-template-columns: auto auto auto;}.column{float:left;width:100%;padding: 0 7.5px 15px 7.5px;}.row{margin:0 -5px}.row:after{content:\"\";display:table;clear:both}@media screen and (max-width: 600px){.top-container{display: block;grid-template-columns: unset;}.column{width:100%;display:block;margin-bottom:20px}}.card{text-align:center;}.card_image img{width:100%}.card_body{padding:15px}.card_title{font-size: 14px;line-height: 19px;text-decoration: none;text-align:left;color: #333;}.card-heading{text-align: left;margin-bottom: 25px !important;}\r\n        <\/style>\r\n        <div class=\"row todays-top\">\r\n            <h3 class=\"card-heading\"> Today's Top Articles: <\/h3><div class=\"top-container\" id=\"todays-top\">\r\n        <\/div>\r\n        <\/div>\r\n        <script>\r\n            var xmlhttp = new XMLHttpRequest();\r\n            xmlhttp.onreadystatechange = function() {\r\n            if (this.readyState == 4 && this.status == 200) {\r\n            var myObj = JSON.parse(this.responseText); \r\n            myObj.forEach(function(item) {\r\n            document.getElementById('todays-top').innerHTML += '<div class=\"column\"><div class=\"card\"><div class=\"card_image\"><a href=\"'+item.url+'\"><img decoding=\"async\" src=\"'+item.image+'\"><\/a><\/div><div class=\"card_body\"><a href=\"'+item.url+'\"><h3 class=\"card_title\">'+item.title+'<\/h3><\/a><a href=\"'+item.url+'\">Read more<\/a><\/div><\/div><\/div>';\r\n            });\r\n            }\r\n            };\r\n            xmlhttp.open(\"GET\", \"https:\/\/fetch.drprem.com\/api\/Blogs\", true);\r\n            xmlhttp.send();\r\n            <\/script>\r\n        \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<style>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.videoWrapper{position:relative;padding-bottom:56.25%;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/style>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"videoWrapper\" id=\"video_7\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<script>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar xmlhttp = new XMLHttpRequest();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            xmlhttp.onreadystatechange = function() {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            if (this.readyState == 4 && this.status == 200) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                var myObj = JSON.parse(this.responseText);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                document.getElementById(\"video_\"+myObj.id).innerHTML = myObj.embed_video_code;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            }\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            };\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            xmlhttp.open(\"GET\", \"https:\/\/fetch.drprem.com\/api\/Videos\/7\", true);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            xmlhttp.send();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/script>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n<\/div>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Building a new website can be an exciting time, especially if it is the first one you have set up. It can also be quite daunting, because there are a lot of different factors that you need to consider. From\u00a0choosing &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/designbuzz.com\/things-to-consider-when-designing-your-next-website\/\"> <span class=\"screen-reader-text\">Things to Consider when Designing your next Website<\/span> Read More \u00bb<\/a><\/p>\n","protected":false},"author":10,"featured_media":78625,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[5456],"tags":[8941,10878,526,23,10877,10876,10875,18,6542,7249],"class_list":["post-78622","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-offbeat","tag-audience","tag-building-a-new-website","tag-designing","tag-featured","tag-get-the-content","tag-mobile-friendly","tag-promote","tag-top","tag-website","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/posts\/78622"}],"collection":[{"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/comments?post=78622"}],"version-history":[{"count":0,"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/posts\/78622\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/media\/78625"}],"wp:attachment":[{"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/media?parent=78622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/categories?post=78622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designbuzz.com\/wp-json\/wp\/v2\/tags?post=78622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}