WP Brothers

vraag een offerte aan

- of -

bel 030 737 09 02

10 awesome webdesign trends in 2021

Webdesign is voortdurend in ontwikkeling. Wat het ene jaar hips is, wordt het volgende jaar door iedereen toegepast. En dan moet je weer op zoek naar iets nieuws als je wilt dat je website opvalt tussen al die andere. Goed dus om de webdesign trends voor 2021 onder de loep te nemen.
webdesign trends 2021

Wat moet je website in 2021 hebben om beter te zijn dan al de andere? Ontdek het met deze 10 awesome webdesign trends voor 2021!

1. Datadriven webdesign

Net als marketing is webdesign iets dat niet alleen op basis van intuïtie gaat. Ook hier geldt: ‘Geen woorden, maar data!’ Webdesign gebaseerd op data biedt een betere gebruikservaring en leidt tot meer conversies. Deze webdesign trend zet zich in 2021 dus onverminderd voort.

Data op basis waarvan je je websdesign kan verbeteren, kunnen onder andere komen uit A/B-testen en tools zoals Google Analytics en Hotjar. Maar niet alleen kwantitatieve data zijn van belang: met gebruikerstesten kun je ook aan waardevolle kwalitatieve data komen. Lees in ons blog over paper prototypes hoe dat op een laagdrempelige wijze kan.

2. De diepte in

Flat design is zo 2020! De tweedimensionale designstijl die we kennen van windows 7 is sinds 2010 erg invloedrijk geweest. Maar nu lijkt er dan toch een einde aan te komen. Vandaar deze tweede in het rijtje van webdesign trends voor 2021: volledig plat design gaat eruit en illustraties mogen weer diepte hebben.

webdesign trends 2021: drie duimen in clay 3D

Dat kan bijvoorbeeld met Clay 3D, en dit is precies wat je denkt dat het is: Pingu in 3D! Animaties in 3D die lijken op klei dus, door zachte belichting en ronde vormen. Het is een stijl die over is komen waaien uit animatiefilms en die een komisch effect heeft. Niet geschikt voor elk bedrijf, maar wel leuk.

3. De schoonheid van asymmetrie

De laatste jaren maakte men bij het ontwerpen van een website vaak gebruik van een grid waarop blokken werden verdeeld. Het resultaat was een duidelijke en symmetrische website. Daar is op zich niets mis mee, maar het zorgt er wel voor dat veel websites dezelfde look-and-feel hebben. En hoe zorg je er dan voor dat jouw website eruit springt?

Geen wonder dus dat je nu al ziet dat er verandering komt met juist een asymmetrisch design. Een asymmetrische lay-out betekent wel een balansoefening voor de designer, want het kan snel over de top gaan. Maar goed uitgevoerd is het zeker aan te raden.

4. Oversized fonts

Groot, groter, groots. Websitebezoekers hebben steeds minder tijd en een korte aandachtsspanne. Goed webdesign sluit hierbij aan. Met een groter font kun je ervoor zorgen dat de belangrijkste inhoudelijke elementen het meeste opvallen. Daarnaast kom je hiermee tegemoet aan bezoekers die je website vlug willen scannen. Deze webdesign trend  van 2021 sluit aan bij mobile first design waarbij beperken tot de kern ook een noodzaak is.

5. Micro-interacties en micro-animations

Micro-interactions zijn kleine momenten van interactie die ingebouwd zijn in websites en apps. Denk aan een toggle die je makkelijk instellingen laat wijzigen of een play-knop bij een video. Micro-animations zijn functionele animaties die hierbij helpen.

Micro-interactions en -animations worden steeds populairder en wel om drie reden: ze zijn gebruiksvriendelijk, maken het makkelijk voor de gebruiker om interactie met de website aan te gaan en ze geven de gebruiker feedback. Handig dus! Lees hier meer over micro-interacties en micro-animations.

6. Krijg het onder de duim!

Website worden steeds meer bezocht via mobile devices. De meeste mensen houden hun mobiel met één hand vast en bedienen het touchscreen met hun duim. Voor een goede mobile first website is het belangrijk om ervoor te zorgen dat de navigatiemogelijkheden hierbij aansluiten.

Dat wil zeggen dat het steeds belangrijk wordt om te ontwerpen voor duimen en dat is nu juist niet de meest flexibele vinger. Het bereik ervan is beperkt. Vooral de bovenkant van het scherm ligt buiten het bereik van de duim, terwijl hier nu juist vaak het menu staat. Wil je designen voor de duim? Dan is navigatie via toetsen aan de onderkant van het scherm handiger. Zo hebben gebruikers belangrijke functies waaronder de CTA letterlijk onder de duim.

webdesign trends 2021: twee voorbeelden van een app, een met een cta bovenaan en een met een cta onder de duim

