Les 5 tendances du webdesign en 2026

Quelles sont les tendances du webdesign en 2026 ? Pour répondre, on a laissé de côté les listes de « styles à la mode » et regardé ce qui est vérifiable : ce que Webflow et Figma ont lancé cette année, les sites primés par Awwwards. Le tri et les conseils, eux, sont notre avis d'agence.

Résultat : cinq tendances. Trois prolongent directement celles de 2025, une quatrième en est l'évolution (le glow devient shader), et une seule est vraiment nouvelle : elle touche la façon de fabriquer un site plus que son apparence.

Article publié en 2025, entièrement mis à jour le 6 octobre 2026.

Les tendances webdesign 2026 en un coup d'œil

1. Le mouvement devient la norme

En 2025, on écrivait que les animations et les micro-interactions devenaient indispensables, et que le rachat de GSAP par Webflow allait accélérer le mouvement. C'est ce qui s'est passé, plus vite que prévu.

• Le 30 avril 2025, Webflow a rendu GSAP 100 % gratuit, y compris les plugins auparavant payants, et pour tout le monde, client Webflow ou non.
• Le 10 juillet 2025, Webflow a sorti une nouvelle version de ses Interactions, reconstruite sur GSAP, avec une timeline horizontale et le découpage du texte en lettres ou en mots, sans code.
• En juin 2026, Figma a présenté Figma Motion à Config : une timeline avec images clés directement dans le fichier de design, et des exports en CSS, React, JSON ou SVG animé.
• En septembre 2026, à la Webflow Conf, le MCP de Webflow a appris à construire des interactions GSAP à partir d'une simple demande à un agent IA.

L'animation n'est donc plus réservée aux sites qui ont un développeur créatif dans l'équipe. Le designer l'imagine dans Figma, l'intégrateur la construit visuellement dans Webflow, et le moteur est le même que celui des sites primés.

La limite reste la même qu'en 2025 : une animation qui ralentit la page ou gêne la lecture coûte plus qu'elle ne rapporte. On anime ce qui guide l'œil : une entrée de section, un état de bouton, un passage d'étape. Le reste peut rester immobile. Et on respecte le réglage « réduire les animations » du visiteur.

Exemples : 13G, Made with GSAP et la vitrine officielle de GSAP.

2. L'immersion 3D, au service d'un récit

La 3D et le scrollytelling (raconter une histoire au fil du défilement) étaient déjà dans notre liste 2025. Les palmarès de fin d'année montrent qu'ils tiennent leur place.

Le Site of the Year 2025 d'Awwwards est le site du pilote de F1 Lando Norris, conçu par l'agence OFF+BRAND. Sa fiche Awwwards liste ses technologies : Webflow, GSAP, WebGL et 3D. Le prix du meilleur développement est allé à Messenger, du studio abeto, un petit monde en 3D construit avec WebGL et Three.js.

Ce premier exemple compte pour les équipes marketing : le site le plus primé de l'année tourne sur Webflow. Un site immersif n'impose plus de sortir d'un outil que l'équipe sait mettre à jour seule.

Là où ça marche : présenter un produit, lancer une marque, raconter une histoire qu'un texte raconterait mal. Les points faibles : le temps de chargement sur mobile, et le référencement si le contenu n'existe que dans la scène 3D. Le texte utile doit rester dans la page, lisible par Google et par les moteurs IA.

Exemples : Lando Norris, The Tiny Pod, Monolith Studio.

3. Lumière, matière et shaders : le glow de 2025 évolue

En 2025, on parlait de glow design : halos lumineux, dégradés sur fond sombre, popularisés par des sites comme Huly. L'effet n'a pas disparu, mais il change d'outil et de matière.

À Config 2026, Figma a ajouté des remplissages et effets en shaders : des effets visuels générés par l'agent de Figma à partir d'une description ou d'une image de référence, réglables, superposables à d'autres effets et convertibles en code. Les shaders interactifs sont annoncés « bientôt ». Jusqu'ici, ce type d'effet demandait un développeur WebGL. Il entre maintenant dans l'outil du designer.

Autre signal, côté interfaces : Apple a présenté le 9 juin 2025 Liquid Glass, un matériau translucide qui reflète et réfracte ce qu'il y a derrière, sur tous ses systèmes. Liquid Glass concerne les applications et les systèmes d'Apple ; le web n'est pas visé. Notre pari : comme à chaque changement de style chez Apple, une partie des sites tech et SaaS va reprendre la transparence et le verre dépoli.

Notre conseil : un effet de lumière ou de matière par page, sur l'élément qu'on veut faire regarder. Au-delà, l'effet fatigue et alourdit la page.

Exemples : Huly, AuthKit, Frame.io.

4. Le design et le code se rapprochent, avec des agents IA

C'est la vraie nouveauté de 2026, et elle concerne la fabrication du site plus que son apparence.

En 2025, l'IA dans le webdesign, c'était surtout des visuels générés : des arrière-plans, des vidéos d'en-tête, souvent beaux mais rarement liés au propos du site. En 2026, l'IA entre dans les outils de production :

• Figma Code Layers, annoncé à Config 2026 : un calque de design se transforme en composant codé et interactif, directement dans le fichier. Il est déployé à partir de juillet 2026, sur liste d'attente.
• Source by Webflow, présenté à la Webflow Conf de septembre 2026 : une nouvelle plateforme où marketing, design, développement et agents IA travaillent sur le même code, chacun dans une vue adaptée à son métier. Elle est en research preview limitée, ouverte progressivement à des agences et des clients.
• Le même jour, Webflow a annoncé Campaigns, qui génère une landing page et ses variantes à partir d'un brief, et Assets, pour décliner des visuels aux couleurs de la marque.

