Hieronder eerst zes webdesign trends die bepalen of een site aanvragen oplevert, met bron en met wat we bij twee eigen projecten deden. Daarna de one pager, AI in webdesign en de acht UI design trends van 2026.
Alle trends op een rij
Zes trends die je site beter maken
- Snelle reactie (INP) wint van snelle laadtijd
- Toegankelijkheid volgens WCAG 2.2
- Rekentools die een klantvraag zelf beantwoorden
- Eén aanvraagroute die doorloopt tot de juiste plek
- Lokale en meertalige pagina's met echte inhoud
- Beheer op maat in plaats van honderd knoppen
One pager en AI in webdesign
Acht UI design trends en hun voorwaarden
Bewegende en variabele letters, asymmetrische lay-outs, glassmorphism, 3D, AI in het ontwerpproces, micro-interacties, felle kleuren en toegankelijkheid als uitgangspunt. Je leest ze verderop in dit artikel.
1. Snelle reactie (INP) wint van snelle laadtijd
Google beoordeelt de gebruikservaring van een pagina met drie Core Web Vitals:
- LCP (Largest Contentful Paint): hoe snel het grootste element in beeld staat. Goed is binnen 2,5 seconde.
- INP (Interaction to Next Paint): hoe snel de pagina reageert op een klik of tik. Goed is 200 milliseconden of minder.
- CLS (Cumulative Layout Shift): hoeveel de pagina verschuift tijdens het laden. Goed is 0,1 of minder.
Google meet die grenzen bij het 75e percentiel van echte bezoeken, apart voor mobiel en desktop (web.dev: Web Vitals). INP verving op 12 maart 2024 de oudere meting FID (web.dev, aankondiging).
Wat INP traag maakt, is meestal JavaScript dat de browser bezighoudt (web.dev: INP optimaliseren). Denk aan chatwidgets, sliders, trackingtags en plugins die elk hun eigen scripts laden. Een site kan snel laden en toch stroperig aanvoelen zodra je op het menu tikt.
2. Toegankelijkheid: voor de meeste consumentenwebshops verplicht, voor iedereen de lat
Sinds 28 juni 2025 geldt de European Accessibility Act (EU-richtlijn 2019/882). In Nederland houdt de ACM toezicht op websites en apps waar consumenten iets kopen, een contract afsluiten of reserveren (ACM). Een webshop voor consumenten valt daar dus in principe onder.
Micro-ondernemingen die diensten leveren zijn uitgezonderd: minder dan tien medewerkers en een jaaromzet of balanstotaal van maximaal 2 miljoen euro. Twijfel je of je eronder valt, vraag het dan na bij een jurist; dit artikel is geen juridisch advies.
De technische lat ligt in de Europese norm EN 301 549. In september 2026 verscheen versie 4.1.1, die overstapt op WCAG 2.2. Tot de Europese Commissie die versie in het Publicatieblad opneemt, blijft versie 3.2.1 (WCAG 2.1 niveau AA) de referentie (AccessibleEU, Europese Commissie).
Bouw je nu iets nieuws, mik dan meteen op WCAG 2.2 niveau AA. In de praktijk betekent dat onder meer:
- Contrast van minstens 4,5:1 tussen gewone tekst en achtergrond (3:1 voor grote tekst).
- Klikdoelen zoals knoppen en iconen van minstens 24 bij 24 CSS-pixels, of met genoeg ruimte eromheen (links in lopende tekst zijn uitgezonderd).
- Alles bedienbaar met alleen een toetsenbord, met een focus die nooit volledig achter een vaste balk verdwijnt.
- Een zichtbaar label bij elk formulierveld en foutmeldingen die zeggen hoe je het oplost.
- Alt-tekst bij afbeeldingen die iets uitleggen.
Bij de site van Dutch Fiber Trading scoorde toegankelijkheid 100 in Lighthouse. Een automatische test vangt alleen een deel van de problemen, dus loop de belangrijkste routes ook met de hand door: navigeren, zoeken, een formulier versturen.
3. Rekentools: een site die rekent in plaats van vertelt
Werk je met offertes, dan kan de site een deel van het antwoord al geven voordat iemand contact opneemt.
Dutch Fiber Trading kreeg een kostencalculator die naast de kosten ook de CO₂- en MKI-uitkomst laat zien. Een bezoeker ziet zo wat een keuze betekent, nog voordat hij een offerte vraagt.
Een voorbeeld buiten die branche: een schilder laat bezoekers het aantal m² en de verfsoort invullen en toont een prijsband. Stuur de ingevulde waarden mee in het aanvraagformulier, zodat je offerte begint bij wat de klant al zag. Daar zit de aanvraag: niet in de rekensom zelf, maar in wat er daarna met de ingevulde gegevens gebeurt.
4. Eén aanvraagroute die doorloopt tot de juiste plek
Contactformulier, offerteformulier, terugbelverzoek, chatknop, nieuwsbrief: veel sites stapelen ze allemaal. Elk formulier dat zijn eigen weg gaat, is een stroom die je moet bijhouden.
Voor Business Center Altena, met kantoor- en bedrijfsruimte in vier gebouwen op De Hoogjens in Sleeuwijk, komen alle aanvragen binnen via één formulier dat verplichte velden controleert voordat het verstuurt, en in één inbox landt. Er is dus één plek om te controleren of er iets binnenkwam.
Voor webshops geldt hetzelfde bij bestellingen. Bepaal vóór je een webshop laat bouwen waar een bestelling na de kassa terechtkomt, zodat niemand iets hoeft over te typen.
5. Lokale en meertalige pagina's met echte inhoud
Een kopie van dezelfde pagina per plaats, met alleen de plaatsnaam anders, noemt Google "doorway abuse": doorgeefpagina's die alleen bestaan om te ranken. Google behandelt dat als spam (Google Search Central, spambeleid). Voor talen geldt iets anders: een taalversie is prima, zolang hij echt vertaald is.
Business Center Altena zit in de gemeente Altena, met ruim twintig dorpen en kernen. De vier kernen waar mensen echt op zoeken (Werkendam, Woudrichem, Sleeuwijk en Wijk en Aalburg) kregen een eigen pagina; de andere kernen staan als eigen sectie op één overzichtspagina, in plaats van als een rij bijna lege kopiepagina's. De site is er in het Nederlands en het Engels.
Bij Dutch Fiber Trading gaat het om vier talen (Nederlands, Engels, Duits en Frans), samen 424 URL's in de sitemap. Bij zoveel versies loont het om de structuur vooraf te ontwerpen, in plaats van pagina's achteraf te vertalen.
De regel voor jouw site: een pagina voor een plaats of taal heeft alleen zin als er voor die bezoeker iets anders of beters op staat.
6. Beheer op maat: zelf aanpassen wat je wilt aanpassen
Een beheeromgeving waarin alles kan, nodigt uit tot losse aanpassingen die na een jaar niet meer bij elkaar passen. Spreek daarom vooraf af wat je zelf wilt kunnen wijzigen.
Dutch Fiber Trading kreeg een eigen CMS met acht onderdelen die het team zelf beheert, zoals producten, datasheets en de calculator, plus een bestel- en offerteflow zonder online betaling. De site stond in ongeveer twee weken live.
Is een one page website een trend in 2026?
Als vorm wel: een one pager website zet alles op één lange pagina met een menu dat naar onderdelen springt, vaak met animaties die meebewegen met het scrollen. Daarvoor bestaat een eigen CSS-module (MDN: CSS scroll-driven animations); bouw wel een terugvaloptie voor browsers die hem nog niet ondersteunen. Als hoofdsite voor een bedrijf met meer dan één dienst is een one pager meestal een slechte keuze.
De reden is technisch. Google Search ondersteunt URL-fragmenten, het deel na het #-teken, in het algemeen niet (Google Search Central: URL-structuur). Adressen als #diensten of #prijzen worden dus geen eigen zoekresultaten. Je hele site dingt mee met één titel en één beschrijving, voor alles wat je doet.
Een one pager werkt wél bij:
- Eén aanbod met één actie, zoals een evenement, een productlancering of een campagne.
- Een zzp'er met één dienst die vooral via doorverwijzing wordt gevonden.
- Een tijdelijke site die over een paar maanden weer offline mag.
Beslisregel: zoeken mensen twee van je diensten los van elkaar op, geef elke dienst dan een eigen pagina.
Bouw je toch een one pager, controleer dan twee dingen. Geef elke sectie scroll-margin-top mee, zodat de kop na een sprong niet onder de vaste menubalk verdwijnt (MDN: scroll-margin-top). En loop de pagina met het toetsenbord door: een element met focus mag nooit volledig achter die balk vallen, dat is WCAG 2.2-criterium 2.4.11 (W3C: Focus Not Obscured).
Wil je toch een one page website laten maken, dan valt die bij ons in het Starter-pakket. Losse pagina's kosten daarin niet meer: zie de FAQ hieronder of onze pakketten.
AI in webdesign: waar het helpt en waar niet
AI in het ontwerpproces is een van de acht UI-trends van 2026. Het scheelt tijd, maar wie de uitkomst niet stevig bijstuurt, krijgt een site die op die van iedereen lijkt.
Waar AI in webdesign tijd scheelt:
- Een paar lay-outvarianten naast elkaar zetten voordat je er één uitwerkt.
- Een lange tekst inkorten tot een versie die op een telefoonscherm past.
- Een eerste opzet voor alt-teksten, die je daarna per afbeelding controleert.
Waar het misgaat:
- Teksten over je eigen bedrijf. AI kent je klanten, prijzen en werkwijze niet en vult die gaten met algemene zinnen.
- Beeld van mensen. Een gegenereerde teamfoto of klant die niet bestaat, wekt een verkeerde indruk; laat echt werk zien of laat het weg.
- Toegankelijkheid. Een gegenereerd ontwerp haalt niet vanzelf de contrastgrens uit punt 2 of toetsenbordbediening, dus dat test je zelf.
Wil je je hele site met een AI-websitebouwer maken, lees dan website bouwen met AI voor wat zo'n tool wel en niet voor je regelt.
UI design trends van 2026, en wat je ermee doet
Envato zette in maart 2026 acht design trends op een rij, van bewegende letters tot toegankelijkheid als uitgangspunt (Envato, Web design trends for 2026). Per trend de voorwaarde waaronder hij je site niet trager of slechter leesbaar maakt:
- Bewegende en variabele letters. Werkt goed in een kop. Gebruik bij voorkeur één variabel lettertype in plaats van vijf losse bestanden: alle stijlen passen dan in één bestand (web.dev: variable fonts). Houd broodtekst rustig leesbaar.
- Asymmetrische lay-outs met overlappende vlakken (broken grid). Controleer eerst de mobiele weergave: wat op een breed scherm speels oogt, wordt op een telefoon snel een puzzel.
- Glassmorphism. Glasachtige, wazige vlakken ogen licht. Leg een donkere of lichte laag onder de tekst, anders verandert het contrast per scrollpositie. Meer vervaging en een rustige achtergrond helpen ook (Nielsen Norman Group, Glassmorphism).
- 3D en meeslepende elementen. Kost rekenkracht op de telefoon van je bezoeker en kan je INP en LCP raken. Alleen doen als het iets laat zien wat een foto niet kan.
- AI in het ontwerpproces. Zie AI in webdesign hierboven.
- Micro-interacties en beweging. Alleen als ze iets laten weten, zoals een knop die bevestigt dat je klik is aangekomen. Houd ze licht voor je INP en respecteer de instelling "beperk beweging" die bezoekers kunnen aanzetten (MDN: prefers-reduced-motion).
- Felle kleuren. Prima, zolang tekst de contrastgrens uit punt 2 haalt.
- Toegankelijkheid als uitgangspunt. Zie punt 2: de enige visuele trend die voor veel webshops ook verplicht is.
Hoe dat er op complete sites uitziet, zie je bij goede website voorbeelden.
Wat is er veranderd sinds de webdesign trends van 2025?
Drie verschuivingen, elk met een datum:
- Juni 2025: de European Accessibility Act ging gelden. Toegankelijkheid werd voor consumentenwebshops een verplichting in plaats van een trend.
- Juni 2025: Apple kondigde Liquid Glass aan, een doorschijnend materiaal voor iOS 26, macOS Tahoe 26 en zijn andere systemen (Apple Newsroom, 9 juni 2025). Volgens Apple moet het materiaal de inhoud meer focus geven. Op een website past zo'n glasvlak bij een vaste menubalk of een venster boven de pagina, niet als decoratie.
- September 2026: EN 301 549 versie 4.1.1 stapt over op WCAG 2.2, al is die versie nog niet in het Publicatieblad opgenomen.
Wat niet veranderde: INP meet de reactiesnelheid al sinds maart 2024. Wie dat in 2025 liet liggen, heeft het nu nog te doen.
Veelgemaakte fouten
- Een ontwerp alleen op een groot scherm beoordelen, terwijl je bezoekers ook op een telefoon kijken.
- Alleen de Lighthouse-score meten en nooit de veldgegevens van echte bezoekers.
- Elke nieuwe tool een eigen script en eigen formulier geven.
- Al je diensten op één one pager zetten, zodat ze in Google samen één pagina zijn.
- Pagina's per plaats kopiëren zonder eigen inhoud, of taalversies die niet echt vertaald zijn.
- Toegankelijkheid pas na de lancering laten testen, als aanpassen duur is.
Modern webdesign: waar begin je?
Begin hier, in deze volgorde:
- Meet de Core Web Vitals van je vijf belangrijkste pagina's op mobiel; staat INP boven 200 ms, begin dan bij stap 3.
- Loop je contactroute zelf door, met alleen een toetsenbord; lukt het niet zonder muis, dan is dat je eerste klus.
- Schrap scripts en formulieren die niets opleveren.
- Beslis per dienst of hij een eigen pagina verdient.
- Kijk welke klantvraag je site zelf kan beantwoorden.
- Controleer of bestellingen of aanvragen nog met de hand worden overgetypt.
Wil je dit vóór een nieuwe site op papier hebben, gebruik dan de checklist voor een nieuwe website uit onze werkwijze.
Veelgestelde vragen
Wat is de belangrijkste webdesign trend van 2026?
Dat je site direct reageert en voor iedereen bruikbaar is. Google meet de reactiesnelheid sinds maart 2024 met INP, en toegankelijkheid is sinds juni 2025 wettelijk verplicht voor webshops en andere sites waar consumenten kopen of reserveren, behalve bij micro-ondernemingen. Visuele trends komen daarna.
Moet mijn website voldoen aan WCAG 2.2?
De gangbare referentie is nu EN 301 549 versie 3.2.1, en die is gebaseerd op WCAG 2.1 niveau AA. Versie 4.1.1, met WCAG 2.2, verscheen in september 2026 maar is nog niet in het Publicatieblad opgenomen. Bouw je nu, dan is WCAG 2.2 AA de verstandige lat.
Geldt de toegankelijkheidswet ook voor een gewone bedrijfssite?
De European Accessibility Act gaat over diensten aan consumenten, zoals webshops en sites waar je reserveert of een contract afsluit. Een informatieve B2B-site valt er doorgaans niet onder, en micro-ondernemingen zijn uitgezonderd. Toegankelijk bouwen helpt elke bezoeker wel, dus het blijft een goede lat.
Is een one pager website goedkoper?
Niet per se. Bij ons valt een one pager in hetzelfde Starter-pakket als een site met tot 5 pagina's, voor € 695 (introductieprijs voor de eerste 10 klanten, t/m 31 maart 2027, exclusief btw). Het verschil zit dus vooral in hoe goed je gevonden wordt, niet in de prijs.
Kan AI mijn website ontwerpen?
AI kan snel varianten en een eerste opzet maken, maar kent je bedrijf, klanten en prijzen niet. Zonder stevige bijsturing oogt het resultaat als dat van iedereen. Gebruik het voor schetsen en controleer tekst, beeld en contrast zelf.
Is dark mode een must in 2026?
Nee. Het is een prettige optie, geen reden waarom iemand contact opneemt. Bied je het aan, test dan beide weergaven op contrast.
Welke webdesign trends kun je beter overslaan?
Sla elke trend over die je mobiele reactiesnelheid of je contrast breekt zonder iets te laten zien wat een foto niet kan, zoals zware 3D-scènes als decor. Hetzelfde geldt voor kopiepagina's per plaats: dat ziet Google als doorway abuse.
Hoe vaak moet je je website vernieuwen?
Er is geen vaste termijn. Vernieuw als de site je werk tegenhoudt: trage reactie op mobiel, aanvragen die niet aankomen, of inhoud die je niet zelf kunt bijwerken. Vaak is gericht opruimen genoeg; lees wanneer je je website laten vernieuwen beter kunt doen dan repareren.
Verder
Past je huidige site niet meer bij hoe je werkt, dan is website vernieuwen vaak beter dan blijven repareren. Prijzen staan bij onze pakketten en op wat kost een website.
De projecten uit dit artikel staan in ons portfolio, en wat er standaard in zit als je bij ons een zakelijke website laat maken, lees je op de homepage. Wil je weten welke van deze trends voor jouw site het meest oplevert? Neem contact op.