De duim is verder een relatief dikke vinger. Een kleine knop, of erger meerdere kleine knoppen naast elkaar kan dan makkelijk tot gebruikersfouten leiden. Een button zou tussen de 45-57 pixels moeten zijn geschikt te zijn voor de gemiddelde vinger, maar 72 pixels om geschikt te zijn voor een duim. De meeste mobiele website hebben knoppen die zelfs kleiner zijn dan die 45-57 pixels, dus hier valt nog een flinke slag te halen.

7. Illustraties in plaats van foto’s

Eigen foto’s waarover het gros van het bedrijf tevreden is, heeft niet iedereen voor handen. En stockfoto’s zijn ook niet ideaal en al helemaal niet als je wilt dat jouw website opvalt tussen de rest. Daarom zullen steeds meer websites gebruik gaan maken van illustraties, eventueel naast fotomateriaal. Het voordeel van illustraties is dat je makkelijk een persoonlijke, eigen en herkenbare stijl kan ontwikkelen of laten ontwikkelen door een designer. Een soort illustratie-huisstijl dus. Het voordeel hiervan is eenheid op je website (én op andere online marketingkanalen).

8. Schaalbare illustraties en afbeeldingen

Tegenwoordig worden websites via veel verschillende schermen bekeken. Van een groot scherm in een collegezaal of vergaderruimte tot een smartphone-scherm. Dat maakt het belangrijk om afbeeldingen en illustraties te kunnen schalen, zonder kwaliteit te verliezen. Logisch dus dat .png- en .jpg-bestanden uit de gratie raken en vervangen worden door .svg-bestanden.

Deze vector-afbeeldingen hebben namelijk een minimale bestandsgrootte (goed voor websitesnelheid!) en zijn makkelijk schaalbaar. Daarnaast kun je er, als je de juiste expertise in huis hebt, mooie en functionele illustraties mee maken. Hiermee zorg je ervoor dat jouw illustraties opvallen, tussen al die andere.

9. Digitoegankelijk design

Ook een grote webdesign trend in 2021: digitoegankelijk webdesign. Dit komt niet alleen door verplichtingen van de overheid, maar ook doordat steeds meer bedrijven bewust worden van het feit dat ze 20% van hun doelgroep missen als ze niet voor digitoegankelijk design gaan.

Digitoegankelijk design houdt rekening met mensen met een beperking. Denk bijvoorbeeld aan meerdere manieren om een website te bedienen om zo mensen met een motorisch stoornis te helpen. Denk ook aan scherpe kleurcontrasten om te zorgen voor een optimale ervaring voor slechtzienden en kleurenblinden. Ook als je zelf geen visueel stoornis hebt, zullen deze ontwikkelen je gaan opvallen en je kan er niet omheen voor je eigen website. Lees hier meer over digitoegankelijkheid.

10. Welcome to the dark side

De laatste in het rijtje webdesign trends van 2021 : de dark mode. Met een dark mode oogt je scherm rustiger, kun je makkelijker werken in situaties met weinig licht (handig voor de nachtbrakers) en bespaar je met het juiste scherm ook nog energie. Vandaar dat steeds meer websites deze optie aanbieden, bijvoorbeeld door via een toggle in het scherm de gebruiker de mogelijkheid te geven om te kunnen switchen. Deze trend heeft ook verdere gevolgen voor webdesign, want in de dark mode komen designelementen heel anders uit.

Meer weten?

Tot zover ons overzicht van de webdesign trends van 2021. Zijn er nieuwe ontwikkelingen, dan houden we je natuurlijk op de hoogte. Schrijf je in voor de nieuwsbrief of volg ons via LinkedIn of facebook om niets te missen.

Kun je niet genoeg krijgen van webdesign? Lees dan ook ons blog over landing page webdesign of ons blog over interaction design.

Heb je vragen over webdesign of wil je een awesome website voor jouw bedrijf? Neem dan contact op. WP Brothers staat voor je klaar!

Sjors

lekker snel whatsapp-en
altijd bereikbaar via
van 9.00 tot 17.30

Whitepaper

Hoe maak je een goede website?

Download whitepaper

He Marketeer,

Waar dien je rekening mee houden als je een nieuwe website gaat realiseren? Wij helpen je graag. 

Groeten WP Brothers

Cookies op WP Brothers
Wij en derden gebruiken cookies op onze website. We gebruiken cookies voor statistische, voorkeur en marketing doeleinden. Google Analytics cookies zijn geanonimiseerd. Je kan je voorkeuren wijzigen door op ‘Verander opties’ te klikken. Door op ‘Accepteren’ te klikken accepteer je het gebruik van alle cookies zoals beschreven in onze privacy-statement.
Noodzakelijk
Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.
Voorkeur
Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.
Statische
Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.
Marketing
Marketingcookies worden gebruikt om bezoekers te volgen wanneer ze verschillende websites bezoeken. Hun doel is advertenties weergeven die zijn toegesneden op en relevant zijn voor de individuele gebruiker. Deze advertenties worden zo waardevoller voor uitgevers en externe adverteerders.
Verander opties