Mediaweb | 20 webdesign trends voor het nieuwe normaal van 2021 [volgens 10 experts]

Geen zin om te lezen? Luister naar deze blogpost via de player hieronder:

Wat is de invloed van de coronacrisis op webdesign? Wat werkt in 2021 wel, of juist helemaal niet meer? Waar moet je echt aan denken als je bezig bent met webdesign in het nieuwe jaar? En welke webdesign trends gaan in 2021 écht het verschil maken?

In deze expert roundup delen 10 webdesign experts hun tips en verwachtingen voor de vormgeving en functionaliteit van websites in 2021. Mathijs Kok (mathijskok.com), Joep Franssen (WebNexus), Marten Hoekstra (Spotonvision), Yvonne Bierings (The Content Case), Robert Schippers (AdResults), Dennis van Egmond (stropdassenwinkel.nl), Martin van Kranenburg (Onlinebeinvloeden.nl), Bas van Petten (Bambuu), Maarten Vermeulen (Pingwin) en Tim Beekhuis (Loyals) benoemen 20 belangrijke webdesign trends.

Kortom, welke ontwikkelingen kunnen we het komende jaar op dit gebied verwachten? Doe er je voordeel mee!

Trend #1: Toegankelijkheid wordt belangrijker

Joep Franssen: “Toegankelijkheid wordt in 2021 een nog belangrijker aandachtspunt. Steeds meer mensen zijn met internet opgegroeid, maar worden in de tussentijd ook ouder. Daardoor stijgt de behoefte aan gebruiksvriendelijke websites. Denk aan een goede kleurstelling voor slechtzienden en ouderen, voorleesknoppen en de mogelijkheid om de bezoeker zelf het font te laten vergroten. Dit wordt het komend jaar heel belangrijk.”

Dennis van Egmond vult Joep Franssen aan en ziet dat sinds de uitbraak van het coronavirus steeds meer ouderen (65+) online hun aankopen doen: “Door de huidige situatie in Europa wordt mensen veelal afgeraden om de fysieke winkelstraat op te zoeken. Het online winkelen stijgt daarmee direct in populariteit.

“Dingen die je zelf misschien als vanzelfsprekend ziet, zijn dat voor ouderen lang niet altijd.” - Joep Franssen

Dat vraagt in het webdesign toch wel meer aandacht dan voorheen. Dingen die je zelf misschien als vanzelfsprekend ziet, zijn dat voor ouderen lang niet altijd. Maak je website in 2021 dus toegankelijker voor een oudere doelgroep.”

https://www.youtube.com/watch?v=t9wUltT2Qk8

Rust en overzichtelijkheid

Dennis van Egmond vervolgt: “Een overzichtelijke website die rust uitstraalt is erg belangrijk voor ouderen. Zorg er ook voor dat een aankoop in een aantal eenvoudige stappen is te doen. Denk daarbij aan duidelijke en goed leesbare invoervelden.”

Yvonne Bierings ziet ook dat het optimaliseren van het aankoopproces heel belangrijk wordt: “Mensen hechten steeds meer waarde aan de online-omgeving. Ook bij kleinere spelers die het voor corona vooral van offline verkoop moesten hebben. Een goed ontworpen webshop en maakt daarin een groot verschil.”

Maarten Vermeulen noemt anti-design, minimalisme en organisch design als belangrijke trends voor 2021: “Deze trends zorgen allemaal voor meer rust en overzichtelijkheid op je pagina’s. Daardoor bied je de bezoeker een prettigere ervaring. Je bezoeker blijft langer op de site, wat weer goed is voor SEO. Rust en overzichtelijkheid dragen bij aan een positief eindoordeel van de bezoeker over je organisatie.”

Maarten Vermeulen noemt de maatpakkenwebsite van Michael & Giso een mooi voorbeeld van minimalistic design.

minimalistic webdesign

Martin van Kranenburg vat het mooi samen: “2021 wordt het jaar van ‘less is more’”.

Trend #2: Grotere rol voor video

Yvonne Bierings denkt dat video op websites een steeds belangrijkere rol gaat spelen: “Mensen missen interactie, maar het gevoel van interactie kun je door het kijken van een video wel oproepen.”

Photo and video first

Bas van Petten ziet beeld in het algemeen steeds belangrijker worden: “Als er voor een website geen goed beeldmateriaal aanwezig is, dan is dat geen goede basis voor het design. Er zijn nog steeds ontzettend veel websites met slechte foto’s en veel stockmateriaal.

