• 105k
  • 11
Web design \ 9 Janvier 2019

Les 10 grandes tendances web design de 2019

Commençons par tordre le cou à deux mythes persistants. Premièrement, sachez que vous n’avez pas besoin de sortir d’une école de design ou d’informatique pour créer un superbe site internet. Ensuite, la création de cedit site n’est pas une corvée. Au contraire, c’est une activité créative dans laquelle vous allez prendre beaucoup de plaisir. Nous sommes là pour nous en assurer !

Pour cela, nous avons fait le point sur les techniques de web design les plus influentes du moment. Que faut-il faire pour attirer l’attention des internautes cette année ? Quels sont les éléments pour vous démarquer et mettre en avant votre entreprise ? Découvrez 10 tendances à suivre en 2019 et comment les appliquer à votre propre site.

01. La micro-animation

En 2019, vous n’avez pas besoin de transformer votre site en film d’animation digne d’une production Disney pour taper dans l’œil des visiteurs. L’animation est une tendance grandissante en web design depuis quelques années, mais elle apparaît désormais sous une autre forme, plus discrète, que l’on appelle la micro-animation.

Elle se définit par des mouvements mineurs qui apparaissent sur vos pages lorsqu’un internaute effectue une action. Cela permet à votre site de rester dynamique tout en ayant un temps de chargement plus rapide. Une animation légère évite aussi de distraire le visiteur de votre contenu principal. Elle l’aide à se diriger sans détourner son attention. On pense notamment à un bouton qui change de couleur lorsqu’on le survole avec la souris.

La micro- animation peut aussi avoir pour but d’ajouter un effet « wouah » à votre site. Un cinemagraph en arrière-plan ou au milieu d’une galerie d’images peut faire une grande différence sur l’apparence globale de vos pages. Tout comme une boîte vidéo, notre nouvelle fonctionnalité pour personnaliser l’affichage de vos films. Le spectre des possibilités est large et ce ne sont pas les outils qui manquent pour vous amuser sur votre Éditeur Wix !

Tendances web design

02. L’optimisation mobile

Avec l’index Mobile First lancé en Mars 2018, Google a fixé les règles du jeu : pour être bien positionné sur les moteurs de recherche, il faut avoir un site mobile optimal. À cela vient s’ajouter la vitesse de chargement. C’est un critère supplémentaire pour être classé sur les pages de résultats.

Qu’avez-vous à faire de votre côté ? Pas grand-chose si vous avez un site Wix, puisqu’une version mobile est automatiquement créée avec tout ce qu’il faut pour être positionné sur Google. Optimisez-la pour améliorer l’expérience de navigation. Débarrassez-vous du contenu superflu et difficile d’accès sur petit écran. Ryan Warrender, Mobil UX Manager chez Google, le dit : « Un utilisateur doit savoir quoi faire et pourquoi rester sur votre version mobile en un clin d’œil ». Voilà pourquoi vous ne devez garder que l’essentiel, c’est-à-dire, ce qui mène vos utilisateurs à trouver une information ou à effectuer une action spécifique. Besoin de conseils ? Consultez notre article sur comment optimiser la version mobile de votre site.

 tendances web design

03. Les formes géométriques

Contrôle surprise : combien fait la somme des angles d’un triangle ? On plaisante ! Loin de nous l’idée de vous faire revivre vos années de collège (psst, c’est 180° au fait). Au contraire, il est temps de faire la paix et de vous amuser avec les formes géométriques. Vous pouvez les placer en arrière-plan de votre site ou rogner vos images en carré, losange ou hexagone si le cœur vous en dit. Vous avez une grande liberté de création, pour autant, n’oublions pas que l’on parle de design. Il doit donc y avoir un certain équilibre dans vos compositions.

Revenons sur quelques règles de base pour utiliser cette tendance à bon escient :

  • L’équilibre symétrique : lorsque les éléments d’une moitié d’une page se retrouvent en miroir sur l’autre moitié.
  • L’équilibre asymétrique : lorsque les deux moitiés de la même page ne sont pas identiques, mais que pour autant, elles ont le même « poids » visuel. Cela se fait en jouant avec les textures, les couleurs, les formes et le positionnement des éléments.
  • L’équilibre radial : lorsque tous les éléments sont également positionnés autour d’un même point, comme un cercle chromatique par exemple.

Tendances web design

04. Les couleurs vives

Il y a une raison pour laquelle les couleurs vives sont une tendance de web design année après année. Dans un univers dominé par le contenu, la couleur est un bon moyen d’affirmer votre présence en ligne. Bien sûr, cela ne veut pas dire choisir au hasard. Le choix de vos tonalités doit se faire en fonction des émotions qu’elles dégagent, des normes de votre secteur et du message que vous souhaitez véhiculer.

Si les tons vifs ne se prêtent pas à votre image d’entreprise, vous pouvez tout de même les utiliser de façon plus subtile : dans un titre ou sur un bouton d’appel à l’action par exemple. Couplez-les avec des couleurs plus douces. Reportez-vous à notre article sur la théorie des couleurs pour savoir lesquelles utiliser. Enfin, jouez sur les nuances pour attirer l’attention des visiteurs sur certains éléments stratégiques de votre site : votre bouton « Acheter » sera toujours plus visible en rouge qu’en gris.

