Dit worden de 7 website trends van 2021

14 januari 2021 | Creatie & Concept |

Het nieuwe jaar is weer begonnen. Hoog tijd dus om te kijken naar de website trends van 2021. Wat gaan dé stijlen worden van dit jaar? 2020 laten we gelukkig achter ons, hoe ga je online met een frisse wind het nieuwe jaar in?

1. Retro

We beginnen met een trend die terug is van weggeweest: retro lettertypes. Hoewel schreefloze lettertypes de afgelopen jaren een grote opmars hebben gemaakt – en bold fonts in 2020 nog ‘the way to go’ waren – zien we nu dat lettertypes die zijn geïnspireerd op de jaren ’70 hun intrede weer doen. Veelal dikgedrukte lettertypes laten zich weer zien. Vooral in de grote kopteksten op een website. In combinatie met felgekleurde achtergronden spatten de teksten van het scherm af.

2. Parallax animaties

Parallaxen? Wat? Wie? We horen het je al denken: “waar heb je het over?” Parallax effecten ken je misschien als achtergronden die stil blijven staan wanneer jij op een pagina scrollt. Om heel eerlijk te zijn dachten we dat die vormgeving inmiddels wel afgeschreven was, maar in de website trends van 2021 zien we dit effect toch weer terug.

Er is veel kritiek geweest op parallaxen doordat ze niet zo gebruiksvriendelijk en erg prominent waren. Daarom worden parallaxen vanaf 2021 subtieler toegepast. Denk bijvoorbeeld aan een illustratie die bestaat uit verschillende lagen die subtiel bewegen wanneer je daar met je muis overheen gaat. Wat dacht je bijvoorbeeld van dit voorbeeld op Github?

3. Scroll animaties

Ook weer terug van weggeweest: de scroll animaties. In de website trends van 2021 zien we deze veelvuldig voorbij komen, maar het is niet hetzelfde als het parallax effect. Bij scroll animaties bewegen verschillende elementen wanneer er door een pagina gescrollt wordt.

4. Horizontaal scrollen

Gaan we echt helemaal terug naar vroeger? Daar lijkt het wel op met het herintreden van horizontaal scrollen. Steeds populairder worden sliders die van links naar rechts over het scherm lopen en uit beeld vallen.

Lang was horizontaal scrollen not-done. Hoewel het in 2021 meer zal worden toegepast is het wel belangrijk dat je de mogelijkheden van horizontaal scrollen duidelijk maakt. Denk aan visuele signalen die aangeven dat horizontaal scrollen the way to go is, maar ook alternatieve methodes om de informatie te zien. Een goed voorbeeld is het swipen op smartphones.

5. Neumorfisme

Nog zo’n leuke term: neumorfisme. Dit betekent het combineren van 3D effecten met het platte design van de afgelopen jaren. Met neumorphisme wordt geprobeerd om een realistisch semi-plat design te creëren, vooral door het gebruik van subtiel reliëf en schaduwen. Door de toepassing van dit effect wordt het gevoel gecreëerd dat je het design bijna fysiek kan aanraken. Precies het effect dat we willen bereiken met mobile-first design.  

6. Performance is key in de website trends van 2021

Ja, we blijven het maar roepen: een snelle website is cruciaal. We kunnen je talloze (wetenschappelijke) onderzoeken sturen naar het effect van een website die snel laadt, maar waarschijnlijk weet je het al vanuit je eigen ervaring als gebruiker. Ook in 2021 blijft performance een hele belangrijke website trend.

Kunnen we het dan nog wel een trend noemen? Misschien niet. Toch gaat performance verder dan alleen de laadsnelheid. Denk bijvoorbeeld aan voldoende kleurcontrasten, gebruiksvriendelijke navigatie of zelfs de mogelijkheid voor gebruikers om lettertypeformaten aan te passen, of in een kleurschema te wisselen naar een darkmodus. Binnen performance zijn er dus wel wat nieuwe trends te benoemen, bijvoorbeeld de dark modus waaraan mensen langzaamaan gewend raken door andere platformen en toepassingen. Heb je al eens nagedacht waar jij rekening mee houdt?

7. Illustraties

Of de trends van 2020 dan al meteen weer achterhaald zijn? Daar ziet het niet naar uit. Een trend die blijft is het gebruik van illustraties. Of je nu kiest voor eigen geschetste illustraties of juist gaat voor een cartoonachtig effect, ook in 2021 voegen illustraties veel toe aan je website. Het is uniek, je kunt precies vertellen wat je wilt en het kan waarde toevoegen aan lappen tekst, of deze zelfs deels vervangen!

Over de auteur
Sander Akkermans

Sander Akkermans

Heeft al vele regeltjes code getikt, maar wordt daarnaast heel blij van het maken van mooie foto’s, of een mooi grafisch ontwerp. Gaat het liefste meteen hands-on aan de slag en houdt van razendsnelle communicatie.