Web design trends in 2024

Wat zijn dit jaar de trends en ontwikkelingen voor website design? Wat we zeker weten is dat in juni 2025 de European Accessibility Act (EAA) ingaat. Deze wet verplicht e-commerce bedrijven om hun diensten digitaal toegankelijk te maken. Digitale toegankelijkheid zal dus meer en meer de norm worden. Verder zullen we meer invloed van AI gaan zien, de terugkeer van de gradiënt, de Bento-box vlakverdeling en functie boven vorm als wel minimalisme.

Digitale toegankelijkheid

De websites van overheidsinstellingen moeten sinds 2018 voldoen aan de Digitoegankelijk (EN 301 549 WCAG 2.1 niveau A en AA). In 2025 zullen websites en apps verplicht moeten voldoen aan de internationale toegankelijkheidsrichtlijnen binnen de hele Europese Unie. We kunnen er dus niet meer omheen.

De richtlijnen hebben impact op web design. De designer zal hiermee om moeten gaan en de richtlijnen toepassen, bijvoorbeeld niet alle kleuren zijn geschikt voor het weergeven van tekst. Je hebt nu eenmaal te voldoen aan een bepaalde contrast ratio.

Kortom, digitale informatie moet voor iedereen toegankelijk zijn, ongeacht het apparaat dat daarvoor wordt gebruikt. Om toegankelijkheid te bereiken, begint dat als eerste bij het ontwerp van de website of app. De vraag is alleen hoe gaat dit gecontroleerd worden, misschien met AI.

Web design ideeën opdoen met AI

Sinds vorig jaar is de opkomst van AI behoorlijk gegroeid. Tools als DALL-E en Midjourney kunnen van dienst zijn bij een nieuw project, zoals AI samengestelde afbeeldingen of een tekst laten schrijven om ‘Lorem ipsum….’ te vervangen.

Loop je als designer vast in je creatieproces, stel eens een vraag aan ChatGPT. Wie weet helpt het voor hernieuwde inspiratie om je ontwerpvraagstukken op te lossen. AI is niet direct geschikt voor een definitief eindproduct, maar het geeft wel de mogelijkheden om te helpen bij het ontwerpproces.

Bron: OpenAI

Terug van weggeweest de gradiënt

Jazeker, ze zijn terug van weggeweest! De gradients zijn er weer, maar dan anders. Het liefst een combinatie van verschillende kleuren met felle contrast. Zo kun je een onderdeel van de website ermee laten opvallen en de aandacht er naar toe trekken.

Maar je kan de gradiënt ook creatief gebruiken in letters of afbeeldingen. Om afbeeldingen visueel aantrekkelijker te maken, kun je een gradient color overlay toepassen, of om meer eenheid te creëren en de afbeelding beter bij de kleuren van de website te laten passen.

Voorbeeld van gradient in website Bron: Evervault

Gradient voorbeeld in websiteBron: Makelog

De Bento box in web design

Misschien ken je het wel de Bento box, een lunchbox met verschillende formaten vakjes om verschillende voedingswaren netjes gescheiden te houden. De trend is goed terug te zien in de web design galleries, blokken ontworpen in een grid van bijvoorbeeld 4x4 of 5x5, met dezelfde afmetingen, of creatief met verschillende afmetingen.

De trendsetters in dit principe zijn natuurlijk de grote merken Apple en Windows. Dit inspireerde vele ontwerpers over de hele wereld om de Bento box style te gebruiken in hun ontwerpen.

Bron: Bolt

Voorbeeld bentobox in websiteBron: Nev

Minimalisme is een blijvertje

De afgelopen jaren heeft minimalisme aan populariteit gewonnen. Dit jaar zal dit alleen maar belangrijker worden, functionaliteit over vorm en eenvoud voor goede gebruiksvriendelijkheid.

Dit zal zich online design uitte in veel witruimte, grote vlakken en geen poespas die alleen maar afleiden. De nadruk ligt nog meer op de kernboodschap die ontwerpers willen overbrengen, bijvoorbeeld met headers met alleen tekst erin.

Is jouw website nog wel up to date?

Niet up-to-date! Wij helpen jou graag en zorgen ervoor dat jouw nieuwe website een web toegankelijk en toekomstbestendig design krijgt. Die we vervolgens in het gebruiksvriendelijke Umbraco CMS ontwikkelen.

Wil je meer weten, neem dan contact met ons op en we plannen een koffie afspraak in om je wensen te bespreken.

Kennismaken met een kop koffie?

Pascal van Assendelft LR

Stel je vragen aan Pascal Account & Projectmanager

Wil je een vraag stellen of een kennismaking plannen?
Vul onderstaand formulier in.

Bedankt voor het invullen van het formulier. Jouw bericht is goed verzonden. We nemen zo snel mogelijk contact met je op.