Ce que ça change pour vous : le prototype et le site se ressemblent de plus en plus, et une équipe marketing peut produire plus de pages, plus vite. Le risque aussi change. Quand produire une page ne coûte presque plus rien, ce qui distingue un site, c'est sa direction artistique et la cohérence de son design system. Une IA qui pioche dans un design system flou produit des pages floues.

On a détaillé ces annonces dans notre article sur la Webflow Conf 2026 et dans Webflow lance Source.

5. Le site B2B clair, qui convertit et que tout le monde peut utiliser

La tendance « UX first » de 2025 reste vraie : pour un site B2B ou SaaS, un design épuré, des textes qui disent ce que fait le produit, des visuels qui ont chacun une raison d'être. Le site doit vendre avant d'être beau.

Deux choses s'y ajoutent en 2026.

La première est l'accessibilité. Depuis le 28 juin 2025, l'European Accessibility Act impose que certains produits et services vendus dans l'Union européenne soient accessibles aux personnes handicapées, y compris leurs sites et applications : e-commerce, services bancaires, transport de voyageurs, communications électroniques, livres numériques. Tous les sites ne sont pas concernés, mais le sujet entre dans les cahiers des charges, et il se traite dès le design : contrastes, tailles de texte, focus clavier, animations désactivables. Nos bonnes pratiques d'accessibilité web donnent la liste de départ.

La seconde est la confiance, surtout dans la finance : vrais visages, chiffres affichés clairement, preuves visibles dans le parcours plutôt que cachées en pied de page. On l'a détaillé dans nos tendances design 2026 pour les sites finance.

Exemples : Humblytics, AlignUI, Intercom.

Les sites les plus primés de 2025

Pour s'inspirer, le palmarès annuel d'Awwwards est une bonne référence. Voici les lauréats 2025 :

Ce qui recule en 2026

Cette partie est l'avis de Digidop, mis à jour depuis la version 2025 de cet article. Aucune mesure ne la sous-tend.

• Le bento (la grille de blocs popularisée par Apple) est partout depuis deux ans. Il reste utile pour présenter plusieurs fonctionnalités d'un coup, mais une page entière en bento ressemble à toutes les autres.
• Les animations sur chaque bloc reculent au profit d'animations moins nombreuses et mieux placées. C'est le revers de la tendance n° 1.
• Les grands dégradés en fond de page laissent la place à des effets plus localisés : un halo, une texture, un shader sur un seul élément.
• Le brutalisme reste une esthétique de niche, pour des marques artistiques ou à l'identité très affirmée.
• Les visuels IA décoratifs sans lien avec le propos du site (les fameux nuages générés de 2025) vieillissent mal.

Notre avis

Une tendance n'est pas une raison de refaire son site. Demandez-vous plutôt laquelle sert ce que votre site doit faire. Un site de lancement de produit gagne à raconter une histoire en 3D. Un site B2B qui doit générer des leads gagne d'abord en lisibilité et en vitesse, avec quelques animations bien placées.

Chez Digidop, on conçoit et on développe dans Webflow, et on anime avec les Interactions Webflow, GSAP ou du code sur mesure selon les besoins. Deux de nos projets ont reçu une mention honorable d'Awwwards : Artisans de Genève en décembre 2025 et ELEF en juin 2025. Ce qu'on en retient : les jurys regardent le soin du détail et la cohérence d'ensemble bien plus que le nombre d'effets.

Si vous préparez une refonte et voulez savoir quelles tendances ont du sens pour votre marque, voyez notre offre de webdesign.

Questions fréquentes

Quelles sont les tendances actuelles en design web ?

En 2026 : le mouvement devenu standard (GSAP, Interactions Webflow, Figma Motion), l'immersion 3D au service d'un récit, les effets de lumière et de matière (shaders), le rapprochement du design et du code avec des agents IA, et des sites B2B plus clairs et plus accessibles.

Quelles sont les tendances UX/UI en 2026 ?

Côté UX : la clarté du message, la preuve visible dans le parcours, l'accessibilité pensée dès la maquette et des animations qui guident au lieu de décorer. Côté UI : des effets de lumière ou de verre localisés, moins de bento et de grands dégradés.

Le bento design est-il dépassé ?

Pas pour présenter plusieurs fonctionnalités dans une même section, où il reste efficace. Il est surexploité quand il structure toute la page : le site ressemble alors à beaucoup d'autres.

Faut-il suivre les tendances pour une refonte ?

Seulement celles qui servent l'objectif du site. Une tendance esthétique finit toujours par dater ; un site bien structuré et rapide tient plus longtemps. Choisissez une ou deux tendances qui renforcent votre marque : les cinq à la fois, c'est trop.

Peut-on faire tout cela avec Webflow ?

Oui pour l'essentiel : animations GSAP visuelles avec les Interactions, 3D via Spline ou WebGL, design system et composants. Le Site of the Year 2025 d'Awwwards est d'ailleurs construit sur Webflow. Source by Webflow, en préversion limitée, n'est pas encore ouvert à tous.

Sources

• Webflow : GSAP devient 100 % gratuit (30 avril 2025) · Interactions Webflow sur GSAP (10 juillet 2025)
• Webflow : les annonces de la Webflow Conf 2026 · Source by Webflow (2 septembre 2026)
• Figma : récapitulatif de Config 2026 (24 juin 2026)
• Awwwards : lauréats des Annual Awards 2025 · fiche Lando Norris · fiche Messenger
• Apple : Liquid Glass (9 juin 2025)
• Commission européenne : European Accessibility Act · entrée en application