When you’re about to begin working on your own website or with a designer, it may feel overwhelming if you’ve not had any experience in customizing or creating a website on your own.

How do you address the various sections on a website’s landing page?

In this article, we will introduce beginners into how we can better address some of the basic website terminology while you’re working on your website!

Learn more about Basic Website Terminology

“Please put that text in that box, the button at the side of the top box and don’t forget to shift that box up a bit!”

Does this sound familiar?

Throughout the years, we’ve heard of many different words and ways used to describe certain sections of a webpage. So we decided to help us all better define the basic website design terminology. Here are some terms you can easily refer to when it comes to communicating properly with your team!


Beginner’s Guide

Website design terminology

Learn the easy terms used for websites at Coding for her


  • Logo/ Header: This is easy, here is where your Logo goes! There are many different ways you can place your logo, be it on a dark or light background, centralized or aligned lift, it will be placed in the header section.
  • Navigation: The main navigation with all the links to your subpages will be here. We recommend keeping the words short and sweet!
  • Tagline: The selling point of your business or brand. It should be concise and within 10 words or less.
  • Call-to-action: Your CTA could be buttons, large text links or anything that invites your visitors to click to find out more. Ensure this is large or obvious enough so that even aunties or uncles can locate these easily!
  • Full-with Banner: The large image that stretches to the maximum width of your browser window. The purpose of the image is to support your main Tagline and to allow visitors to know within 1 – 3 seconds of what you do. Let your image do the talking!
  • Header + Body Copy: This refers to the content you want on your website! Body copy does not mean a duplicate of the content but just the textual content. We recommend incorporating content that has relevant SEO keywords to help your business rank better on search engines such as Google.
  • Blog/ Product Post: These would be thumbnails pulled out from your blog posts or products that will be featured on the Homepage. You are able to select what you want featured on the main landing page.
  • Slider/ Carousel: This is where you would like content (usually in 3 columns or more) to rotate automatically left to right. It gives a sneak preview to more content while minimizing the space used in that row.
  • Large CTA Banner: Imagine you’re at IKEA, you’ve already walked through the main areas of the store and towards the end, you come across a banner asking if you’d like a discount on a particular product that you may be interested in. Wouldn’t that entice you to purchase it? Similar to how we incorporate large CTA banners towards the bottom, we’d want visitors to stay on the website by directing them to other pages that may interest them!
  • Newsletter: This is to where visitors are able to input their email address to signup for your mailing list.
  • Footer Navigation: To easily navigate to other pages, you may add a second or third navigation list of items here. The footer is the whole bottom of your webpage.

There are many other terms used for websites such as for web development but here are the basics! If you are still confused, not to worry – we’re here to help! Drop us a comment if you have any questions.

Have fun with designing your own website and we hope this helps you to communicate better with your designer!

Leave a Reply