Webdesign trends in 2020 die conversies oplevert

Webdesign in 2020

Hoe zorg je voor een mooie website die conversies oplevert?

Team Nijhuis

De trend lijsten vliegen je om de oren. Waar moet je in 2020 allemaal rekening mee houden om goed te scoren? Trends voor kleding, voor schoenen, op het gebied van sporten. Het begin van een nieuw jaar staat er altijd vol mee. Ook voor bedrijven zijn trends waardevol. Trends op het gebied van content en inbound marketing of op het gebied van zoekmachine marketing, hebben wij uiteraard ook gedeeld.

Nu kan je content nog zo goed zijn. Geweldig geschreven waarmee je hoog in Google kunt staan en veel bezoekers jouw website bezoeken. Allemaal leuk, maar het gaat uiteindelijk om business. Hoeveel klanten houd je over? In de digitale wereld waarin wij leven betekent dit dat je een website moet hebben. En zo maar even een website lanceren, het kan hoor, maar dan is het wel handig dat die:

  1. Er mooi uitziet
  2. Gebruiksvriendelijk is
  3. Doet wat die moet doen, namelijk klanten werven.

Een website is bedoeld om meer leads, meer klanten en meer omzet op te leveren. Maar wanneer heb je een website die dat doet? Aan welke trends moet je dan voldoen? Moet je überhaupt met websites rekening houden met trends? En hoe optimaliseer je jouw webdesign voor conversies? Je wilt immers meer klanten en omzet, niet?!

Wil je weten of jouw webdesign en website voldoet aan de ‘eisen’ van nu? Met de conversie optimalisatie checklist kun je aanvinken waar er voor jouw webdesign nog kansen liggen.

Download de checklist

Bij Team Nijhuis hebben we een groot Creative team, van designers, ontwerpers en website developers. Samen met onze Conversion Rate Optimization (CRO) experts kijken wij naar onze eigen website en die van onze klanten. Voor dit artikel hebben wij onze krachten gebundeld en gekeken naar de trends op het gebied van webdesign en website development.

Onze eerste harde conclusie. Leuk die trends en je kunt er zeker rekening mee houden, maar gebruiksvriendelijkheid daar draait het om!

Wij zijn van mening dat een webdesign geen vaste richtlijnen hoort te hebben. Ja uit ervaring weten wij wat werkt en wat niet. Weten wij hoe we design moeten vertalen naar code.

Van webdesign maakt techniek de beste website in code

Maar bij webdesign is het belangrijkste dat de doelgroep die jij voor ogen hebt, jouw website goed weet te vinden én goed weet te gebruiken!,Team Nijhuis doen veel op grafisch gebied, maar houden daarbij in tegenstelling tot veel andere bureaus SEO/CRO benodigdheden in het achterhoofd.Toch zullen we wat trends uitlichten en daaraan onze professionele mening koppelen.

We leven in een mobiele maatschappij. Logischerwijs is het dus een must dat je met webdesign rekening houdt met die telefoons. Je bent steeds meer afhankelijk van mobiele designs. In bepaalde branches is het mobile first, dus houd hier rekening mee.

Ook omdat telefoons steeds groter worden, moet je goed afvragen hoe je bepaalde CTA’s en menu’s op zo’n design plaatst.

#1 Plaatsing van het menu

Al jaren wordt het menu op mobiele weergaven getoond als ‘streepjes’, dit wordt het hamburgermenu genoemd. De eerste icoontjes van het hamburger menu verschenen in de jaren ’80 op de website van Xerox. De huidige mobiele navigatie – zoals we die kennen – werd in 2011 verder ontwikkeld. Sindsdien is de topnavigatie en het hamburgermenu de standaard in de branche geworden.

Het is voor elke website ontzettend belangrijk dat je goed nadenkt waar je het menu plaatst. Het bouncepercentage op je website kan hoog zijn, omdat jouw bezoekers niet kunnen vinden wat ze zoeken.  Niet alleen dien je je website structuur in kaart te brengen, maar ook goed in kaart te brengen waar je menu moet komen te staan. Zorg ervoor dat het voor de websitebezoeker eenvoudig is om door de website te navigeren en dat ze kunnen vinden wat ze zoeken.

waar gaat het menu in een design is een must voor conversie

Met de komst van de smartphone en de ontwikkeling dat het scherm steeds groter wordt, is de plaatsing van het hamburgermenu echter niet meer standaard bovenin te vinden. Steeds meer websites houden rekening met de gebruiker en plaatsen het menu onderin. Dit is gebruiksvriendelijk, aangezien je met de duim al onderin zit en geen onnodige bewegingen hoeft te maken.

De trend is ingezet in 2019, maar zal in 2020 steeds meer gezien worden. Een voorbeeld van het plaatsen van het menu onderin is Kruidvat. Zij hebben hun hamburger menu onderin gezet waar je duim direct het menu aan kan klikken.