Mijn verwachting is daarom dat de rol van beeld steeds belangrijker wordt. Het vormt zelfs de basis voor je design. De website ontwerp je hier vervolgens omheen. En met beeld bedoel ik niet alleen foto’s. Video wordt namelijk ook steeds belangrijker om je diensten of producten aan de man te brengen.”

“Beeld vormt de basis voor je design. De website ontwerp je hier vervolgens omheen.” - Bas van Petten

Trend #3: Meer aandacht voor persoonlijk contact

Dennis van Egmond: “Naast meer aandacht voor goed beeldmateriaal, mag je ook het persoonlijke contact zeker niet vergeten. Het is belangrijk dat je als webwinkel goed, en vooral ook telefonisch bereikbaar bent. Vooral ouderen waarderen de mogelijkheid tot telefonisch contact. En dan zonder keuzemenu, zodat de beller direct hulp krijgt van een echt persoon die hen waar nodig verder helpt. 

Ik spreek namelijk steeds vaker 65+ers die telefonisch advies vragen en vervolgens direct hun bestelling plaatsen. Dat is een trend, zeker nu ouderen een groot deel van hun aankopen noodgedwongen online moeten doen."

“Waarom kan je wel een winkel inlopen voor persoonlijk advies van een verkoper, maar blijft de website van dezelfde winkel veel afstandelijker?” - Bas van Petten

Trend #4: Mobile first design

Bas van Petten merkt op dat veel sites nog steeds vooral voor desktopweergave worden gebouwd: “Dat vind ik erg opvallend. De mobiele weergave is te vaak nog een aftreksel van de desktopweergave. Vanuit het oogpunt van design snap ik ook wel dat dit misschien een gemakkelijkere keuze is, maar in mijn ogen wel een verkeerde.

Het aantal bezoekers vanuit mobiel neemt jaar op jaar toe. Als je kijkt naar het aantal eerste bezoeken, dan ligt dit percentage vaak nog hoger. En ze zeggen wel eens, ‘you never get a second chance to make a first impression’. Kortom, mobile first design wordt het komende jaar steeds belangrijker.”

Tip: Vind het beste webdesign agency via Sortlist

Trend #5: Single page websites

Bas van Petten: “Een one page website is in mijn ogen de beste manier om een bepaald product of dienst in de markt te zetten. Toch willen bedrijven vaak alles verzamelen op één site, waarschijnlijk vooral vanwege SEO-doeleinden. Maar waarom zou je iemand met een metselopleiding lastigvallen als hij op zoek is naar een timmeropleiding? 

Gelukkig zie ik een trend waarbij steeds meer bedrijven overstappen op single page websites.”

Trend #6: Integratie van videobellen 

Bas van Petten ziet in de integratie van videobellen op websites een grote kans voor 2021: “Door corona is iedereen inmiddels wel gewend geraakt aan videobellen. Opvallend genoeg zie je nog weinig integraties van videobellen in websites. In mijn ogen is het ontzettend belangrijk om hier wel meer op in te springen. 

Waarom kan je wel een winkel inlopen en persoonlijk advies krijgen van een verkoper, maar blijft de website van dezelfde winkel veel afstandelijker? Met een beetje mazzel start je een chat, maar waarom niet direct een videocall?”

https://www.youtube.com/watch?v=tvMO9TNfdHs

Trend #7: ‘No code-beweging’ stijgt in populariteit

Mathijs Kok: “Ik zie een sterke groei van de ‘no code-beweging’. We zijn met zijn allen namelijk wel klaar met de hoge kosten en langdurige trajecten voor webdesign en de ontwikkeling van websites. We willen sneller, en daarbij niet worden tegengehouden door technische mogelijkheden. 

Steeds meer mensen zoeken een snel, gemakkelijk en plug and play platform. No code gaat hierin een groot verschil maken.”

Wat is no code precies?

No code biedt je de mogelijkheid om zelf een mooie website te maken, zonder daarbij ingewikkelde codes te schrijven of een vormgever te zijn. Je bouwt een design met drag-and-drop bouwelementen en zorgt op die manier automatisch voor een mooi geheel. 

Dus, heb je geen kennis van HTML, CSS en vormgeving? Geen probleem, want er komen steeds meer mogelijkheden en middelen om zelf een professioneel ogend resultaat te krijgen.

Trend #8: Groter belang van een goed webdesign

Maarten Vermeulen is er duidelijk over: “Wist je dat maar liefst 75% van de consumenten toegeeft dat zij een oordeel vellen over de geloofwaardigheid van een bedrijf op basis van het website-ontwerp van dat bedrijf? (Bron: Stanford).

