Cet article a été mis à jour le 28 avril 2023.
Que vous soyez un web designer débutant ou que vous souhaitiez créer un site internet pour votre entreprise, rester au fait des tendances web design peut aider à booster la présence en ligne de votre marque.
« En tant que créateur de sites, vous devez vraiment être à l’affût des références culturelles, et pas seulement en termes de web design », explique Yiftach Koronio, responsable design pour les réseaux sociaux et le blog de Wix. « La culture influe sur les tendances design de toutes les plateformes, qu’il s’agisse de mode ou de conception de sites web, d’expérience utilisateur ou d’interface utilisateur. »
Par chance, de nombreuses personnes talentueuses et branchées travaillent pour s’assurer que notre éditeur Wix reste à la pointe de la conception web, et Yiftach Koronio, Adi Huri et Moran Kadussi en font partie. Avec leur aide et leur expérience, nous allons vous présenter les tendances du web design les plus importantes de 2023, analyser pourquoi ces macro et micro-tendances du web design ont émergé et leur impact potentiel. Nous vous présenterons également comment les appliquer au design de votre site web.
Les tendances web design de 2023
De manière générale, cette année verra un design fortement influencé par des générations qui s’opposent et qui réagissent face aux réseaux sociaux et à l’IA. Vous constaterez que les tendances de la génération Z, qui privilégie un web design plus spectaculaire et fortement imprégné de la culture pop, l’emporteront face au minimalisme des millenials.
Petite mise en garde avant de commencer: les équipes de conception de Wix travaillent d’arrache-pied pour intégrer la plupart de ces éléments à notre éditeur afin que vous puissiez utiliser les tendances du web design de cette année lors de la création de votre site web. Mais il vous faudra toujours veiller à ce que votre site corresponde bien à l’identité de votre marque et qu’il propose une expérience utilisateur de qualité.
Même si Wix offre des performances de qualité professionnelle à chaque site, un contenu trop dense peut toujours avoir des conséquences sur la vitesse de chargement des pages. Assurez-vous donc de suivre les bonnes pratiques en matière d’optimisation des images et des supports pour que votre site ne se contente pas de suivre la mode, mais qu’il fonctionne également de manière optimale.
Sans plus attendre, laissez-vous inspirer par les 9 tendances du web design pour cette année:
1. Le retour à l’an 2000
En bref: la pandémie a servi de machine à remonter le temps et nous sommes de retour en l’an 2000.
Il n’est pas surprenant que l’esthétique de l’an 2000 ait déjà fait son retour dans le domaine du web design. Nous avons déjà assisté à la réapparition de nombreuses tendances de mode de l’an 2000 et d’anciennes interfaces, ainsi qu’aux reboots de séries cultes. D’après Yiftach, ce phénomène continuera en 2023, nourri par la nostalgie et l’esprit optimiste que les jeunes frères et sœurs des millenials n’ont pas eu l’occasion de ressentir.
Le langage visuel de cette année reprendra l’esthétique percutante qui nous rappelle les technologies naissantes et le futurisme optimiste de l’époque et présentera des couleurs lumineuses et contrastées (comme les teintes rose vif, métalliques, violettes et jaunes) et l’ambiance lo-fi de la technologie Flash et du clip art. Équipés d’outils avancés, des designers comme Kurt Champion et Aroke1 Studio insufflent une touche ironique de plénitude au web design lo-fi de leur jeunesse avec des couleurs détonantes et des animations Flash denses que l’internet bas débit du web 1.0 n’aurait jamais pu gérer.
Le site d’Aroke One capture l’esprit de l’an 2000.
Le portfolio de Shiqian Pan’s puise son inspiration dans la nostalgie des années 2000, tout en utilisant des outils de conception sophistiqués.
2. L’ajout de texture
En bref: nous voulons plus de sensations (et pas que des émotions).
Ces dernières années, le monde du design veut simplement ressentir des choses à nouveau. Les grandes tendances web design de 2022 comprenaient des éléments de design doux et tactiles. Grâce à l’évolution de la technologie et à l’esprit maximaliste de 2023, les web designers apporteront des éléments outrageusement tangibles à la sphère numérique. « Tout est question de textures dans la typographie, l’imagerie abstraite, les formes, les vidéos et les arrière-plans », nous explique Adi Huri.
D’après elle, nous avons déjà vu beaucoup de textures métalliques et liquides utilisées dans le web design ces derniers mois, mais la tendance n’a pas encore atteint son apogée. Elle prédit que 2023 verra apparaître une avalanche de techniques texturées comme la fourrure, le verre liquéfié et le « squishy branding ». Nous verrons aussi le succès du clay morphisme, comme le style «pâte à modeler» de l’artiste et designer Yonk présenté dans sa collection de vidéos transparentes Wix, ainsi que dans ses collaborations avec des marques comme Meta et Sprite.
Ce besoin d’interactions plus concrètes est certainement influencé par notre réalité post-pandémie, mais nous ne pouvons pas nous empêcher d’y voir également l’influence de l’an 2000 et de penser aux lampes à lave, au GAK de Nickelodeon et aux porte-clés porte-bonheur en fourrure de lapin qui ont éveillé notre sens du toucher.
3. Encore et toujours plus
En bref: le maximalisme est de retour!
Après une période calme de minimalisme tranquille dans le web design moderne, il semble que les designers et les marques soient à nouveau tentés par le maximalisme. « Si 2022 a été l’année du design épuré, 2023 sera l’année du design audacieux », nous explique Adi Huri.
Cette tendance consiste à inclure énormément d’informations en un seul endroit : par exemple, sous forme d’écrans symétriques divisés clairement en sections équilibrées dont les compartiments bien délimités ne présentent pas le design minimaliste et délicat attendu, mais des éléments asymétriques, une typographie éclatante et forte, des couleurs puissantes, des textures intenses et des mouvements vigoureux. « Chacune des sections de l’écran sera comme une émission de télévision, un concert ou un voyage psychédélique à part entière », déclare Huri.
Pour Yiftach Koronio, les web designers devraient s’inspirer du site de Starface, qui illustre parfaitement cette tendance maximaliste avec ses éléments de marque percutants et décomplexés. Cette boutique en ligne de patchs anti-acnés présente des bords arrondis et doux auxquels s’opposent des couleurs néon, une typographie inspirée des années 90 et une imagerie forte.
A première vue, les marques misent sur la surstimulation pour nous sortir de la pénibilité et de l’ennui de ces dernières années.
Le site web de Starface maîtrise parfaitement la tendance maximaliste.
4. Le web design anti-design
En bref: le chaos est un état d’esprit et on aime ça.
Entre le changement climatique, les crises géopolitiques et la fragilité du monde du travail, les temps sont plus incertains que jamais. Alors que les designers se sont familiarisés avec le chaos au cours des dernières années, le monde du web design a essayé de trouver de l’ordre au milieu du désordre. Mais, d’après Moran Kadussi, les concepteurs web se joignent désormais au mouvement du chaos : bienvenue dans le monde de l’anti-design.
Issu du brutalisme, le mouvement anti-design repose sur des caractéristiques brutes qui visent à briser les principes du design, à recréer le chaos autour de nous et à exprimer quelque chose de fort. Cette tendance web est caractérisée par des éléments lourds et agressifs qui semblent brisés et disproportionnés, par exemple, des textures surprenantes, des éléments qui se chevauchent, des polices immenses et des dispositions asymétriques et non structurées.
L’anti-design est utilisé pour repousser les limites créatives et aller à la rencontre de nouveaux publics. Ce style audacieux ne conviendra donc pas à tous les sites web ni à toutes les marques. Les boutiques en ligne, par exemple, ont besoin d’une structure de site internet et d’un flux d’utilisateurs spécifiques. La nature de l’anti-design peut par conséquent nuire à leur succès. Toutefois, dans le cas d’un portfolio, d’un projet, d’une campagne ou d’une initiative originale, l’anti-design peut contribuer à illustrer votre propos de manière implicite. Par exemple, dans ce dossier du New York Times, ce style permet de rappeler l’image des débris d’une catastrophe naturelle.
L’approche anti-design de Kurt Champion brise toutes les règles et crée une expérience enrichissante et engageante.
5. Des couleurs survitaminées
En bref: 2023 est une année haute en couleurs!
Les couleurs naturelles et primaires, très tendance l’année dernière, laissent cette année leur place au néon. « Tout sera saturé de couleurs vives », prédit Adi Huri. « [Les créateurs] veulent que le public ouvre grand les yeux, sourit et se déchaîne. » Pas uniquement grâce à des teintes flashy comme le turquoise, le vert pomme et le rose de Valentino, ajoute Moran Kadussi, mais aussi avec des palettes qui maximisent les couleurs, en clin d’œil au maximalisme.
Il existe différentes manières d’incorporer des couleurs survitaminées à votre site web : par exemple, les superpositions colorées, les dégradés et l’imagerie. Adi ajoute que l’intégration de différentes couleurs à votre site peut créer une ambiance un peu grunge et tapageuse susceptible de plaire à la très convoitée génération Z. Elle vous suggère également d’habiller chaque section de la même page différemment ou en utilisant une des teintes différentes pour le texte des paragraphes, des en-têtes et des boutons d’appel à l’action.
Yonson utilise des couleurs survitaminées pour attirer les visiteurs.
6. Les coins arrondis
En bref : si Apple fait quelque chose, tout le monde suit.
La moindre modification effectuée par Apple, aussi subtile soit-elle, devient instantanément une tendance. Yiftach Koronio explique qu’une fois qu’Apple a intégré des coins arrondis sur l’interface utilisateur de l’iPhone et le design de l’application, le motif a été repris sur tous les sites y compris les plus modestes et les moins connus. « Tout est placé au milieu de coins arrondis, qu’il s’agisse des marges des sites, de l’imagerie des galeries ou d’un produit lui-même », dit-il.
Pour Yiftach et Moran, vous pouvez facilement mixer cette tendance avec d’autres, évoquées dans cette liste. Vous pouvez l’associer au rétrofuturisme de l’an 2000 pour accentuer l’atmosphère cosy et propice au rêve, l’utiliser pour contraster avec la dureté du brutalisme ou pour tempérer les effets du maximalisme et de la démesure.
L’utilisateur de Wix Nedavius utilise des coins arrondis dans la mise en page, l’imagerie et la typographie de son portfolio en ligne.
7. Les contenus axés sur l’IA
En bref: place à l’expérimentation !
L’année 2022 a été marquée par une hausse importante de l’utilisation des outils d’IA, accompagnée d’une bonne dose de scepticisme… et de panique. « Lorsque l’IA est apparue pour la première fois, la question qui était immédiatement sur toutes les lèvres était “Est-ce qu’elle va remplacer les designers ?” », dit Moran Kadussi. Mais alors que le monde commençait à tester ces outils, il est rapidement devenu évident que si l’IA peut générer des images révolutionnaires en quelques secondes, l’intervention humaine est toujours nécessaire pour lui apporter une vision. Nos experts prévoient qu’en 2023, plutôt que de remplacer les designers, l’intelligence artificielle leur ouvrira de nombreuses portes.
En revanche, les designers devront affiner leurs compétences linguistiques afin que les outils d’IA puissent générer leur vision avec précision. À l’avenir, Moran souligne que l’industrie du design devra uniformiser la terminologie de la photographie, du graphisme et du web design pour pouvoir entrainer les machines d’IA.
8. Les images réelles, sans filtres
En bref : les filtres, c’est fini. Place au réel !
Malgré notre virage vers l’intelligence artificielle et la réalité virtuelle, le public recherche du contenu plus spontané, comme celui que vous trouverez sur TikTok et BeReal. Les gens veulent voir des personnages plus authentiques et des images plus naturelles, ce qui signifie moins de retouches et moins de design. « Les images serviront moins à créer une “ambiance” et plus à partager une histoire », déclare Yiftach Koronio.
Lauren Z Marsau utilise des images non filtrées sur son portfolio en ligne et raconte une histoire impressionnante.
9. Les effets de défilement et d’animation
En bref : votre souris ne va pas chômer !
D’après Adi Huri, l’année 2022 a été celle des effets de défilement. Le web design les a utilisés pour créer des mises en page originales qui ont beaucoup plus aux différentes audiences et qui ont permis d’interagir avec elles.
À une époque où les gens se lassent de plus en plus rapidement, il est important de capter leur attention et de la garder. Pour Adi Huri, cette tendance atteindra un autre niveau en 2023, en utilisant de petits éléments ludiques plus souvent pour impliquer davantage les visiteurs.
Adi explique que de nouveaux effets qui peuvent aider les concepteurs à engager le public seront bientôt disponibles dans l’éditeur Wix. Recherchez les effets de défilement qui peuvent être appliqués à des bandes et à des éléments individuels, des animations continues qui défilent en boucle et des micro-interactions déclenchées par les mouvements de la souris.
Le site web de la marque It’s Mine illustre la manière dont des interactions basées sur le défilement ou déclenchées par la souris peuvent être intégrées à un site internet.