Het menu onder de duim op de mobiele website van de Kruidvat

Het menu onder de duim op de mobiele website van de Kruidvat

En als je nu denkt dat dit hamburgermenu alleen op mobiele websites wordt vertoond heb je het mis. Steeds vaker zien we deze ook terugkomen op desktop websites. Inmiddels kennen we deze zo goed als mobiele telefoongebruikers, dat deze op desktop ook herkend wordt als menu.

 #2 De plaats van je CTA

Naast de plaats van het menu zijn er nog wel meer onderdelen in een webdesign waar de plaats van belang is. Denk hierbij aan je CTA’s. Voor het design is het belangrijk dat je een CTA balk fixed boven in kan zetten, die altijd in beeld is voor de gebruiker. Dat werkt positief voor jou als website, alsook voor de bezoekers.

Jij kunt als website precies dat laten zien dat je wilt. Wil je dat je websitebezoekers contact opnemen? Wil je dat ze bellen? Wil je dat ze wat bij je aanvragen? Door dit fixed bovenin weer te geven kun jij direct sturen waar je bezoekers naartoe moeten. Aan de andere kant werkt dit voor de bezoekers ook positief. Zij hoeven namelijk nooit te zoeken naar de manier waarop zij contact met je kunnen opnemen of waar zij wat kunnen bestellen. Met één klik kunnen ze dat direct doen.

Wil je weten of jouw webdesign en website voldoet aan de ‘eisen’ van nu? Met de conversie optimalisatie checklist kun je aanvinken waar er voor jouw webdesign nog kansen liggen.

Download de checklist

#3 Kleuren van je website

Vroeger was het hoe drukker, hoe beter. Helemaal in het begin waren fluoriserende kleuren zeer gebruikelijk. Gelukkig is dat tijdperk lang achter ons en is het inmiddels zelfs richting het wit doorgeslagen. Hoe rustiger hoe beter. In de webdesign trends van 2020 zien we steeds ‘cleanere’ websites. Grote witruimtes, weinig kleurverschillen behalve in de button. Rustige websites die de bezoekers gemakkelijk leidt richting het doel van de pagina. Een trend die wij bij Team Nijhuis graag volgen, maar altijd met het doel van de website in ons achterhoofd.

“Een witte website is mooi, maar vergeet niet dat de kleur van je CTA moet opvallen en afwijken van de rest van je content”, Dennis de Wolde (Head of Creative).

Kleurgebruik hangt nauw samen met een andere trend die we in 2020 terugzien. Door veel wit te gebruiken kan je website er plat uit zien en dat past niet bij de trend van diepte.

#4 Het ontwerp in een design

Het wordt al veel gebruikt, maar zal in 2020 verder uitgewerkt worden. Met randen wordt diepte gemaakt of in ieder geval gesuggereerd. Diepte realisme in de pagina is een trend voor 2020. Geen gebruik meer maken van platte blokken, maar door middel van effecten (die niet ten koste gaan van je snelheid) kun je een blok veel diepgang meegeven. “Zo kun je ondanks dat een website clean is, wel de nadruk leggen op bepaalde onderdelen binnen het design.”

Typografie

Om op te vallen tussen de designs wordt er ook veel meer gespeeld met typografie en zullen aparte lettertypes steeds meer in designs terug komen. Vooral street-art fonts met een graffiti achtige geschreven stijl zullen een trend worden. Wederom vinden wij dit een mooie trend, maar we plaatsen er wel een kanttekening bij. Zo stelt Head of creative Dennis: “Het belangrijkste in elk design blijft gebruiksvriendelijkheid en het ziet er super mooi uit die grafitti achtige stijl, maar het gaat wel snel ten koste van de leesbaarheid en daar moet je als designer altijd rekening mee houden, vind ik.”

Foto en tekst masking

Foto en tekst masking is oud en dus niet zo een nieuwe trend te noemen. We noemen het echter niet voor niets hier, want ook in 2020 zul je dit steeds vaker voorbij zien komen in de webdesigns van bedrijven. Met masking bedoelen wij dat er delen van de foto’s wegvallen of tekst met daarin iets van de foto geeft een mysterieuze look waar de bezoeker naar blijft kijken en werkt goed voor minimalistisch design.

#5 Grote headers

Toegegeven, het ziet er in het design prachtig uit, maar gebruiksvriendelijk is het niet. Met het oog op de gebruiksvriendelijkheid van je website is dit een hele grote afleiding voor de bezoeker. Collega Sjors (Head of SEO) ziet het vaker voorkomen dat een video in de header ten koste gaat van de snelheid van een website. “Het ziet er absoluut mooi uit, maar ik ben websites tegengekomen die er zo drie of meer seconden langer over deden om te laden. Dodelijk voor je conversies, dodelijk voor je zoekmachine resultaten, want pagina snelheid is echt een must. Zowel voor Google als voor de ongeduldige gebruikers van tegenwoordig.”

