• English

How SMEs can use small design tricks to make their website appear more modern

Hardly anything is as important as the dynamics of web presenceGood websites ensure a successful user experiencelead to conversions through outstanding content and within seconds decide on the length of the viewer’s stayThat is why dynamic and modern websites are so important. 


In order to keep your website up to date, it is not always necessary to completely rebrand it. Even small changes quickly lead to a more modern looking websiteFor this we have put together a few small design tricks: 

“Make it simple, but significant.”

– Don Draper, character on Mad Men

Optimization of the visual hierarchy 

 

first start to make websites look more modern is to bring organized simplicity into the structure. Websites must be understood intuitively by the viewer, so that he/she doesn’t have to think to reach his/her goal. 

 

How can you guide the visitor more easily than through visual stimuliOptimizing the visual hierarchy of a web presence is proof of a modern way of thinking that focuses on the userMeasures to adapt the web design intuitively include the use of optically diverse buttonsfor example buttons with outlines in contrast to full colored buttons. Here, the attention of the viewer is directed quite naturally. But also the simplicity of navigation can reflect an optical hierarchy. Many navigation points are counterproductivethe footer should at best also contain important menu items. 

Moving images and animations 

 

Not only trendy colors and pictures are the symbols of modern websitesEspecially animations are becoming more and more important. Small movements bring new life into the web presenceattract attention and can playfully reflect the core elements of the company. These so-called GIFs are also very popular in the B2B environmentWith these animations, a special feature can be placed on important elements and a more modern brand image can be conveyed. 

An example of the targeted use of GIFs on the web is Proservia. Here, the visitor’s gaze is dynamically directed from the very beginning.

Several parallax effects are used on the website of Krug Holzbaugiving the visual world depth and dimension.

parallax effect also enhances the depth perception of images and brings movement to the website. Here, background images or individual elements move at a different scrolling speed than the rest of the page contentwhich leads to a perception of depthExisting images of a website can thus be easily provided with the parallax effect to create a modern user experience. 

Emotional design elements 

 

Due to the abundance of impersonal graphics and perfectionism on the web, users are increasingly longing for emotion and humanity in websites. An easy way to establish more personality and realism on the mostly factual websites is to insert hand-drawn icons and graphicsStylized and unique elements have a positive effect on the viewer and clearly highlight the brand personalitybecause they put the lifelike and human aspect in the foreground. The targeted use of handmade illustrations is an antipole to the trend of perfectionist and flat design and will be seen more and more in the coming year 2020. Drawn icons are modern elements whichwith just a few simple stepsensure a web presence at the pulse of time. 

The Azubi AUTO website shows how hand-drawn graphics can be used consciously.

“A big trend next year will be hand-drawn icons. They’re more emotional, but on a positive note. This trend is connected to the fact that we need more positive stuff around, something that can brighten up the day.”

– Elisabetta Calabritto

For medium-sized companies that want to make their web presence more modern, these tricks show a first insight into how design can keep its finger on the pulse with simple meansIt is important to choose the right element for the brand and to use it in a targeted way to create an optimal experience for the potential customer.