Daarom is het belangrijk om eerst eens goed stil te staan bij het belang van een goed webdesign voor je bedrijf. Misschien dus wel net zo belangrijk als je online vindbaarheid. Als SEO-specialist verwacht ik dat veel webdesign trends in 2021 flink bijdragen aan SEO en conversie.”

“75% van de consumenten velt een oordeel over de geloofwaardigheid van een bedrijf, op basis van het website-ontwerp van dat bedrijf.” - Maarten Vermeulen

Praktische webdesign trends in 2021

User interface-specialist en UX/UI-designer Tim Beekhuis geeft ons zijn persoonlijke visie op de belangrijkste webdesign trends in het nieuwe normaal van 2021.

Trend #9: Glass Morphism

Tim Beekhuis: “Deze trend zag je een aantal jaren geleden eigenlijk al in MacOS, waar Apple het introduceerde als “Frosted Glass”. Tegenwoordig is dit effect makkelijker na te bootsen in moderne browsers en daarom zie je het steeds vaker terugkomen. Het geeft het effect dat elementen op mat glas lijken, waardoor je de achtergrond er wazig doorheen ziet schijnen. Misschien een lastige beschrijving, maar een plaatje zegt natuurlijk meer dan 1000 woorden.”

glass morphism

Bron: uxdesign.cc

Trend #10: Micro-interacties

Tim Beekhuis vervolgt: “Micro-interacties zijn kleine animaties die subtiele feedback aan gebruikers geven. We zijn eraan gewend dat de kleur van een link wijzigt wanneer je muis er overheen gaat. Met de focus op micro-interacties, geef je andere onderdelen van je website meer aandacht, zodat deze weer een beetje meer opvallen.”

social share microinteraction
Bekijk meer voorbeelden op ‘How to use microinteractions in 2021 (uses, examples, tips)

Trend #11: Micro-animaties

Tim Beekhuis: “Micro-animaties zorgen voor focus bij de gebruiker en begeleiding bij hun interacties met een website. Micro-animaties voegen tegelijkertijd een element van speelsheid aan je site toe. Ook versterkt het je content, zoals je bij de afbeelding hieronder ziet.”

micro animaties 3
Bron: nexworkvnext.blob.core.windows.net

Lees verder waarom je in 2021 zeker micro-animaties in je webdesign zou moeten opnemen. Bekijk ook praktische voorbeelden hoe micro-animaties de user experience sterk verbeteren.

Trend #12: Bold kleuren en fonts

Tim Beekhuis: “Gedurfde, heldere, verzadigde kleuren helpen je merk te onderscheiden van de zachte, neutrale kleuren waar veel bedrijven de afgelopen jaren voor kozen.

Ook gedurfde typografie is trendy. Met zware, vetgedrukte lettertypen is een bezoeker zich direct bewust van je boodschap. Combineer deze grote lettertypen met sterke kleuren. Dat benadrukt de koppen nog meer en maakt het al snel een eigen "afbeelding".”

wedesign trend
Bron: theedigital.com

“Gedurfde typografie is trendy. Met zware, vetgedrukte lettertypen is een bezoeker zich direct bewust van je boodschap.” - Tim Beekhuis

Trend #13: Dark mode

Tim Beekhuis: “De dark mode trend die zich in de webdesign trends van vorig jaar al aandiende, versterkt in 2021 verder. Een donkere achtergrond zorgt er namelijk voor dat designelementen veel meer opvallen, bespaart energie en geeft tegelijkertijd rust voor je ogen in het donker.”

De optie ‘dark mode’ maakt de witte vlakken op je website automatisch donker. Op veel websites zie je tegenwoordig een icoon (lampje of zonnetje) waarmee je het eenvoudig in- en uitschakelt. Ook de apps van Instagram en Facebook bieden een dark mode. Op je telefoon is het mogelijk om websites standaard in dark mode weer te geven.

Trend #14: Fotografie in tekst

Tim Beekhuis vervolgt: “Waar het de laatste jaren steeds populairder werd om tekst te verrijken met emoji’s, zien we nu dat men ook al thumbnails gaat gebruiken tussen de microcopy door. In tegenstelling tot emoji’s geeft dat een serieuzere toon.”

in tekst fotografie1
in tekst fotografie2

Trend #15: Onharmonieuze kleuren

Tim Beekhuis: “De op elkaar afgestemde kleurpaletten en gradients zijn al jaren een trend. En zoals altijd, komt er dan vanzelf een tegenstroming. Wat we steeds vaker gaan zien, zijn kleuren die eigenlijk heel erg vloeken met elkaar. Ze voelen niet goed samen, maar toch werkt het op de een of andere manier. Bekijk de voorbeelden hieronder maar eens.”