Kies de juiste header en grote met of liever zonder video

Naast dat er steeds vaker video’s worden gebruikt in headers, worden ze ook steeds hoger. Zowel op mobiel als op desktop zie je steeds vaker pagina vullende headers, waarbij je dus eerst naar beneden moet scrollen wil je bij de content terechtkomen. Ziet er mooi uit wellicht, maar net als de video kan deze trend een conversie killer zijn. Ook al heb je een button in de header staan, de extra informatie ontbreekt. Daarvoor moeten ze immers scrollen. En met het oog op de steeds luier wordende mens,  is scrollen soms al teveel moeite en verlaten ze de website liever dan zelf te moeten zoeken.

Alleen omdat een grote of video in de header misschien een trend is, wil nog niet zeggen dat je er ook daadwerkelijk een in je website moet integreren. Stel jezelf daarom altijd eerst de volgende vraag of laat jouw webdesigner die aan jou vragen:

Past dit echt bij mijn bedrijf en dat wat ik wil uitstralen en verkopen?

#6 Webdesign en conversie optimalisatie moeten hand in hand gaan

Webdesign is een prachtig vak en helemaal als de creativiteit rijkelijk vloeit, komen de mooiste creaties naar voren. Het mooie aan ons grafisch team is dat zij niet alleen bestaan uit Creatives, die het ontwerpen of bouwen. Een website wordt bij ons team ontwikkeld in samenwerking met de SEO expert en de CRO expert.

Want dan doet je website echt dat wat het moet doen. Namelijk, mooi zijn, maar vooral zijn werk doen. Dat betekent dat jouw website moet bijdragen aan groei van jouw website. In termen van meer leads of meer omzet.

Het effect van conversie optimalisatie wordt vaak überhaupt onderschat. Je kan wel verkeer naar je website krijgen, maar als deze niet converteren heb je er nog niks aan.

Wil je weten of jouw webdesign en website voldoet aan de ‘eisen’ van nu? Met de conversie optimalisatie checklist kun je aanvinken waar er voor jouw webdesign nog kansen liggen.

Download de checklist

Daar hebben we een A/B test voor

Aangeraden wordt om altijd te blijven A/B testen want de kleinste aanpassingen kunnen veel invloed hebben op je conversie percentage. De grootste quickwins: button gebruik. Zowel kleur als de tekst die op de button gecommuniceerd wordt. Belangrijk hierbij is te onthouden dat wat voor de concurrentie wel werkt, niet meteen ook op jouw website werkt.

Webdesign is GEEN one-size-fits all. Ook al heeft jouw concurrent dezelfde producten of diensten die hij aanbiedt.

Voornamelijk het button gebruik werkt conversie verhogend. Als je dit goed aanpakt, merk je dit terug in het aantal verkochte producten/diensten. Dus test welke plaats het beste voor jouw klanten werkt. Kies een kleur bij jouw huisstijl, maar zorg er ook voor dat je deze test met andere kleuren.

Test verschillende onderdelen uit je webdesign voor optimalisatie

Trends komen en gaan! Zorg er dus voor dat je altijd blijft testen. Google Analytics of webanalyse tools zoals Hotjar zijn hierin onmisbaar. Zie webdesign als een doorlopende trend voor jouw website en je zult altijd voorop lopen als je doet wat bij jouw bedrijf past.

Online betaalmethoden

Het afrekenproces wordt ook steeds belangrijker. Hier raken veel websites hun bezoekers onnodig kwijt. Voornamelijk als dit niet gebruiksvriendelijk is. We zeiden het hierboven al, de mens wordt luier in gedrag, we worden veel te veel verwend. We willen alles steeds sneller tot ons krijgen. Van het scrollen na een grote header tot het doen van die aankoop. Inmiddels heb je vele betaalmethoden die je kunt gebruiken in je website. Kies de betaalmethoden die bij jouw website passen en zorg ervoor dat deze mooi in het design worden opgenomen.

Bij betaal of aanvraag pagina’s is het belangrijk dat je gebruik maakt van een ‘one pager’. Dat is een pagina die binnen webdesign zo is opgebouwd, dat alles zich op één pagina bevindt. Daarnaast is deze zo vormgegeven dat je maar één optie hebt, namelijk die aanvraag of aankoop doen. Onthoud dat hierbij vaak elke klik of  scroll teveel isl. Om de websitebezoeker daadwerkelijk te laten converteren is het tonen van betaalmogelijkheden en USP’s rondom de button die je gebruikt erg belangrijk.

Maak het eenvoudig zodat de websitebezoeker niet geïrriteerd raakt en daardoor de aanschaf of aanvraag niet afrondt.

