{"id":2992,"date":"2020-01-31T11:16:18","date_gmt":"2020-01-31T11:16:18","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=2992"},"modified":"2023-07-27T15:50:09","modified_gmt":"2023-07-27T14:50:09","slug":"layout-options-for-services-pages","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/","title":{"rendered":"Layout options for services pages"},"content":{"rendered":"<p>If your company or business offers a range of services, rather than products, you will probably be using a number of services pages on your website. This should provide your potential customers or clients with the information they need, and a direct option for contacting your company, making a booking, or signing up to your services. But the layout of this page can be incredibly important. Especially if you want to make a high number of conversions. So what are the most effective layout options for services pages? And how can these benefit your website? Well here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester,<\/a>\u00a0we are Manchester&#8217;s leading\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-goals-for-2020\/\">web design<\/a> professionals. We work with a variety of companies across Manchester, and the North West, including those in\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-blackburn\/\">Blackburn<\/a>\u00a0and\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-chorley\/\">Chorley<\/a>, to provide high quality web design solutions. And this is our guide to everything you should know about designing the layout for services pages.<\/p>\n<h2>What are the different layout options for services pages?<\/h2>\n<p>Services pages, just like the rest of your website, can be designed with multiple different layouts. If your overall website is using the same layout throughout, which is great for continuity, you should continue this layout with the services page. Otherwise you could choose:<\/p>\n<ul>\n<li>Split-screen layout<\/li>\n<li>A grid layout<\/li>\n<\/ul>\n<h3>Split screen layouts for services pages<\/h3>\n<p>Services pages can work very well when designed in a split screen layout. This can allow the information and visuals to be delivered in two distinct areas, drawing attention from one part of the page to another. You could consider:<\/p>\n<ul>\n<li><strong><em>a 50:50 split-<\/em><\/strong> by splitting the page 50:50 you can create a balanced services page that combines important text with high quality images, on screen at the same time. This can be an effective way to keep the attention of your potential customers or clients for longer. For a more interesting visual feature, you can alternate each side with text and images, as users scroll down the page.<\/li>\n<li><strong><em>\u00a0An unequal split-<\/em><\/strong> asymmetry is a popular web design tool and for good reason. This creates a striking and interesting visual effect that can pique the interest of your audience, as soon as the page load.<\/li>\n<\/ul>\n<p>If you do choose a split screen design, it is important to consider that when viewing this on a mobile device, the effect will probably be lost, as each side of the screen will stack vertically to suit the narrow mobile device screen.<\/p>\n<h3>Grid layouts for services pages<\/h3>\n<p>If you offer a number of different services, you could use an overview pages in a grid layout, outlining the various services on offer. This can help your potential clients or customers compare services on the same screen, and quickly find what they need. However, they will then need to click through to an individual services page, which can increase the interaction cost.<\/p>\n<p>But individual services pages can also be arranged in a grid layout, and this can be very effective. From hierarchical grid layouts with stunning imagery at the top, to a modular grid layout with alternating boxes of written content and visuals, there are a number of ways to use a grid layout for an effective services page.<\/p>\n<p>For more information or advice, or for high quality, professional web design solutions, 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>If your company or business offers a range of services, rather than products, you will probably be using a number of services pages on your website. This should provide your potential customers or clients with the information they need, and a direct option for contacting your company, making a booking, or signing up to your [&#8230;]\n","protected":false},"author":2,"featured_media":1965,"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>Layout options for services pages - 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\/layout-options-for-services-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layout options for services pages - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"If your company or business offers a range of services, rather than products, you will probably be using a number of services pages on your website. This should provide your potential customers or clients with the information they need, and a direct option for contacting your company, making a booking, or signing up to your [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-31T11:16:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T14:50:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/02\/web-design-in-Manchester.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\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\/layout-options-for-services-pages\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/\",\"name\":\"Layout options for services pages - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2020-01-31T11:16:18+00:00\",\"dateModified\":\"2023-07-27T14:50:09+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layout options for services pages\"}]},{\"@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":"Layout options for services pages - 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\/layout-options-for-services-pages\/","og_locale":"en_GB","og_type":"article","og_title":"Layout options for services pages - Pumpkin Web Design Manchester","og_description":"If your company or business offers a range of services, rather than products, you will probably be using a number of services pages on your website. This should provide your potential customers or clients with the information they need, and a direct option for contacting your company, making a booking, or signing up to your [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2020-01-31T11:16:18+00:00","article_modified_time":"2023-07-27T14:50:09+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/02\/web-design-in-Manchester.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\/layout-options-for-services-pages\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/","name":"Layout options for services pages - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2020-01-31T11:16:18+00:00","dateModified":"2023-07-27T14:50:09+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/layout-options-for-services-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Layout options for services pages"}]},{"@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\/2992"}],"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=2992"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2992\/revisions"}],"predecessor-version":[{"id":12549,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2992\/revisions\/12549"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/1965"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=2992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=2992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=2992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}