Webdesign trends 2026: het korte antwoord
De webdesign trends die er in 2026 commercieel toe doen zijn vijf stuks: leesbaar zijn voor AI-antwoordmachines, snelheid als ontwerpbeperking, toegankelijkheid als wettelijke plicht, beweging met terughoudendheid, en design systems die je kostprijs per pagina verlagen. De rest is smaak. Smaak is prima, maar reken er geen omzet op.
Dat is een onaangename boodschap in een genre dat leeft van dertien trends met plaatjes erbij. We schreven dit stuk juist omdat we die lijstjes zat waren.
5
trends die we in 2026 echt zouden kopen
28 juni 2025
sinds die datum geldt de European Accessibility Act
0 van 7
best scorende trendartikelen noemt die wet
5.0 ★
Google-beoordeling van Viralistic, 30 reviews
Onze meetlat: een trend telt pas als hij een gevolg heeft
Deze lijst is samengesteld op 6 augustus 2026 en we hebben er precies één regel op losgelaten: een trend haalt de lijst alleen als je kunt benoemen wat er gebeurt met je omzet, je conversie, je onderhoudskosten of je juridische risico wanneer je hem wel of niet doorvoert.
Dat filtert hard. Voor dit artikel hebben we de zeven best scorende trendartikelen op “webdesign trends” en “web design trends” uit elkaar getrokken, kop voor kop. Wat we vonden was ontnuchterend. Geen enkel artikel koppelt een individuele trend aan een omzet-, conversie- of risicogevolg. Geen enkel artikel noemt de toegankelijkheidswetgeving die sinds vorig jaar geldt. Eén artikel noemt de Core Web Vitals bij naam en gebruikt daarbij nog steeds FID, een meetwaarde die Google in maart 2024 heeft vervangen. En geen enkel artikel durft te zeggen welke trend je beter kunt laten liggen.
Precies dat laatste is waar dit stuk over gaat.
Hoe je dit artikel gebruikt
Lees eerst de vijf trends die er wel toe doen. Lees daarna de lijst met website trends die je kunt negeren, want daar zit het geld dat je niet uitgeeft. Wil je alleen weten wat wij zouden bouwen, spring dan naar de kosten-en-baten-tabel.
Vijf webdesign trends die er in 2026 echt toe doen
Antwoordmachines vatten je pagina samen voordat een mens hem ziet. Schone semantische HTML en heldere entiteiten bepalen of dat goed gaat.
Prestaties zijn geen optimalisatie achteraf. Ze zijn een budget dat je in het ontwerp uitgeeft of verspilt.
Voor een deel van de markt is toegankelijkheid sinds 28 juni 2025 wetgeving, geen goede bedoeling.
Micro-interacties die richting geven werken. Beweging die aandacht opeist kost je bezoekers en scores.
Tokens en componenten maken de vijfde, tiende en twintigste pagina goedkoper dan de eerste. Dat is de echte besparing.
Bento-grids, dopaminekleuren, retro-nostalgie, 3D-hero's. Leuk, maar niemand koopt bij je omdat je een bento-grid hebt.
1. Je site moet leesbaar zijn voor AI-antwoordmachines
Een groeiend deel van je publiek leest je website nooit. Ze lezen een samenvatting die een AI-model van je website heeft gemaakt. Dat verandert wat “goed ontworpen” betekent: je pagina moet niet alleen mooi renderen, hij moet ook correct te begrijpen zijn zonder de opmaak.
In de praktijk betekent dat saaie dingen. Eén logische koppenstructuur in plaats van visueel grote tekst die technisch een div is. Antwoorden die boven aan een sectie staan in plaats van na drie alinea’s aanloop. Namen van producten, plaatsen en mensen die voluit in de tekst staan in plaats van in een afbeelding. Prijzen en specificaties als tekst, niet als plaatje.
Hier moeten we ook een mythe opruimen, want die wordt door bureaus enthousiast verkocht. Schema-markup is geen toegangsbewijs tot AI Overviews. Google schrijft in zijn eigen documentatie over AI-functies dat er geen aanvullende eisen en geen speciale optimalisaties bestaan om in AI Overviews of AI Mode te verschijnen, en dat je daarvoor geen nieuwe machineleesbare bestanden of speciale markup nodig hebt. De voorwaarde is simpeler en veel lastiger: je pagina moet geïndexeerd zijn en in aanmerking komen voor een gewone zoekresultaatweergave met snippet. Gestructureerde data blijft nuttig voor rich results in de klassieke zoekresultaten, maar wie je een AI-pakket verkoopt op basis van markup alleen, verkoopt je lucht.
Wat wél helpt is dat Google zijn AI-functies een vraag laat uitwaaieren in deelvragen. Een pagina die acht tot vijftien aanpalende vragen beantwoordt in plaats van alleen de hoofdvraag, heeft simpelweg meer aanknopingspunten. Dat is geen truc, dat is beter schrijven. Meer hierover in onze uitleg over AIO en AI-optimalisatie.
Bedrijfsgevolg: onzichtbaarheid in AI-antwoorden kost je bovenaan de funnel, precies waar mensen leveranciers naast elkaar leggen. Het vervelende is dat je het niet ziet aankomen. Je posities blijven staan, je verkeer blijft gelijk, en toch loopt het aantal aanvragen terug.
2. Snelheid is een ontwerpbeperking, geen optimalisatie achteraf
De belangrijkste verschuiving in modern webdesign is dat prestaties naar voren zijn geschoven in het proces. Niet de ontwikkelaar ruimt achteraf op wat de ontwerper heeft bedacht, de ontwerper krijgt vooraf een budget mee.
De cijfers zijn openbaar en concreet. Google beoordeelt drie Core Web Vitals en publiceert daar drempels bij, gemeten op het 75e percentiel van je paginaweergaven: Largest Contentful Paint van 2,5 seconden of sneller, Interaction to Next Paint van 200 milliseconden of sneller, en een Cumulative Layout Shift van 0,1 of lager. Let op dat FID sinds 12 maart 2024 is vervangen door INP. Artikelen die nog over FID schrijven, zijn ouder dan ze eruitzien.
Wat dat betekent voor het ontwerp: een videohero van 8 MB, drie webfont-families en een scroll-animatiebibliotheek zijn geen esthetische keuzes maar budgetbeslissingen. Je kunt ze nemen. Je moet er dan alleen ergens anders voor betalen.
Over ranking zijn we eerlijker dan de meeste bureaus. Google zegt dat Core Web Vitals worden gebruikt door zijn rankingsystemen, maar zegt er in dezelfde adem bij dat er geen enkel losstaand page-experience-signaal bestaat en dat goede scores geen topposities garanderen. Snelheid koop je dus niet voor de ranking. Je koopt hem voor de conversie.
En daar is wél bewijs voor. Deloitte Digital onderzocht in opdracht van Google ongeveer 30 miljoen sessies bij 37 merken en publiceerde dat een verbetering van 0,1 seconde in mobiele sitesnelheid samenhing met 8,4% hogere conversie in retail en 9,2% hogere gemiddelde orderwaarde. Dat is een correlatie, geen belofte, en het onderzoek dateert uit 2020. Maar het is een van de weinige cijfers in dit vakgebied dat je kunt narekenen.
De volledige uitleg van de drie meetwaarden staat in onze gids over Core Web Vitals.
Bedrijfsgevolg: elke tiende seconde die je in het ontwerp weggeeft, betaal je terug uit je conversieratio. Bij een webshop is dat direct te meten. Bij een dienstverlener zie je het in het aantal ingevulde formulieren.
3. Toegankelijkheid is wetgeving geworden, maar niet voor iedereen
Dit is de trend die zeven van de zeven best scorende trendartikelen missen, en het is de enige met een juridische component. Hier moeten we ook het meest precies zijn, want er wordt veel onzin over verkocht.
De European Accessibility Act, richtlijn (EU) 2019/882, geldt sinds 28 juni 2025. Nederland heeft hem omgezet in de Implementatiewet toegankelijkheidsvoorschriften producten en diensten. De wet stelt eisen aan een afgebakende lijst producten en diensten, waaronder e-commercediensten, consumentenbankdiensten, e-books, elektronische communicatiediensten en onderdelen van personenvervoer.
Nu het deel dat bureaus zelden vertellen, omdat het minder goed verkoopt.
Nee, niet elke website moet ineens voldoen
De EAA legt geen algemene plicht op aan alle websites. Een e-commercedienst is in de richtlijn gedefinieerd als een dienst op afstand, via een website, langs elektronische weg, op individueel verzoek van een consument, met het oog op het sluiten van een consumentenovereenkomst. Die criteria gelden samen. Een puur informatieve bedrijfssite die geen consumentenovereenkomst sluit, en zuiver zakelijke dienstverlening zonder consumenten, vallen buiten die definitie. Wie je vertelt dat je site sowieso moet voldoen, verkoopt angst.
Er zijn meer nuances die ertoe doen. Micro-ondernemingen, minder dan tien medewerkers en maximaal 2 miljoen euro omzet of balanstotaal, zijn vrijgesteld voor diensten, maar niet als ze producten maken, importeren of distribueren. Dienstenovereenkomsten die vóór 28 juni 2025 zijn gesloten mogen ongewijzigd doorlopen tot uiterlijk 28 juni 2030. En het toezicht ligt niet bij één instantie: de ACM kijkt naar webshops en elektronische communicatie, de RDI naar producten, de AFM naar consumentenbankdiensten en het Commissariaat voor de Media naar e-books en audiovisuele media.
Voor de norm geldt hetzelfde soort precisie. De geharmoniseerde norm is EN 301 549. De versie die in het Publicatieblad is aangehaald, V3.2.1 uit 2021, verwijst naar WCAG 2.1 op niveau AA. Een nieuwere versie die naar WCAG 2.2 verwijst is in de maak. Bouw je vandaag iets nieuws, richt dan meteen op WCAG 2.2 AA, want dat is de kant die het opgaat en het verschil met 2.1 is klein. Maar schrijf niet dat de wet vandaag WCAG 2.2 eist, want dat is nog niet zo. En WCAG 3.0 is nog altijd een working draft, geen standaard waaraan iemand moet voldoen.
Los daarvan geldt voor de Nederlandse overheid een eigen regime via richtlijn (EU) 2016/2102 en het Tijdelijk besluit digitale toegankelijkheid overheid, inclusief de verplichte toegankelijkheidsverklaring. Dat is een ander spoor en verwar het niet met de EAA.
Bedrijfsgevolg: val je binnen de scope, dan is dit geen ontwerpkeuze maar een nalevingskwestie met toezichthouders erachter. Val je erbuiten, dan is toegankelijkheid nog steeds een van de goedkoopste conversieverbeteringen die er zijn. Contrast, focusstaten, toetsenbordnavigatie en fatsoenlijke formulierlabels helpen iedereen, niet alleen mensen met een beperking. We rekenen het in elk project mee, ook waar het niet hoeft, en behandelen het in onze aanpak voor UI- en UX-design.
4. Beweging met terughoudendheid
Motion design is de trend waar het vakgebied het meest verdeeld over is, en waar de meeste sites de mist in gaan. Het onderscheid is simpel: beweging die informatie geeft werkt, beweging die aandacht vraagt niet.
Een knop die indrukt bij een klik bevestigt dat er iets is gebeurd. Een sectie die zachtjes inschuift geeft aan dat er nieuwe inhoud is. Dat zijn micro-interacties en die verhogen het vertrouwen. Een hero die drie seconden lang een tekst letter voor letter opbouwt voordat je verder kunt lezen, is een tolpoort. Die kost je bezoekers, en op mobiel kost hij je ook nog eens INP.
Twee harde regels die we hanteren. Respecteer altijd prefers-reduced-motion, want voor een deel van je bezoekers veroorzaakt parallax en scroll-jacking letterlijk misselijkheid, en het is bovendien een toegankelijkheidscriterium. En zet nooit beweging op de kritieke laadpaden: geen animatie tussen bezoeker en de eerste zinvolle inhoud, en geen animatie tussen bezoeker en de knop.
Bedrijfsgevolg: in configuratoren en checkouts haken mensen minder snel af zodra het systeem zichtbaar reageert op wat ze doen. Diezelfde techniek, zonder rem losgelaten op een hero, kost je bezoekers en verpest je INP-score. Het verschil zit volledig in de terughoudendheid.
5. Design systems verlagen je kostprijs per pagina
Dit is de trend die geen enkel van de zeven onderzochte artikelen als trend behandelt, en het is de enige die je factuur direct raakt.
Een design system is een set tokens en componenten: kleuren, ruimtematen, typografieschalen, knoppen, kaarten, formuliervelden. Je bouwt ze één keer goed en zet ze daarna samen. Het klinkt als een ontwikkelaarsonderwerp, maar het is een inkoopvraagstuk.
Zonder systeem is elke nieuwe pagina een klein ontwerpproject. Met systeem is de eerste pagina duurder en zijn alle volgende goedkoper, omdat je alleen nog samenstelt. Voor een site van vijf pagina’s is dat overhead. Voor een site die groeit naar dertig landingspagina’s, meerdere talen en een blog, is het het verschil tussen een herontwerp elke drie jaar en een site die meegroeit. Het maakt ook consistentie afdwingbaar in plaats van hoopvol, en consistentie is precies wat een merk duur laat aanvoelen. Dat argument werken we verder uit in premium webdesign.
Bedrijfsgevolg: de kostprijs van elke volgende pagina daalt. Campagnes kunnen sneller live, en een herontwerp wordt een kwestie van tokens aanpassen in plaats van opnieuw beginnen.
Website trends die je in 2026 rustig kunt negeren
Nu het leukste deel. Dit zijn de website trends die overal in de lijstjes staan en waar wij bij de meeste opdrachtgevers geen geld aan uit zouden geven. Niet omdat ze lelijk zijn, maar omdat de rekening groter is dan de opbrengst.
| Trend | Waarom hij overal opduikt | Waarom wij hem meestal overslaan |
|---|---|---|
| Zware 3D- en WebGL-hero’s | Ziet er spectaculair uit in een portfolio en scoort op Awwwards | Kost je LCP op mobiel, waar het grootste deel van je verkeer zit. Alleen zinnig als het product zelf ruimtelijk is |
| Neumorfisme en soft UI | Staat nog in grote trendlijsten uit 2026 | Leunt op zeer lage contrasten en botst daardoor met WCAG AA. Een deel van het vakgebied verklaarde het al dood |
| Bento-grids als standaardlayout | Oogt modern en vult een homepage snel | Dupliceert vaak de DOM voor mobiel en desktop, wat je paginagewicht verdubbelt. Prima als accent, slecht als default |
| Maximalisme en dopaminekleuren | Levert opvallende screenshots | Op een B2B-site verlaagt het geloofwaardigheid en contrast tegelijk. Er is een reden dat je accountant geen neongroene site heeft |
| Experimentele navigatie | Wordt in trendlijsten als lef gepresenteerd | Verstopt het pad naar conversie. Een menu is infrastructuur, geen expressie |
| AI-personalisatie op kleine sites | Klinkt als de toekomst | Onder een paar duizend bezoekers per maand is er geen statistische basis om iets op te personaliseren. Je bouwt complexiteit zonder signaal |
| Dark mode als duurzaamheidsargument | Klinkt verantwoord | De besparing is echt maar minuscuul. Wil je duurzaam bouwen, verklein dan je pagina’s. Dat is dezelfde winst en het versnelt ook nog |
| llms.txt en andere AI-bestanden | Wordt verkocht als toegang tot AI-antwoorden | Google zegt zelf dat je geen speciale machineleesbare bestanden of markup nodig hebt voor zijn AI-functies |
Eén nuance, want we willen geen karikatuur maken. Als je merk expressie verkoopt, een studio, een modelabel, een galerie, dan is opvallend ontwerp geen decoratie maar je propositie. In dat geval verschuift de rekening en kan een 3D-hero volstrekt logisch zijn. De vraag is nooit of een trend mooi is. De vraag is of hij hetzelfde verkoopt als jij.
Let op tegenstrijdig trendadvies
Bij het uit elkaar trekken van de zeven best scorende artikelen vonden we directe tegenspraak. Het ene toonaangevende artikel verkoopt neumorfisme als trend nummer acht, terwijl een ander het dood verklaart. Het ene pusht 3D, het andere noemt het een Core Web Vitals-risico. Twee duwen maximalisme, twee duwen minimalisme. Dat is geen toeval: het overgrote deel van deze artikelen wordt geschreven door partijen die ontwerptools of websitebouwers verkopen. Lees ze met die bril op.
Wat elke trend kost en oplevert
| Trend | Wat het kost | Wat het oplevert | Wanneer het loont |
|---|---|---|---|
| Leesbaar voor AI-antwoordmachines | Herstructurering van koppen en content, geen nieuw ontwerp | Zichtbaarheid in AI-antwoorden en vergelijkingsvragen | Altijd. Dit is de goedkoopste van de vijf |
| Snelheid als ontwerpbeperking | Discipline in beeldmateriaal, fonts en scripts | Hogere conversie, betere mobiele ervaring | Altijd, en het hardst bij e-commerce |
| Toegankelijkheid op WCAG-niveau AA | Contrast, focusstaten, toetsenbordpaden, formulierlabels | Naleving waar het moet, bruikbaarheid waar het niet hoeft | Verplicht binnen de EAA-scope, verstandig daarbuiten |
| Beweging met terughoudendheid | Ontwerptijd, plus respect voor reduced motion | Vertrouwen en duidelijkheid in interacties | Bij formulieren, checkouts en configuratoren |
| Design system | Hogere investering vooraf | Lagere kostprijs per volgende pagina | Vanaf ongeveer de vijfde tot tiende sjabloon |
De bedragen erbij zetten heeft weinig zin zonder te weten wat je bouwt. Wat een site realistisch kost en waar het geld heen gaat, staat in wat kost een website laten maken.
Webdesign trends in Amsterdam: wat we in de praktijk zien
Vanaf de Herengracht kijken we naar dezelfde trendlijsten als iedereen, maar we zien een ander koopgedrag. Zoekopdrachten als “webdesign trends amsterdam” komen vrijwel nooit van iemand die inspiratie zoekt. Ze komen van een ondernemer die net heeft besloten dat zijn site verouderd is en wil weten waar hij nu op moet letten voordat hij offertes gaat opvragen.
Wat we in Amsterdamse projecten in 2026 het vaakst tegenkomen, in deze volgorde: sites die op desktop prima ogen en op mobiel een halve seconde te traag zijn, sites waar het merk in de huisstijl klopt maar in de website nergens terugkomt, en sites waarvan de eigenaar niet weet of ze binnen de toegankelijkheidswetgeving vallen. Geen daarvan is een trendprobleem. Alle drie kosten ze geld.
De trend die we hier zelf het sterkst zien doorzetten is de terugkeer van maatwerk. Niet omdat maatwerk hip is, maar omdat de sjabloonsites uit 2020 tegen hun plafond lopen zodra er een tweede taal, een productconfigurator of serieuze prestatie-eisen bij komen. Wat dat betekent leggen we uit in maatwerk website laten maken en in ons overzicht van webdesign in Amsterdam.
Wat we níet zien, en dat is misschien de nuttigste observatie: geen enkele klant heeft ons ooit gebeld omdat een concurrent een bento-grid had.
Hoe je een trend beoordeelt voordat je hem koopt
Vier vragen. Als een trend er twee of meer niet doorkomt, laat hem liggen.
Benoem wat er meetbaar verandert: conversie, aanvragen, orderwaarde, onderhoudskosten of juridisch risico. Kun je dat niet benoemen, dan is het smaak.
Vraag om het effect op LCP, INP en CLS op mobiel. Een bureau dat daar geen antwoord op heeft, heeft er niet over nagedacht.
Contrast, toetsenbordnavigatie, focusstaten, reduced motion. Trends die hierop sneuvelen, sneuvelen later alsnog en dan duurder.
Een galerie mag experimenteren, een accountantskantoor niet. De trend moet dezelfde belofte doen als je bedrijf.
Wil je dit tegen je huidige site aanhouden, dan is de snelste route een meetbare doorlichting van je conversiepad. Daar gaat conversie-optimalisatie over.
Veelgestelde vragen
Wat zijn de belangrijkste webdesign trends voor 2026?
Commercieel gezien vijf: leesbaarheid voor AI-antwoordmachines, snelheid als ontwerpbeperking, toegankelijkheid volgens WCAG-niveau AA, beweging met terughoudendheid, en design systems. Esthetische trends zoals bento-grids, maximalisme en retro-nostalgie bestaan wel degelijk, maar ze veranderen zelden je omzet.
Hoe beslis ik welke webdesign trends geschikt zijn voor mijn project?
Stel per trend vier vragen: wat is het meetbare bedrijfsgevolg, wat kost het aan Core Web Vitals op mobiel, overleeft het een toegankelijkheidstoets, en past het bij wat je verkoopt. Zakt een trend op twee van de vier, sla hem over. Dit filter scheelt in de praktijk meer geld dan welke ontwerpkeuze ook.
Moet mijn website voldoen aan de European Accessibility Act?
Dat hangt af van wat je aanbiedt. De EAA geldt sinds 28 juni 2025 voor een afgebakende lijst producten en diensten, waaronder e-commercediensten aan consumenten. Een puur informatieve bedrijfssite zonder consumentenovereenkomst valt buiten die definitie. Twijfel je, laat dan je specifieke situatie juridisch toetsen in plaats van af te gaan op bureaubeloftes.
Heb ik schema-markup nodig om in AI Overviews te komen?
Nee. Google stelt in zijn documentatie over AI-functies dat er geen aanvullende eisen en geen speciale markup of machineleesbare bestanden nodig zijn voor AI Overviews of AI Mode. De voorwaarde is dat je pagina geïndexeerd is en in aanmerking komt voor een normale snippet. Gestructureerde data blijft wel nuttig voor rich results.
Zijn bento-grids slecht voor mobiel?
Vaak wel, maar niet per definitie. Het probleem ontstaat wanneer een implementatie de inhoud twee keer in de DOM zet, één versie voor desktop en één voor mobiel. Dan verdubbelt je paginagewicht. Als accent op één sectie is een bento-grid prima. Als standaardlayout voor je hele site is het duur.
Hoe zet je motion design in zonder dat het afleidt?
Beperk beweging tot bevestiging en oriëntatie: een knop die reageert, een sectie die aankondigt dat er inhoud verandert. Houd animaties buiten het kritieke laadpad en respecteer altijd prefers-reduced-motion. Als de beweging aandacht vraagt in plaats van geeft, haal hem weg.
Wat is Machine Experience?
Machine Experience, ook wel MX, is het idee dat je website ook ontworpen moet zijn voor de machines die hem lezen: zoekmachines, AI-antwoordmachines en agents. In de praktijk gaat het om schone semantische HTML, een kloppende koppenhiërarchie, zichtbare tekst in plaats van tekst in afbeeldingen, en heldere entiteiten.
Welke rol speelt duurzaamheid in modern webdesign?
Een echte, maar kleinere dan de trendlijsten suggereren. Het effect van dark mode op energieverbruik is meetbaar en klein. De grootste winst zit in lichtere pagina’s: minder JavaScript, betere beeldcompressie, minder fonts. Dat is dezelfde ingreep die je conversie verbetert, en dat maakt het een makkelijk verhaal.
Hoe vaak moet je je website opnieuw ontwerpen?
Met een design system zelden helemaal. Wat je periodiek herziet zijn tokens, beeldtaal en boodschap, en dat kan zonder de site opnieuw te bouwen. Zonder systeem loop je meestal na drie tot vier jaar tegen een volledig herontwerp aan, simpelweg omdat elke pagina los is gebouwd.
Welke webdesign trends verbeteren de gebruikerservaring het meest?
Snelheid en toegankelijkheid, met afstand. Een pagina die in 2,5 seconden staat, direct reageert op een tik en niet verspringt tijdens het laden, voelt beter dan welk visueel effect ook. Daarna komen doelgerichte micro-interacties. Visuele trends staan qua gebruikerservaring ver onderaan.
Tot slot
De webdesign trends van 2026 vallen uiteen in twee stapels. De ene stapel verandert wat je website oplevert: gevonden worden in AI-antwoorden, sneller laden, toegankelijk zijn waar dat moet, bewegen met rem, en bouwen op een systeem. De andere stapel verandert hoe je website eruitziet in een screenshot. Beide stapels mogen bestaan. Alleen de eerste verdient budget dat je niet had.
Weten welke trends jouw site echt verder helpen?
We kijken naar je huidige website, je Core Web Vitals en je conversiepad, en zeggen eerlijk wat de moeite waard is en wat niet.