PS : puisque vous vous posez la question (n’est-ce pas ?), sachez que la couleur Pantone de l’année 2019 est le Living Coral.

tendances web design

05. Les typographies originales

Oui, on peut vivre toute une vie en alternant entre la Time New Roman et la Calibri. Mais, ce n’est pas ce que nous allons faire cette année. Les typographies peuvent être un élément de communication à part entière : créatives ou sérieuses, elles délivrent un message et font partie de votre identité de marque. Demandez-vous ce que vous souhaitez véhiculer lorsque vous choisissez la vôtre.

En 2019, la tendance est aux polices de caractères originales. Vintages, manuscrites ou déstructurées, il y en a pour tous les goûts. Cela a pour avantage de replacer vos textes au centre de l’attention. Associez des typogrpahies artistiques avec d’autres plus traditionnelles. Si vous avez plus de liberté pour vos titres, vos paragraphes, eux, doivent rester agréables et faciles à lire. En outre, n’oubliez pas la règle d’or : pas plus de trois polices sur votre site. Pour être sûr de ne pas faire de fashion faux pas, consultez notre guide sur les meilleures associations de typographies.

Tendances web design

06. Les vidéos d’arrière-plan

La vidéo est une tendance qui est passée au rang de standard. Avoir un film sur votre site permet de capter immédiatement l’attention des visiteurs. Et pour un effet encore plus hypnotisant, elle s’affiche désormais en arrière-plan et en bande de pleine largeur. Prenons l’exemple d’un spécialiste du café, une vidéo montrant le processus de torréfaction dès que vous arrivez sur le site mettra immédiatement l’eau à la bouche. Quant au temps de chargement, vous pouvez le limiter en important un fichier inférieur à 6 Mo qui tourne en boucle sur une durée de 5 à 10 secondes. Un dernier conseil pour la route : n’oubliez pas de mettre vos vidéos en silencieux afin d’éviter ce moment gênant où l’on doit fermer toutes les fenêtres pour comprendre d’où vient le son.

Tendances Web design

07. Des lignes arrondies

En 2019, les formes s’arrondissent. Cela ne veut pas dire que vous devez manger plus de chocolat (mais si vous voulez y voir un signe, ce n’est pas nous qui allons vous en empêcher), mais simplement que les lignes droites se déforment. Boutons, cadres d’image, zones de texte ou formes géométriques, la tendance est à la rondeur. Profitez de tous les outils disponibles sur votre Éditeur Wix pour tester cela directement sur votre site.

Tendances web design

08. Les écrans divisés

La nouvelle tendance est de diviser le contenu d’un site verticalement sur les deux parties de l’écran. Par exemple, si vous êtes cuisinier, vous pouvez mettre une belle image sur la partie de droite et un texte explicatif sur celle de gauche. Cet agencement permet de laisser respirer chacun de vos éléments. Du point de vue du visiteur, il peut appréhender les différentes composantes séparément, plutôt que les unes à la suite des autres. Pour garder une certaine harmonie, placez votre logo, votre titre ou votre bouton d’appel à l’action au centre. Cela équilibre votre page et attire l’attention du visiteur.

Tendances Web Design

09. La mise en pages non conventionnelle

Nous n’avons pas besoin de chercher bien loin pour mettre en évidence le goût de l’être humain pour tout ce qui est aléatoire. Il n’y a qu’à voir le succès des quiz sur Internet qui nous disent quelle célébrité nous sommes. Certaines tendances du web design reflètent aussi ce penchant, comme les formes géométriques par exemple. Vous pouvez vous aussi utiliser ce concept pour attirer l’attention sur votre site.

Un internaute a une capacité de concentration réduite. Un site avec une mise en pages inhabituelle peut casser sa routine de navigation et susciter immédiatement son intérêt. Il ne s’agit pas de placer les éléments au petit bonheur la chance, mais de créer une sorte de chaos organisé. Placez votre photo légèrement un peu plus sur la gauche, ou bien, faites chevaucher vos différents contenus. Cela donnera l’impression que tout n’est pas complètement à sa place, mais vous garderez l’aspect esthétique. Une autre technique est d’isoler une image en la plaçant au milieu d’un grand espace blanc. Ajoutez-y un simple titre ou un bouton. Ce n’est pas conventionnel et ça reste très attrayant.

Tendances Web Design

10. La facilité de navigation

On voit bien vos regards suspicieux : « est-ce vraiment une tendance ? » Peut-être pas, mais c’est un principe essentiel du web design à ne jamais négliger. Finalement, à quoi bon avoir une superbe animation si vos visiteurs ne savent pas où se rendre sur votre site, ni où trouver l’information qu’ils désirent ?

Voilà pourquoi, avant toute chose, vous devez vous concentrer sur l’UX – l’expérience utilisateur. Les internautes doivent se sentir à l’aise de naviguer sur vos pages. Cela inclut avoir un site organisé, esthétique et fonctionnel. Les équilibres et les codes doivent être respectés. Une fois que vous vous êtes assuré de cela, amusez-vous à jouer avec les tendances et à créer votre site comme bon vous semble !

Tendances Web Design

Appliquez ces nouvelles tendances en créant votre propre site internet avec Wix !

Publié par Equipe Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.