Website Design and Layout

In order to picture what your website is going to look like; we need to take a step back and understand the basics by asking ourselves these 3 questions:

  1. What is the purpose of my site?
  2. Who do I want to engage on my site?
  3. What do I want customers to do on my site?

Once we figure out these fundamentals, it can better assist with the design and functionality for your site.

I have created a website enquiry form that deals with the finer details around your website, and helps us get started. These answers better guide me to quote you on your website needs, as well as assist throughout the web design process.

To give you some background as to the layout and why I require certain content, I have explained the web design layout below.

A typical Website has the following pages that will need to be designed:

  • Homepage / Landing Page
  • Contact Page
  • About Page
  • Ecommerce / Shop Page
  • Additional pages (services etc)

The Landing Page (aka your websites reception):

The reason why a Landing page is so important is because it is your websites HOME. It sets the tone for your entire website and lays out the navigation for your site. We use the homepage to guide visitors and direct them to the website’s functionality through the use of buttons for navigation.

Consider the landing page to be the virtual “reception” of your business. A “walk in” customer would like to know what it is that you do, how to book your services and who to talk to regarding what they need. If they are met with an ease of information, they will likely have a pleasant experience. 

So, with a effectively designed landing page, your visitor is guided throughout the site and has access to your information with ease. Without you having to lift a finger.

This is why a well designed website landing page is so important. You could lose a customer who just “walked in the door” by having an unresponsive reception.

So, what do we need for a Landing Page:

  1. Ease of navigation – is it easy to get around? Are there enough links to the website’s pages, and do they navigate back?
  2. Clear call to action – what do you want your visitor to do? If your website is an eCommerce website, you want your visitors to go to the shop page and have easy access to products.

We techies have different lingo such as above-the-fold / hero images / headers etc. But all you need to know is that the most important part of your Landing Page is the top section that is visible before scrolling down. I refer to this section as your Header section.

Header Section:

This section is what grabs your visitor. This is where your main call to action (CTA) needs to be.

Here we need the following:

  1. Headline
  2. Sub Heading
  3. CTA
  4. Feature Image

Section 2:

Now that your visitor is intrigued and wants to know more, they scroll down and land on the second part of page. This area is for providing your visitor with compelling reasons to make use of your services.

Section 3:

Success Stories and Testimonials. These help your visitors see that you; 1) have conducted business with actual people, and 2) that this was a positive experience.

Section 4:

A featured section – briefly stating exactly what it is that you do and can offer. And possibly a product special or sale item. 

Section 5:

Contact form / Sign up for Newsletter / Download Freebies – quick and easy access to these forms.

So with this being said, as a designer I require the content that will be placed in these sections. The content does not necessarily have to be pretty and already designed, it is the content such as wording and photos that I will use to place in the website. 

To make this process easier, I have created a downloadable pdf checklist. This will prompt you for all the content required to me to complete you landing page. If there are any sections that you are unsure of, you are welcome to send me an email for me to explain further.