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.
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:
- A bespoke website designed exactly for your business will
capture attention and bring your message across to
turn visitors into leads and sales.
- 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:
- Up and running smoothly
- Updated and secured with latest security patches
- 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.
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
RBG:26 26 26
RBG:84 84 84
RBG:130 130 130
RBG:227 23 10
H1: Main Titles
H2: Secondary Titles
H3: Body Text
H3: Block Quotes
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.
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.
Original website page
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