﻿{"id":1458,"date":"2020-07-23T08:30:42","date_gmt":"2020-07-23T06:30:42","guid":{"rendered":"https:\/\/www.sortlist.be\/nl\/blog\/?p=1458"},"modified":"2020-07-23T08:30:42","modified_gmt":"2020-07-23T06:30:42","slug":"5-webdesign-trends","status":"publish","type":"post","link":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/","title":{"rendered":"5 webdesign trends voor 2021"},"content":{"rendered":"<section class=\"elementor-element elementor-element-142b6bdd elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"142b6bdd\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-3fb8d43c elementor-column elementor-col-100 elementor-top-column\" data-id=\"3fb8d43c\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-6b2aa3ca elementor-widget elementor-widget-text-editor\" data-id=\"6b2aa3ca\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p>Het is weer volop vakantie en dat betekent: plannen maken en doelen stellen om de <em>&#8220;back to school&#8221;<\/em> periode goed te starten. Voor ons zijn nieuwe webdesign trends hierin natuurlijk erg belangrijk. Vandaag delen we de vijf belangrijkste met je!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-element elementor-element-9997a7e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"9997a7e\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-4e55e69 elementor-column elementor-col-100 elementor-top-column\" data-id=\"4e55e69\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-6de5a14 elementor-widget elementor-widget-heading\" data-id=\"6de5a14\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-default\">Kleur &amp; Brutalisme<\/h2>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-5e6aefd elementor-widget elementor-widget-text-editor\" data-id=\"5e6aefd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p class=\"elementor-text-editor elementor-clearfix\">Opvallen is net als in 2019 een ding. Waar het vorig jaar vooral ging om zo gek mogelijk met vreemde retro kleuren en een ouderwetse look gaat het in 2021 meer om felle, gave kleuren. Dit kan natuurlijk een wapen zijn om op te vallen tussen de concurrentie. Vooral diepe kleuren op de achtergronden worden populair. Niet langer dus een witte achtergrond voor je website, maar een mooie diepe kleur, waar een felle kleur goed op af steekt. Hierdoor kun je bepaalde elementen zoals knoppen de aandacht laten trekken met een felle kleur, en jezelf onderscheiden van de concurrentie door de achtergrond van de website in een eigen kleur uit te voeren.<\/p>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-voorbeeld-1-1024x579.jpg\" alt=\"Webdesign Trends 2020 Voorbeeld 1\" width=\"486\" height=\"275\" \/><\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-element elementor-element-f1bb691 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"f1bb691\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-46009d8 elementor-column elementor-col-50 elementor-top-column\" data-id=\"46009d8\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-0ef5f32 elementor-widget elementor-widget-text-editor\" data-id=\"0ef5f32\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p class=\"elementor-text-editor elementor-clearfix\">Dit kan natuurlijk helpen om bij bezoekers een bepaalde associatie met het merk op te laten wekken. Door deze trend kan het website-ontwerp eenvoudig en overzichtelijk blijven, terwijl deze wel een uniek gevoel geeft. Een mooie trend wat ons betreft! Een goed voorbeeld is de website van <a href=\"https:\/\/tonyschocolonely.com\/nl\/nl\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Tony\u2019s Chocolonely<\/strong><\/a>. Eigenlijk is de homepage best simpel, maar door de herkenbare blauwe kleur geeft het gelijk een vertrouwd gevoel. Je krijgt meteen de associatie van het merk mee, terwijl de website wel overzichtelijk en duidelijk blijft.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<section class=\"elementor-element elementor-element-5cb0d9e elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"5cb0d9e\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-6a2dfe3 elementor-column elementor-col-100 elementor-top-column\" data-id=\"6a2dfe3\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-64526c1 elementor-widget elementor-widget-heading\" data-id=\"64526c1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-default\">Grote letters<\/h2>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-850d208 elementor-widget elementor-widget-text-editor\" data-id=\"850d208\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p>Waar de trend vorige jaar nog de populaire serif fonts waren, gaan we in 2021 voor grote, bold lettertypes. Het is niet helemaal nieuw om grote letters te gebruiken op je website, maar komend jaar zullen de letters vooral dikker en strakker worden. Zo kiezen veel merken voor een of enkele woorden die gelijk zichtbaar maken waar de website over gaat. Door dit toe te passen met een mooi dik lettertype ziet de website er eigentijds uit. Doordat variabele lettertypen steeds makkelijker zijn toe te passen, zie je dit ook op meer websites terug te komen. Het is dan ook niet langer een probleem om grote letters ook op mobiel of tablet toe te passen.<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-voorbeeld-cann-1024x580.jpg\" alt=\"Webdesign Trends 2020 Voorbeeld Cann\" width=\"489\" height=\"277\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-element elementor-element-ad1842b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"ad1842b\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-e19a9f7 elementor-column elementor-col-50 elementor-top-column\" data-id=\"e19a9f7\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-cfc9b81 elementor-widget elementor-widget-text-editor\" data-id=\"cfc9b81\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<p class=\"elementor-widget-container\">Door het goed toepassen van H1 en H2 tags kunnen enkele, grote titels ook goed bijdragen aan de vindbaarheid van je website! Een goed voorbeeld van het goed toepassen van deze trend is de website van\u00a0<a href=\"http:\/\/www.drinkcann.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>CANN<\/strong><\/a>\u00a0(een persoonlijk favoriet!). De verschillende smaken worden door grote, dikke letters gepresenteerd. Binnen \u00e9\u00e9n oogopslag zie je waar deze sectie over gaat. Elke smaak heeft een eigen achtergrond kleur waardoor de kleur trend van zojuist ook wordt toegepast.<\/p>\n<section class=\"elementor-element elementor-element-6c6fd14 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"6c6fd14\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-525f16f elementor-column elementor-col-100 elementor-top-column\" data-id=\"525f16f\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-76af1c4 elementor-widget elementor-widget-heading\" data-id=\"76af1c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-default\">Animaties &amp; dynamische illustraties<\/h2>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-cc8ed4b elementor-widget elementor-widget-text-editor\" data-id=\"cc8ed4b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p class=\"elementor-text-editor elementor-clearfix\">Natuurlijk is video nog altijd enorm populair. Toch blijft het voor webdesigners lastig video\u2019s toe te passen, in verband met de laadtijden. Omdat bewegend beeld toch enorm de aandacht trekt en dingen makkelijker duidelijk kan maken, worden hiervoor oplossingen bedacht.<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\">Animaties, gifs en dynamische illustraties zijn hier voorbeelden van.Animaties zijn heel divers. Zo hebben we de bekende hover effecten op bijvoorbeeld afbeeldingen, overgangen tussen pagina\u2019s en bewegende objecten op de achtergrond. Dit soort onderdelen zijn natuurlijk ook niet heel wenselijk voor de laadtijd, maar het is niks in vergelijking met een full hd achtergrond video. Animaties kunnen een website persoonlijk maken en het verhaal van een merk verduidelijken.<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\">Ook kunnen animaties makkelijk zijn om dingen uit te leggen. Zo kun je verschillende eigenschappen van een product animeren of laten zien hoe een product werkt. Ook kunnen animaties in knoppen ervoor zorgen dat bezoekers verleid worden ergens op door te klikken of een product in het winkelmandje te plaatsen. Heb je pagina\u2019s met een flinke laadtijd? Dan kan een leuke animatie ervoor zorgen dat een bezoeker niet weg klikt, maar zijn aandacht nog wat langer vasthoudt.<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-voorbeeld-apple-1024x579.jpg\" alt=\"Webdesign Trends 2020 Voorbeeld Apple\" width=\"453\" height=\"256\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-element elementor-element-474b235 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"474b235\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-96decf8 elementor-column elementor-col-50 elementor-top-column\" data-id=\"96decf8\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-fd37ad3 elementor-widget elementor-widget-text-editor\" data-id=\"fd37ad3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p>Een goed voorbeeld van het juist toepassen van animaties is de pagina van de nieuwe\u00a0<a href=\"https:\/\/www.apple.com\/nl\/airpods\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Apple Airpods<\/strong><\/a>. Apple past hierbij animaties op verschillende manieren toe. Door deze duidelijke animaties zien we hoe het product werkt, wat de verschillende producteigenschappen zijn en hoe dit product zich onderscheidt van de concurrentie. Animaties kunnen echter ook veel simpelere voorbeelden zijn, door bijvoorbeeld bewegende icons of simpele gifjes.<\/p>\n<section class=\"elementor-element elementor-element-15329ca elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"15329ca\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-e2f2bb9 elementor-column elementor-col-100 elementor-top-column\" data-id=\"e2f2bb9\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-660c07c elementor-widget elementor-widget-heading\" data-id=\"660c07c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-default\">Asymmetrie<\/h2>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-87ea364 elementor-widget elementor-widget-text-editor\" data-id=\"87ea364\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p class=\"elementor-text-editor elementor-clearfix\">Veel <a href=\"https:\/\/www.sortlist.com\/i\/web-design\/netherlands-nl\">websites<\/a> zijn gebaseerd op rijen en kolommen. Hierin is vaak de keuze een, twee of drie kolommen. In de meeste gevallen zijn deze kolommen gelijk, dus twee keer 50% of drie keer 33%. De afgelopen tijd, en we verwachten dus in 2020 nog meer, zie je steeds vaker asymmetrische kolommen. Weer een middel om te onderscheiden en minder voorspelbaar voor de dag te komen dus!<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\">Vaak is een asymmetrisch geheel fijner voor het oog, in de fotografie bekend als\u00a0<strong>de gulde snede.\u00a0<\/strong>Het is echter wel van groot belang om asymmetrie goed toe te passen, om een chaotisch geheel te voorkomen. Het klinkt een beetje verwarrend, maar asymmetrie kan dus wanneer het goed uitgevoerd is, in balans zijn.<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\">Het is hierbij belangrijk om ervoor te zorgen dat de verschillende delen van de pagina met elkaar in balans zijn. Bijvoorbeeld door telkens gebruik te maken van grotere afbeeldingen, welke perfect zijn uitgebalanceerd met tekst en witruimte. Het oog van de bezoeker zal hierbij altijd eerst op de afbeeldingen vallen, voordat ze over zullen schakelen naar de tekst. Een goed voorbeeld van deze trend is de website van <a href=\"https:\/\/www.dropbox.com\/plus?trigger=foot_global\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Dropbox<\/strong><\/a>. Meer van de vandaag besproken trends komen hier trouwens terug!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-element elementor-element-33913a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"33913a1\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-b1db11a elementor-column elementor-col-50 elementor-top-column\" data-id=\"b1db11a\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-520bd31 elementor-widget elementor-widget-image\" data-id=\"520bd31\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n<div class=\"elementor-widget-container\">\n<p class=\"elementor-image\"><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded\" src=\"https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-dropbox-1024x582.jpg\" alt=\"Webdesign Trends 2020 Dropbox\" width=\"640\" height=\"364\" data-lazy-srcset=\"https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-dropbox-1024x582.jpg 1024w, https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-dropbox-300x171.jpg 300w, https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-dropbox-768x437.jpg 768w, https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-dropbox.jpg 1192w\" data-lazy-sizes=\"(max-width: 1024px) 100vw, 1024px\" data-lazy-src=\"https:\/\/onlinevisual.nl\/wp-content\/uploads\/2019\/11\/Webdesign-trends-2020-dropbox-1024x582.jpg\" data-was-processed=\"true\" \/><\/p>\n<h2 class=\"elementor-image\">Voorbereiden voor stemherkenning<\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"elementor-element elementor-element-c88c4df elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"c88c4df\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-c777a3e elementor-column elementor-col-100 elementor-top-column\" data-id=\"c777a3e\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-30c4c96 elementor-widget elementor-widget-text-editor\" data-id=\"30c4c96\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p class=\"elementor-text-editor elementor-clearfix\">Nu het gebruik van Siri, Google Home en Cortana steeds populairder worden, is stemherkenning steeds belangrijker. Het wordt steeds gemakkelijker om je apparaten opdrachten voor je uit te laten voeren, vooral bijvoorbeeld tijdens het koken of autorijden. Website ontwikkelaars spelen hierop in door websites te optimaliseren voor stemherkenning, ook omdat deze dan beter vindbaar worden en kunnen worden gekoppeld aan de bekende spraak-systemen.<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\">We hebben je al eerder verteld dat spraakherkenning een trend zou worden, maar het lijkt nu pas echt op gang te komen. Vorig jaar werden twee keer zoveel slimme systemen verkocht, en er wordt verwacht dat 55% van de huishoudens in 2022 een slimme luidspreker in huis zal hebben. 65% van de jongeren gebruikt al minstens een keer per dag een spraakcommando naar een apparaat.<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\">Het is dus belangrijk om hier rekening mee te gaan houden om zo op de toekomt te zijn voorbereid. Je kunt je website voorbereiden voor stemherkenning door meer gebruik te maken van longtail zoekwoorden, meer te typen in spreektaal en featured snippets te gebruiken. We helpen je hier uiteraard graag mee!<\/p>\n<div class=\"elementor-element elementor-element-a926523 elementor-widget elementor-widget-heading\" data-id=\"a926523\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n<div class=\"elementor-widget-container\">\n<h2 class=\"elementor-heading-title elementor-size-default\">Webdesign trends 2021: de conclusie<\/h2>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-6080730 elementor-widget elementor-widget-text-editor\" data-id=\"6080730\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p class=\"elementor-text-editor elementor-clearfix\">Uiteraard is het elk jaar weer belangrijk dat je website er eigentijds uitziet. Dit jaar zijn felle kleuren en brutalisme hierin belangrijk, om op deze manier onderscheidend te zijn. Ook het gebruik van grote lettertypes helpt hierbij. Je website krijgt hierdoor een eigen look en je bezoeker kan zich hiermee identificeren. Door dynamische content als gifs en animaties toe te passen, hou je de aandacht van de bezoeker vast. Ook kan je ze door de juiste knoppen of kolommen te laten bewegen, naar bepaalde pagina\u2019s toe leiden.<\/p>\n<p class=\"elementor-text-editor elementor-clearfix\">Door het goed toepassen van asymmetrie bereik je hetzelfde, je kunt het gedrag van de bezoeker be\u00efnvloeden en deze zo naar de door jou gewenste pagina\u2019s leiden. Door het voor te bereiden op stemherkenning blijf je op de toekomst voorbereid en loop je dus straks niet achter op je concurrenten!Bereid je goed voor op 2020 en trek weer de aandacht van je (potenti\u00eble) klanten. Deze trends kunnen je hier bij helpen!<\/p>\n<p>Bron en met toestemming: <a href=\"https:\/\/onlinevisual.nl\/blog\/5-webdesign-trends-voor-2020\/\">Online Visual<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Het is weer volop vakantie en dat betekent: plannen maken en doelen stellen om de &#8220;back to school&#8221; periode goed te starten. Voor ons zijn nieuwe webdesign trends hierin natuurlijk erg belangrijk. Vandaag delen we de vijf belangrijkste met je! Kleur &amp; Brutalisme Opvallen is net als in 2019 een ding. Waar het vorig jaar [&hellip;]<\/p>\n","protected":false},"author":46,"featured_media":1462,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[102,120],"class_list":["post-1458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 webdesign trends voor 2021<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 webdesign trends voor 2021\" \/>\n<meta property=\"og:description\" content=\"Het is weer volop vakantie en dat betekent: plannen maken en doelen stellen om de &#8220;back to school&#8221; periode goed te starten. Voor ons zijn nieuwe webdesign trends hierin natuurlijk erg belangrijk. Vandaag delen we de vijf belangrijkste met je! Kleur &amp; Brutalisme Opvallen is net als in 2019 een ding. Waar het vorig jaar [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-23T06:30:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aron Van Dijk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aron Van Dijk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/\",\"url\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/\",\"name\":\"5 webdesign trends voor 2021\",\"isPartOf\":{\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg\",\"datePublished\":\"2020-07-23T06:30:42+00:00\",\"dateModified\":\"2020-07-23T06:30:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/#\/schema\/person\/d2eeb0aa7944a2fcad0907dc8bdce75c\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#primaryimage\",\"url\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg\",\"contentUrl\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 webdesign trends voor 2021\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/#website\",\"url\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/\",\"name\":\"Sortlist Blog\",\"description\":\"Onze Marketing Handleidingen\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/#\/schema\/person\/d2eeb0aa7944a2fcad0907dc8bdce75c\",\"name\":\"Aron Van Dijk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_46_1625132524-96x96.jpg\",\"contentUrl\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_46_1625132524-96x96.jpg\",\"caption\":\"Aron Van Dijk\"},\"description\":\"Aron is head of design bij development bureau OnlineVisual.\",\"sameAs\":[\"https:\/\/onlinevisual.nl\/\"],\"url\":\"https:\/\/www.sortlist-test.be\/nl\/blog\/author\/aron-van-dijk\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 webdesign trends voor 2021","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"nl_NL","og_type":"article","og_title":"5 webdesign trends voor 2021","og_description":"Het is weer volop vakantie en dat betekent: plannen maken en doelen stellen om de &#8220;back to school&#8221; periode goed te starten. Voor ons zijn nieuwe webdesign trends hierin natuurlijk erg belangrijk. Vandaag delen we de vijf belangrijkste met je! Kleur &amp; Brutalisme Opvallen is net als in 2019 een ding. Waar het vorig jaar [&hellip;]","og_url":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/","og_site_name":"Sortlist Blog","article_published_time":"2020-07-23T06:30:42+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg","type":"image\/jpeg"}],"author":"Aron Van Dijk","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Aron Van Dijk","Geschatte leestijd":"7 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/","url":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/","name":"5 webdesign trends voor 2021","isPartOf":{"@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg","datePublished":"2020-07-23T06:30:42+00:00","dateModified":"2020-07-23T06:30:42+00:00","author":{"@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/#\/schema\/person\/d2eeb0aa7944a2fcad0907dc8bdce75c"},"breadcrumb":{"@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#primaryimage","url":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg","contentUrl":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-content\/uploads\/sites\/10\/2020\/07\/apple-apple-device-design-desk-285814-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/5-webdesign-trends\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist-test.be\/nl\/blog\/"},{"@type":"ListItem","position":2,"name":"5 webdesign trends voor 2021"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/#website","url":"https:\/\/www.sortlist-test.be\/nl\/blog\/","name":"Sortlist Blog","description":"Onze Marketing Handleidingen","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist-test.be\/nl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Person","@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/#\/schema\/person\/d2eeb0aa7944a2fcad0907dc8bdce75c","name":"Aron Van Dijk","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.sortlist-test.be\/nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_46_1625132524-96x96.jpg","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_46_1625132524-96x96.jpg","caption":"Aron Van Dijk"},"description":"Aron is head of design bij development bureau OnlineVisual.","sameAs":["https:\/\/onlinevisual.nl\/"],"url":"https:\/\/www.sortlist-test.be\/nl\/blog\/author\/aron-van-dijk\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/posts\/1458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":0,"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/posts\/1458\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/media\/1462"}],"wp:attachment":[{"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/media?parent=1458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist-test.be\/nl\/blog\/wp-json\/wp\/v2\/categories?post=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}