Key Elements of Web Design

Whether you realize it or not, web design is the first encounter between readers and us. The better the impression is, our content will have a higher chance to reach the reader. Likewise with the product or service that we are selling. Not only that, the appearance of the website also affects SEO. The more SEO friendly the appearance of our website, the higher the ranking we will get. You can visit Agence SEO to get the best web design.

Web design, just like fashion, always changes with the times. There is a completely new trend, some are repetitions of the trend a few years back. But, the essential elements in it don’t change much. Web design elements not only to make the web look beautiful, but also to make it easier for readers and Google Crawlers when exploring our web. In other words, increasing user experience (UX).

– Layout
Layout of a website should consider the location of designing design elements that make it easier for readers to digest the flow of information. Pay attention to the hierarchy and balance of the overall layout. The most common arrangement is top-down-left-right.


Create an arrangement or flow of information that is easily followed by the eyes of the reader.
Arrange elements based on the priority scale of the most important, important, less important.
Most people are used to reading from left to right, then place the main post on the left while the sidebar on the right.
Also consider the balance of the design elements.

– White Space
White space is useful to help the human eye organize data. For those of you who are not so familiar with the term design, white space can be interpreted as a blank space that separates between one element with other elements. The website is a space containing various information, so that information can be processed properly by the eyes of the reader, then the free space functions as a pause.

White space function:
Function as a separator for each design element.
Give focus to the elements you want to highlight.
Give the impression of a more clean and relaxing design.
Creating a more balanced and harmonious layout.
Improve the readability of the text.


Use an empty space with the same distance between one element and another.
White space also includes the distance between lines and inter-paragraph in body text.

– Font type
The principle of selecting letters for the web (web fonts) is somewhat different from when selecting letters for printed materials such as brochures, pamphlets, books, or other printed materials. Because when reading on the screen, human eyes get tired faster than when reading on paper.


The sans serif type is best for use on the screen.
Use MAXIMUM 2 types of letters within a single website. You can combine serif letter with sans serif or script with sans serif. For example, Georgia for the title and Helvetica for body text.
Use letter size variations to mark the priority scale of information flow. For example, 12px for body text, 10 px for the text snippet in the sidebar, 8 or 9px for the footer.