onharmonieuze kleuren
onharmonieuze kleuren2

onharmonieuze kleuren3

“Onharmonieuze kleuren voelen niet goed samen, maar toch werkt het op de een of andere manier.” Tim Beekhuis

Trend #16: Maximalisme

Lijnrecht tegenover de ‘less is more’-trend staat volgens Tim Beekhuis de trend naar maximalisme: “Na jaren van minimalisme en steeds simpelere, soms zelfs saaie websites, gaan we ook hier weer de andere kant op. Alles moet juist druk, drukker, drukst met veel kleur en heftige visuals.”

maximalisme1
maximalisme2

Trend #17: Je ziet de macht van Google terug in webdesign

Marten Hoekstra noemt een trend die grote gevolgen heeft voor het design van veel websites: “Je ziet steeds meer dat sites voor Google worden geoptimaliseerd. Onder meer de laadsnelheid, usability en de tijd die bezoekers op je site doorbrengen zijn belangrijke factoren voor je indexering bij Google. De macht van Google wordt daarmee steeds groter. Dit zie je in 2021 duidelijk terug in het webdesign.”

Trend #18: Meer designen voor Progressive Web Apps (PWA)

Robert Schippers verwacht een toename van het gebruik van Progressive Web Apps: “Content en data wordt daarin snel, volledig en veilig weergegeven.”

Het design van een Progressive Web App vraagt wel om een andere benadering dan het designen van een website. Een Progressive Web App is namelijk meer een kruising tussen een mobiele site en een app op je telefoon. Een minimalistisch ontwerp, groot font en contrasterende kleuren zie je veel terug. Een footer, maar ook de adresbalk ontbreken meestal. 

Gebruikers vinden een Progressive Web App vaak prettiger werken dan een mobiele website. Je benut namelijk het hele scherm van een mobiel apparaat, net als bij een gewone app. Dat zorgt in 2021 wel voor uitdagingen op het gebied van het design.

Trend #19: Meer ruimte voor storytelling

Martin van Kranenburg merkt op dat er in 2021 meer ruimte is voor het vertellen van een verhaal, oftewel storytelling.

De voordelen van storytelling

  • Mensen onthouden verhalen beter.
  • Je maakt je boodschap uniek.
  • Een verhaal wordt sneller gedeeld.
  • Je creëert een emotionele band.
  • Het geeft informatie betekenis.

Geen inspiratie? Er zijn altijd verhalen om te delen. Denk aan het ontstaan van je bedrijf of je visie op de toekomst. Verhalen van tevreden klanten of medewerkers doen het ook altijd goed.

Hoe gebruik ik storytelling voor mijn bedrijf?

https://www.youtube.com/watch?v=6Ljs134KoPI

Wil je storytelling ook voor je laten werken? CopyRobin helpt je er graag mee!
Verhalen met verdieping?

Trend #20: Bedrijven vragen in 2021 meer designadvies

Bas van Petten noemt het niet echt een trend, maar ziet heel vaak dat bedrijven een nieuwe site laten bouwen zonder goed na te denken over het eigenlijke doel van de site: “Wie is de doelgroep? Wat wil je uitstralen? Wat verwacht je van de site? Veel bedrijven laten een nieuwe site bouwen en zijn dan bijna verbaasd dat de telefoon niet direct rinkelt. Sterker nog, 9 van de 10 keer presteert het nieuwe webdesign slechter dan het oude en is er grote paniek!

Daarom verwacht ik dat meer bedrijven in 2021 een marketingbureau inschakelen voordat zij een nieuwe site laten bouwen. Dit levert op meerdere vlakken veel op. Je laat toch ook geen huis bouwen door een aannemer zonder een architect in te huren?"

Conclusie

Maarten Vermeulen rondt af: “Samengevat zou ik zeggen dat de webdesign trends voor 2021 vooral bijdragen aan vindbaarheid en conversie. Daarbij denk ik dat een bovengemiddelde aandacht voor visueel aantrekkelijk en intuïtief een enorm voordeel oplevert voor de verschillende facetten van online marketing, zeker wanneer je webdesign aansluit bij de principes van website usability en de trends van 2021.”

Zie jij een webdesign trend voor 2021 die nog niet door een van de experts is benoemd? Laat het ons dan weten in een reactie hieronder. We zijn benieuwd!

Deze post delen?

e book online marketing checklist 2018

Meer inspiratie?

Wekelijks een e-mail notificatie ontvangen als onze nieuwste blog live staat?
Ja graag! →

0 reacties op “

Er zijn nog geen reacties.

Plaats reactie