LIGHT BULB WEB DESIGN BLOG

KEEP UP TO DATE WITH US

Website Design Blog

Welcome to the blog for Light Bulb Web Design in Carlisle!

What actually is a website page?

What is a website page?

​If you look at our website design prices, and often those of many other web design companies, they talk about how many pages each price allows for.

But often we are asked "What do you mean by a website page?"

We normally define a website page as a specific part of your website that can be accessed by clicking a link in the main top menu - our standard web design price currently includes the following pages, each with a top menu link or for the Privacy Policy, a link in the footer (bottom of each page):

  1. Home page
  2. Services or About Us page
  3. Privacy Policy page
  4. Dedicated Contact page

Each of these 'pages' is seperate, they contain only information specific to that section of your website.  We would normally use the Home page to focus visitors quickly to see what your business offers and why they should choose you, offering quick and clear visual guidance on where to click to find out more about the most important aspects of your business or products.  We'll often include more on this page, perhaps a brief company intro or other features which are important to the message you wish to get across.

If a page was added to cover the services you offer, this page would only provide detail on these and nothing else - there will be clear 'Calls to action' (CTA), letting the visitor know how to get in touch or make a purchase, and if suitable, additional CTA's directing them to other relevant pages of your website.

However, each page can also be considered as a sequence of views - a set of screen-size chunks that are generally viewed and read as a visitor scrolls down the page.  If the Services page contains information about 4 different services, then each service needs to stand alone when being read, keeping it clearly separate and defined from other services.

Each service becomes a screen-size chunk of information.  As such, each of these chunks needs to be considered as its own section, needing design consideration to keep it both part of the overall page layout, alongside consideration of how it does stand alone when being read.

When thinking about how a visitor takes in information, keeping the presentation of this standardised throughout the website makes it much easier and clearer for them to take in what is important.  For a Services page, that would mean keeping the layout of each 'Service' the same as others - there can be layout variations to give aesthetic interest, so if the first Service has an image to the right of the text description, the second one may have the image on the left and text on the right, but the overall styling and design of each Service 'section' should be kept the same so the reader is aware of this information break down.

Optimising each page for different devices

Whilst this is often all well and good for people browsing your website on a desktop, laptop or even larger tablet device, when viewing website pages on a mobile phone, the screen real estate space is much different - you do not have the larger screen width to work with, instead more often just the narrower width but taller height.  This is where a mobile first web design strategy becomes important.  It is no longer ideal to just create each website page section for desktop, and live with how that flows when viewed on mobile.  Instead, each section of a web page needs to be adjusted for each device type to make sure that the most is made of each.

Using the example above, where each Service has its own section of a page, with images alternated right/left/right/left, nearly all web designs would present this strangely on mobile, making it flow:

  1. Text
  2. Image
  3. Image
  4. Text
  5. Text
  6. Image
  7. Image
  8. Text

As you can see above, this leaves sets of two images or text blocks flowing one above the other, which can look a little unusual and perhaps unclear as to which image is supposed to be with which block of text.  With mobile phone browsing well above that of desktop use nowadays, ​we would use our web design tools to specifically affect the mobile view of this page to instead flow more sensibly as:

  1. Image
  2. Text
  3. Image
  4. Text
  5. Image
  6. Text
  7. Image
  8. Text

This gives a significantly clearer layout for mobile visitors, with a standard layout for each service as they scroll down the page.  No guessing about images, no strange pairs of image or text areas.

We will be going over our approach to the 'Mobile First' design strategy in a later article, but for now hope that you now have a bit more understanding of what a website page actually is, and also how we look at the design of each, making sure your whole website follows a standardised layout that makes things optimised for visitors, customers and also the type of device they are using to browse.

If you'd like any more information about our service, please don't hesitate to get in touch, we'd love to hear from you:

This email address is being protected from spambots. You need JavaScript enabled to view it.

07880 858381

What is a domain name and why do I need to keep pa...
Mobile friendly...or is it?
 

Comments

No comments made yet. Be the first to submit a comment
Guest
Wednesday, 17 October 2018

Captcha Image

Copyright © 2018 Light Bulb Web Design Ltd, Carlisle.
All Rights Reserved.
Registered Company Number: 11283134

Business Address: 4 Hamilton Drive, Carlisle, CA2 4QS
Registered Company Address: Pacific House, Fletcher Way, Carlisle, CA3 0LJ
Privacy Policy