Improved typography through larger line spacing
Questions:
- Improved typography through larger line spacing
Description:
We have been revising the basic design of TYRIOS bit by bit for some time now in order to systematically achieve higher conversion rates for you. Today we are upgrading the fonts in the body text.
Basically, we have to differentiate between different use cases for visitors.
- The first visitor only scans the page and decides in a few seconds whether a second look makes sense.
- The second visitor is basically already interested and we have about 20 seconds to get into the top 3 selection
- The third visitor is actually convinced and now wants to know more details.
This division not only applies if we want to convince the customer of the company, it also applies to each individual product page.
In order to be able to pick up these 3 customer groups more systematically, we have fundamentally revised the fonts in order to be able to present continuous texts and article descriptions better.
headings and sections
We have noticeably increased the standard spacing so that headings and sections are more clearly separated from each other. This is particularly important for the first two customer groups, as they only scan the page and therefore need to be able to quickly grasp what the page is actually about. Clearly separated sections and easily recognisable subheadings help visitors to grasp the key product and service features in a targeted manner.
Our tip
Especially in product descriptions, it is highly recommended to offer customers anchor points so that they can quickly recognise the benefits. In addition to images, subheadings are very helpful here.
Larger line spacing
When it comes to details, there is no way around detailed and explanatory texts. This is not only true for visitors, but also for search engines such as Google (keyword SEO). However, reading longer texts is often difficult, especially on larger monitors, but also on screens with large resolutions. This is where a higher line spacing comes into play by default. It is largely responsible for whether the customer quickly turns away from your page or whether they are prepared to read the details.