Ben je nu benieuwd waar een goede website pagina aan moet voldoen? Download dan de gehele checklist. In de checklist vind je vragen die jouw handvatten bieden om jouw website te optimaliseren. Zowel in design (en dus code) als in gebruik van elementen en marketing automation. Denk hierbij aan onderdelen als:

  • Juist button gebruik (maak duidelijk welke CTA het belangrijkst is)
  • Zorgen dat deze niet te koud is, geef dus informatie over je bedrijf en wie je bent. Wat doe je en waar onderscheid je je in. Laat hier eventueel gezichten bij zien.
  • Mogelijke betaalmogelijkheden
  • Geef de websitebezoeker ook de kans om eenvoudig naar andere diensten/producten te navigeren op deze pagina. Vaak wordt hier een mooi overzicht van gemaakt onderaan/halverwege de pagina.
  • De content boven de eerste vouw is erg belangrijk.
  • USP’s
  • Zorg dat een landingspagina duidelijk opgemaakt is. En dat het duidelijk is welke informatie waar staat. Men scant de pagina en lees nooit alle informatie. Als ze tijdens het scannen niet snel kunnen vinden wat zij zoeken verlaten ze de website en kijken ze verder.
  • Bij diensten is het belangrijk dat hier een formulier zichtbaar is waar de websitebezoeker meteen zijn/haar gegevens achter kan laten en dus converteert.

Wat is nu een goed webdesign?

Vaak zijn er discussies tussen de klant, de web developer en het marketingbureau. Zo kan het zijn dat een marketingbureau aangeeft dat de CTA button niet goed genoeg opvalt en dat deze bijvoorbeeld groen moet worden (deze kleur past absoluut niet bij de huisstijl). Hier wordt de klant (waar wij voor werken) erg ongelukkig van en zij willen dit dan ook zeker niet doorvoeren. Totdat uit de A/B test blijkt dat dit wel degelijk verschil maakt. Pas dan is de klant bereid om dit door te voeren. Zelfs dan gaat het niet van harte. Puur omdat het (voor de klant) een doorn in het oog is. Zij denken meer over hoe het eruit ziet (webdesign) en niet qua conversie.

Daarnaast komt het ook vaak voor dat de web developer en het marketingbureau met elkaar in strijd zijn. Zo doen de web developers er alles aan om een ‘cool’ design te tonen met allerlei prachtige onderdelen en mooie effecten. Dit werkt echter vaak nadelig voor de conversie en SEO. De website wordt traag door allerlei effecten, dit heeft weer gevolgen voor je rankings. Als de website niet strak en duidelijk is met de juiste buttons kost dit je ook conversies. Aangezien de navigatie door de website vaak onduidelijk is. En alles te veel in het design past waardoor bijvoorbeeld de belangrijkste CTA button niet goed genoeg opvalt.

Wil je weten of jouw webdesign en website voldoet aan de ‘eisen’ van nu? Met de conversie optimalisatie checklist kun je aanvinken waar er voor jouw webdesign nog kansen liggen.

Download de checklist

Webdesigns zijn leuk en zeker het overwegen waard. Ons gehele team houdt nauwlettend de laatste trends in ogen. Grote voordeel is dat wij niet zomaar iets doen, maar dit vanuit elk onderdeel van marketing bekijken. Is het mooi (webdesign en development)?? Krijg ik goede kwaliteit scores door Google (Google ads specialisten)?? Krijg ik veel organisch verkeer (SEO experts)?? Krijg ik voldoende conversies (CRO experts)??  En wordt mijn content goed gelezen en bereikt het de juiste doelgroep (inbound experts)??

Het blijft een eeuwige strijd.. En uiteindelijk moet de klant overtuigd worden. En dit kan het best middels harde cijfers. Webdesigns zijn geweldig, maar werken voor elk bedrijf anders. Onderbouw jouw keuzes dus met data en ga aan de slag met A/B testen. Dan maakt het eigenlijk niet uit of het binnen een webdesign trend past of niet.

Reacties op deze blog

Nog geen reacties.

Schrijf een reactie

Laat een reactie achter

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Hoe kan jouw bedrijf groeien met online marketing?

Ben jij benieuwd wat je nog kunt inzetten aan online marketing of wil je weten of jij wel alles eruit haalt wat erin zit? Met de Gratis Quickscan kijken wij naar jouw huidige inzet aan online marketing. Met de Quickscan geven wij aanbevelingen welke kansen en verbeterpunten er voor jouw bedrijf te benutten zijn. Gratis én vrijblijvend! Je zit nooit ergens aan vast. Ontdek het zelf!

Het start met onze gratis Quickscan!

Digitale marketing start met onze gratis Quickscan!

Klanten beoordelen Team Nijhuis met een 9/10 (68 beoordelingen ) Feedback Company

Michelle

Kan ik je helpen?

Quickscan aanvragen