Website Glossary

Website glossary

Understand all the terms
and jargon used in website design.

Website design & development terms explained in details


Since you are on this page, you are probably new to website in general and perhaps you are trying to start your first website project. You have come to the right place, we will walk you through all the essential things you need to know about website design & development.

``A website is a collection of related web pages, including multimedia content``


A website project starts with a design (well, actually content comes before design ) then the development of that design (the coders will need to write code to translate the design into machine languages that can be used to display your site.

Depending on the purpose, budget and resources, the website can be designed & develop from scratch or can be based on a pre-made template.

Bespoke, custom, tailor-fit websites all mean the same thing: websites designed and developed specifically for you based on deep understanding of your business, your target customers, your needs.

The website design project workflow can go through many steps and take quite some time. Many website service providers use pre-designed, pre-developed website templates to mass generate websites at low cost. The flip side of this practice is that many websites are looking the same with generic layouts that users cannot tell apart. Custom web design and development can take lots of time and resources but consider this:

  1. A bespoke website designed exactly for your business will capture attention and bring your message across to turn visitors into leads and sales.
  2. A custom developed website is tweaked and optimized to follow the best practice in accessibility and Search Engine Optimization to help you rank well on search results.

Beyond tailor-fit website design


Once you have your website designed & developed, you will want to be able to edit its contents yourself. The backend administration tool that provides the ability to edit the website contents is usually called the Content Management System (CMS). All our websites, for example, are built upon our user-friendly CMS that gives you the power to update and edit your website content and layout without needing any coding skills. Once we deploy the websites for you on our cloud servers, we will help you to ensure that your website is always:

  1. Up and running smoothly
  2. Updated and secured with latest security patches
  3. Equipped with latest tools to manage and grow your online business

Once you have your website up and running, you can utilize our Website Management Packages to keep your site active and fresh to draw visitors and generate leads.

Custom or Template website design?


It's hard to say which option suits you the best, it all depends on your goals and your budget and time restriction. Generally, even with the budget limitation, you should consider opting for a hybrid option that allows you to customize the template to fit your goals. We have covered the topic in much more details in our article Website template vs Custom Website, please be sure to check it out if you are interested in learning more.

Understanding website design terms and packages


To get you started, there are several basic terms that we usually use in website design projects that may help you once we start.


Website theme
A theme dictates the general look and style of your website. Your theme is made up of a range of things, such as:

  • Font families, styles, and sizes
  • Colour scheme
  • General look and feels of elements such as button, links, etc...
  • Other areas that affect the aesthetics of your site
The website theme helps to reflect your identity through your site, and improve your customer's experience.
Website (brand) design guidelines
Website design guidelines are essentially a set of rules that explain how your website looks and works. If you have a brand guidelines, your website guidelines should follow the brand guidelines. A website is never done. As your business matures, your website will keep on growing with additional content, pages, and new sections with different people work on it. One way to ensure consistency and brand identity throughout the website is to create a website guideline and strictly follow it.
WEBSITE COLOR PALETTE
  • Tailor-fit Web design - Color Palette

    Nero
    RBG:26 26 26
    HEX: #1A1A1A

  • Tailor-fit Web design - Color Palette

    Matterthorn
    RBG:84 84 84
    HEX: #545454

  • Tailor-fit Website design - Color Palette

    Grey
    RBG:130 130 130
    HEX: #828282

  • Tailor-fit Website design - Color Palette

    Scarlet
    RBG:227 23 10
    HEX: #E3170A

IDENTITY USAGE
Web design Identity Usage
Web design Identity Usage
Website design Identity Usage
Website design Identity Usage
HEADLINE TYPEFACE
Web design Headline Typeface
H1: Main Titles
Typeface: Raleway
Font-size: 30px
Font-weight: 800
Line-height: 36px
Letter-spacing: 1px
Color: #1A1A1A
Web design Headline Typeface
H2: Secondary Titles
Typeface: Raleway
Font-size: 24px
Font-weight: 600
Line-height: 30px
Letter-spacing: 1px
Color: #1A1A1A
Website design Headline Typeface
H3: Body Text
Typeface: Raleway
Font-size: 16px
Font-weight: 400
Line-height: 24px
Letter-spacing: 1px
Color: #828282
Website design Headline Typeface
H3: Block Quotes
Typeface: Raleway
Font-size: 16px
Font-weight: 400
Line-height: 24px
Letter-spacing: 1px
Font-style: Oblique
Color: #828282
Website page layout
Your custom website can consist of a single or multiple pages such as:

  • Home page
  • About us page
  • Contact us page
  • Product listing page

These pages may share the same design with different content, or different design for each page.

Web design Page layout
Website design Page layout

Multiple pages with same layout are counted as one single "page layout" while pages with different layouts are considered as multiple "page layout". Since it takes minimal amount of work to re-use the same layout on different pages, website design agencies normally count only the different unique layouts.
Website design revisions
A revision is a change or variation to a design concept, and is typically a change of less than 1/4 of the design. A revision is simply meant to be a slight modification or course correction to progress toward the final design. In an ideal world, with our website design services we can do unlimited revisions for each design until we reach the final desired result. In the real world, however, there is a limited number of revisions that can be done before we go over our deadline and budget. Each package in our bespoke web design services we offer has a reasonable number of revisions to ensure that we can wok together toward the final design while keeping everything within your fixed budget.

Bespoke Web design Design revisions Original website page
Custom Website design Design revisions After revision: Background image replaced, elements resized and relocated (margin & padding changed) based on design style, content writing edited for friendly SEO, font replaced and font style changed based on new function and content.

Every time we deliver a new custom design to the client, we schedule an online/offline review session to collect all feedbacks for the next revision.

Basic custom website design features
Basic website features cover the essential functions for most websites. A normal blog page or company website usually requires only these most basic features. The list of basic features includes but not limited to:

  • Google Analytics Integration
  • Content Management System
  • Search Engine Optimization (controlling redirection, meta tags, sitemap, robots.txt)
Advanced custom website design features
Advanced website features cover the additional functions that can be useful for a more complex website. The list of advanced features includes but not limited to:

  • Booking/reservation system
  • Ecommerce system
  • Advanced notification/integration system
Custom website design features
Nilead provides hosted solution, Software As A Service (SaaS) model, with customized features website design and development packages. For very complex website project with special requirements, we can custom build plugins and modules to handle these features. The list of advanced features includes but not limited to:

  • Advanced inventory system with 3rd party integration
  • Customized pricing module for ecommerce website
  • Sophisticated Customer Relationship Management

Ready for your first website project?

Contact us today for FREE CONSULTING. We will hold your hands and lead you through your first project.
Website design & development services