{"id":811,"date":"2018-06-29T14:24:39","date_gmt":"2018-06-29T13:24:39","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=811"},"modified":"2023-08-03T16:05:41","modified_gmt":"2023-08-03T15:05:41","slug":"creating-a-visual-website","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/","title":{"rendered":"Creating a visual website"},"content":{"rendered":"<p>When it comes to quality web design, your website should aim to be visual and appealing. But balancing all the text with visual elements can be tricky. Especially when your website needs to meet user expectations. So what can you do? Well, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-and-navigation-bar-options-for-usability\/\">web design experts<\/a>. And we work with customers across Manchester and the North West, to deliver top quality web design solutions that really work. As a result, we have a wealth of experience in creating visually stunning, and practical, websites. And this is our guide to creating a visual website.<\/p>\n<h2>Above the fold content<\/h2>\n<p>One of the easiest ways to make your website more visually appealing is to focus on the <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/above-the-fold-content-for-web-design\/\">above the fold content<\/a>. This is the content that appears on screen, without the user needing to scroll. You&#8217;ve probably noticed that many websites use this space to create something bold and flashy. This can include:<\/p>\n<ul>\n<li>a short, professional video clip<\/li>\n<li>a large &#8220;hero image&#8221;<\/li>\n<li>unique typography and a background design<\/li>\n<\/ul>\n<p>Each of these three options instantly grab the users attention. Visual content is much easier for human brains to process than written content, and so adding visual content to your above the fold space is a great step for\u00a0creating a visual website.<\/p>\n<h3>Icons and illustrations<\/h3>\n<p>Once you have a large piece of visual content above the fold, you can consider the smaller, more subtle options. These include adding icons and illustrations.<\/p>\n<p>Illustrations in web design can include:<\/p>\n<ul>\n<li><strong><em>Adding an illustration for a page link-<\/em> <\/strong>why link to a relevant page with a text link, when you could design a small, branded illustration? It&#8217;s important that this content is professional and well created, in line with the company branding.<\/li>\n<li><strong><em>Adding illustrations to text elements-<\/em><\/strong> Illustrations can bring text to life. That&#8217;s why they have always been so popular in books. So why not spice up your text elements with a relevant illustration. Not only will it attract users attention to the text, but it will also make your website more visual, and mroe engaging.<\/li>\n<\/ul>\n<p>Icons in webs design are essentially symbols or small illustrations that are universally recognized. These might include:<\/p>\n<ul>\n<li>contact symbols for email or phone<\/li>\n<li>map symbols<\/li>\n<li>shopping symbols<\/li>\n<\/ul>\n<p>If you do use icons, make sure they are universally recognised to avoid confusing your potential customers.<\/p>\n<h3>Professional imagery<\/h3>\n<p>Finally, professional imagery is a key part of web design. Especially for\u00a0creating a visual website. Images that you use on your website need to be professional quality, but also optimized to provide the fastest load times. You need to use images to:<\/p>\n<ul>\n<li><em><strong>Sell your products or services-<\/strong><\/em> images can really help to sell your products or services and to help users understand your company<\/li>\n<li><strong><em>Break up text-<\/em> <\/strong>if you have some text heavy websites, consider including a images to break up the text and make your page more visually attractive. This will also help to direct users attention down the page, and keep them reading.<\/li>\n<\/ul>\n<p>For more information about\u00a0creating a visual website, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to quality web design, your website should aim to be visual and appealing. But balancing all the text with visual elements can be tricky. Especially when your website needs to meet user expectations. So what can you do? Well, here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. [&#8230;]\n","protected":false},"author":2,"featured_media":763,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating a visual website - Pumpkin Web Design Manchester<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a visual website - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"When it comes to quality web design, your website should aim to be visual and appealing. But balancing all the text with visual elements can be tricky. Especially when your website needs to meet user expectations. So what can you do? Well, here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-29T13:24:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T15:05:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/shutterstock_248823070.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"498\" \/>\n\t<meta property=\"og:image:height\" content=\"388\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/\",\"name\":\"Creating a visual website - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2018-06-29T13:24:39+00:00\",\"dateModified\":\"2023-08-03T15:05:41+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a visual website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a visual website - Pumpkin Web Design Manchester","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:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/","og_locale":"en_GB","og_type":"article","og_title":"Creating a visual website - Pumpkin Web Design Manchester","og_description":"When it comes to quality web design, your website should aim to be visual and appealing. But balancing all the text with visual elements can be tricky. Especially when your website needs to meet user expectations. So what can you do? Well, here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2018-06-29T13:24:39+00:00","article_modified_time":"2023-08-03T15:05:41+00:00","og_image":[{"width":498,"height":388,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/shutterstock_248823070.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/","name":"Creating a visual website - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2018-06-29T13:24:39+00:00","dateModified":"2023-08-03T15:05:41+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/creating-a-visual-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Creating a visual website"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/811"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=811"}],"version-history":[{"count":1,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/811\/revisions"}],"predecessor-version":[{"id":12877,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/811\/revisions\/12877"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/763"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}