RIP 2022… 👋 Place à 2023 !!! 🎉
Eh oui déjà ! Une nouvelle année qui, je l’espère, s’annonce pleine de rires, d’énergie, de belles surprises et de super projets pour ton business ! 🤗 En tout cas, c’est tout ce que je te souhaite en ce début janvier ! 🥰
À ce propos, j’ai une petite question pour toi : est-ce que tu es du genre à prendre de bonnes résolutions ?
Car si tu es en panne d’idées à ce niveau, j’en ai une super à te proposer : et si tu relookais un peu ton site internet ? 🌐🖌️
Sans forcément partir sur une refonte globale, il y a plein de petites choses à faire pour améliorer son design web et le rendre encore plus attractif et agréable ! 😍
Tu verras qu’il suffit parfois d’ajouter 2, 3 petits éléments créatifs, de changer de couleurs ou simplement de typo pour faire la différence… ✨
Si cela te parle, ça tombe bien, car c’est justement le sujet de cet article ! 😊
D’ailleurs si tu n’as pas encore de site vitrine (ou e-commerce) pour ton business, cela devrait aussi te plaire ! Encore plus même, car tout est encore à faire… 🤗
Au passage, j’en profite pour t’annoncer le lancement d’une nouvelle série thématique qui reviendra tous les trimestres sur le blog avec une sélection de mes meilleures inspirations webdesign du moment. Le tout assaisonné de mes conseils et best practices pour t’aider à optimiser l’apparence de ton site. 🖥️✨
J’espère que ça te plaira et surtout, que ça te donnera des idées ! 🤗
Pour cette première édition, je te propose de décrypter les tendances phares du moment. Tu vas voir, c’est très vivant et haut en couleur ! (Mais on aime beaucoup ça, pas vrai ? 😉🌈)
Allez, c’est partiii !!! Petit tour d’horizon de ce qui se fait de plus cool dans le petit monde du webdesign aujourd’hui ! 💫
1. Moins de photos pour plus d’éléments graphiques !
C’est une tendance que l’on observe de plus en plus aujourd’hui : les photos d’en-tête se font moins présentes sur les pages d’accueil. À la place, on leur préfère des éléments de design qui valorisent davantage les contenus et le message porté. L’idée ici est de réduire les distractions visuelles pour les visiteurs afin que ces derniers perçoivent plus directement ce qui fait d’ADN de la marque. 🧬
La mise en page, les formes, les couleurs et les typographies sont associées de manière subtile pour créer une belle harmonie autour de l’identité de marque et renforcer son unicité. 💎
Cette absence de photos permet aussi d’insuffler une part de mystère ✨ qui donne envie d’en savoir davantage et de poursuivre la navigation sur le site. ⤵️
2. Des typos XXL qui en mettent plein la vue !
Que les myopes se réjouissent 🤪, c’est THE GROSSE tendance du moment ! 🤓
Ça ne t’a sans doute pas échappé, ces derniers temps, les designers ont un vrai penchant pour les accroches et mots clés qui sautent aux yeux avec des typographies quelque peu surdimensionnées ! 😲
Parce qu’ils occupent une bonne partie de la page, ces caractères géants créent tout de suite une forte impression sur le visiteur. 🤩
Idéale pour mettre en exergue les informations clés, cette technique apporte aussi du caractère et une certaine audace à l’identité visuelle du site. Ainsi, les lettres ne sont plus seulement des lettres, mais deviennent des éléments graphiques à part entière. Et si la police est bien choisie, les mots se suffisent souvent à eux même pour meubler le décor. 👌 🆒
Au-delà d’être très impactants visuellement, ces passages “extra larges” permettent également d’apporter du relief dans les contenus textuels et de mieux structurer l’architecture de l’information.
Enfin, cette approche visuelle a l’intérêt de s’adapter à différents styles graphiques et peut fonctionner aussi bien sur des sites au look minimalistes et sophistiqués que sur des design plus fournis et colorés. Et cela fonctionne sur tous les supports, avec un bel effet qu’on soit sur grand écran ou sur mobile (si ton site est en responsive design bien sûr).
Quoi qu’il en soit, ça en jette, tu ne trouves pas ? 🤩
3. Du maximalisme pour un design vivant et décomplexé !
Dans la lignée des méga typos, on voit de plus en plus de sites s’affranchir des limites de style habituelles. 😎
Ici on est loin des designs pastels et épurés. L’esprit est plutôt provoc’ et un brin rock’n’roll ! 🤘
Comme son nom l’indique, cette tendance du maximalisme s’inscrit à l’opposé du minimalisme en optant plutôt pour un graphisme surprenant et assez chargé (presque saturé parfois). 🌈😲
Dans ce type de conception graphique, on n’hésite pas à mélanger les univers, les couleurs, les motifs et les formes pour créer un assemblage à la fois dynamique et atypique. Aussi, il n’est pas rare d’y retrouver un petit côté rétro et une pointe d’absurdité. 🤪
L’idée est surtout d’en mettre plein la vue en insufflant de l’énergie et de l’audace à la personnalité du site. 💥
Par exemple, les designers adeptes du genre n’hésiteront pas à associer rouge vif, bleu électrique et ultraviolet, tout en mélangeant les formes abstraites, les lignes, les photos et les illustrations dans un brassage artistique un peu déjanté.
Attention cependant, si tu fais ce choix pour ton site, veille à ne pas noyer tes visiteurs dans un surplus d’informations. L’ergonomie doit rester l’une de tes préoccupations principales pour t’assurer de proposer une bonne expérience à ton public cible. 👍
Bien sûr, cela ne conviendra pas à toutes les entreprises. À toi de juger selon ton offre et ton client de cœur si créer un site dans cet esprit peut coller avec ton identité de marque ! ✅
Mais si ta personnalité est plutôt punchy et singulière ou que tu as un petit côté artiste, je pense que ce type de design a de fortes chances de te séduire… 😉
4. Un effet dessiné à la main pour une touche fun et conviviale !
Pour partir sur un tout autre univers créatif, on voit aussi émerger de plus en plus de sites au design imitation “fait main”. ✍️
Que ce soit au niveau de la typographie des textes ou des illustrations, ce choix graphique apporte un petit côté artisanal, voire enfantin, qui donne aux pages web un certain charme. 😻
Cela confère aussi une dimension simple et accessible, très chaleureuse pour les internautes. 🥰
Ce type de présentation visuelle peut aussi être intéressante sur le plan ergonomique puisque le côté schématique facilite la compréhension.
Dans ce style tout en légèreté, les sites de Michel et Augustin et de I don’t Think I Feel – qui misent à fond sur la proximité avec leur client de cœur 🧡 – sont deux exemples très réussis.👌
Les traits sont irréguliers, voire un peu maladroits, on ne cherche pas la perfection et on évite surtout le côté trop lisse et corporate. Le but est notamment de donner un côté plus humain et d’impacter directement les émotions avec un esprit fun et réconfortant. 🥰
Si tu pars sur ce style graphique, attention cependant à ne pas en mettre trop partout pour rester lisible 👓 (pour éviter ça, tu peux mixer une typo manuscrite avec une autre plus classique comme dans l’exemple ci-dessous). Bien sûr, il faut aussi que tes valeurs d’entreprise correspondent à ce type d’univers… Cohérence toujours ! 🧡
5. Des contenus immersifs qui captivent les internautes
Pour capter davantage l’attention des visiteurs, de plus en plus de sites s’appuient sur une conception dynamique et interactive. 🔄
L’idée ici est de créer une expérience captivante, voire hypnotisante, à coup d’animations en tous genres et de micro-interactions. 🔅
Que ce soit à l’ouverture de la page, au passage de la souris sur un élément ou lors du défilement, les textes comme les icônes et les images entrent en mouvement pour un effet moderne, ludique et original. 😃
Tu trouveras de bons exemples sur le site Get Ready with Music de Spotify, sur celui du court métrage We Sounds, ou encore de la marque Apeel si tu veux jeter un oeil à ce qui se fait en la matière.
Avec ce type d’interfaces qui surfe à fond sur les dernières technologies web, la navigation prend une dimension nouvelle, plus moderne et surtout plus dynamique qui donne envie de s’y attarder davantage. 👍
Et pour un aspect plus immersif encore, les effets visuels peuvent aussi s’accompagner d’effets sonores qui viennent encore enrichir l’expérience ! 🔉
Petit point de vigilance si tu optes pour ces jolis effets interactifs : veille à ce qu’ils soient agréables sur le plan ergonomique et qu’ils ne nuisent pas à la lisibilité de tes contenus (si ça clignote trop de partout par exemple). Eh oui, sinon ça perd tout son intérêt ! 🤪
6. Des sites de plus en plus personnalisés
Pour avoir plus d’impact auprès de leur cible et améliorer l’expérience utilisateur, nombreux sont les concepteurs qui proposent des options de personnalisation aux internautes.
Par exemple, il est de plus en plus courant de proposer une fonctionnalité “Dark Mode” 🖤 pour ceux qui préfèrent diminuer la luminosité de leur écran ; mais cela ne s’arrête pas là !
Dès leur arrivée sur le site, les visiteurs peuvent aussi enregistrer leurs préférences pour avoir un affichage sur mesure selon leurs besoins et leurs habitudes. 👍
Alors on ne va pas se mentir, ce type d’options de navigation très poussées n’est pas à la portée de toutes les bourses, car cela demande un certain niveau technique pour les développer 😅. Mais avec l’évolution des CMS, templates et autres plugins, de plus en plus de choses sont possibles désormais (il existe des plugins WordPress pour ajouter un dark mode sur ton site par exemple 😉). De plus, il faut veiller à ce qu’une fois personnalisé par l’internaute, le site soit toujours en phase avec ta charte graphique et ton identité visuelle, ce qui demande un peu de réflexion en amont.
7. Des cadres et des lignes dans l’esprit “brutaliste”
Autre tendance montante, assez inédite et plutôt branchée : l’encadrement des éléments du site !
Si elle peut en dérouter certains par son aspect peu brut et épuré, elle séduit aussi pour son style moderne et affirmé. 👊
Ici, le principe est d’encadrer l’ensemble des éléments de la page web, du menu au footer en passant par les différentes sections de textes et d’images qui la compose.
Ces lignes fines qui s’entrecroisent, permettent de donner une certaine structure aux interfaces les plus minimalistes, tout en leur offrant un supplément de caractère. 😎
Cette tendance webdesign s’inscrit dans un courant plus large appelé “brutalisme” (apparu d’abord dans l’architecture des années 50-70 🏢). Ce dernier consiste à créer des design bruts qui semblent peu travaillés (ce qui bien sûr n’est qu’une impression 😉), voire pas tout à fait terminés, avec un côté un peu industriel, des éléments qui se répètent et des formes géométriques anguleuses. 🔲
Bref, tu t’en apercevras sûrement, ce style est l’une des plus grosses inspirations webdesign du moment et nous n’en sommes qu’au début ! La preuve en est avec le nombre grandissant de sites web l’ayant adopté dans leur design graphique (des sites comme Breef, Postevand, Hakaji ou Brand Breefer t’en donneront un bon aperçu…)
Alors bien sûr, comme ce style est assez particulier, il faut que ton identité de marque y trouve une certaine résonance et soit en phase avec son côté très dépouillé. De plus, cela peut demander un certain savoir-faire technique et, à moins de trouver un template adapté, il sera sans doute préférable de t’en remettre à un webdesigner freelance ou à un studio de création pour sa réalisation. 😉
8. Plus de vidéos pour une expérience plus riche !
Pour enrichir l’expérience utilisateur et captiver davantage les visiteurs, les vidéos se font de plus en plus présentes sur les sites internet. 📹 La plupart du temps, ces dernières se lancent automatiquement et tournent en boucle pour un effet plus moderne et fluide. 🌀
Qu’il s’agisse de vidéos d’ambiance pour donner un aspect plus immersif ou de vidéos explicatives pour ceux qui préfèrent ce format aux contenus textuels, ces dernières apportent une vraie valeur ajoutée aux interfaces web. 👌
Et il y a mille façons d’utiliser ce support ! 🤗
Je pense par exemple à de belles prises de vues pour remplacer les images et ajouter du mouvement, à des témoignages clients filmés pour plus d’authenticité, des démonstrations sur écran (façon tuto si ton activité s’y prête), des spots publicitaires qui mettent ton produit en situation, des vidéos explicatives en motion design, des vues de tes locaux ou un petit film de ton équipe au travail…
Bref, tu trouveras forcément des idées pour en intégrer sur ton site et créer ce petit effet waouh qui fera toute la différence ! 🤩
Et pour plus d’inspirations webdesign ?
Pour trouver d’autres inspirations webdesign et voir ce qui se fait de mieux en la matière, je te conseille aussi de te rendre régulièrement sur des sites spécialisés tels que Awwwards et CSS Design Awards qui recensent les sites primés pour leur design d’interface. 🏆
Tu trouveras également de bonnes idées sur Designmodo, dribbble.com, Web Design Inspiration ou encore CSS Nectar qui permettent de dénicher de vraies pépites et de se faire une idée plus concrète des dernières tendances en matière de création graphique et d’UX design. 👌
Sinon, tu peux aussi revenir ici dans quelques semaines pour découvrir mes nouvelles inspirations du moment et récolter quelques précieux tips sur la conception de sites ! 😉
Et voilà chère Audacieuse Créative, tu es à jour sur les tendances webdesign de ces derniers mois ! 🥳J’espère que ce petit tour du web t’aura donné plein d’idées pour ta refonte ou ta création de site et que tu pourras concrétiser ton projet rapidement. N’hésite pas à m’écrire en commentaires si tu as des questions sur le design web et la communication visuelle en général. 🙂
Tu ne te sens pas de créer ton site par toi-même et tu recherches une graphiste web audacieuse et créative pour concevoir tes maquettes et les intégrer sur WordPress ? Ça tombe bien, c’est mon métier ! 😉 N’hésite pas à jeter un oeil à la rubrique “mes services” pour découvrir mes prestations sur mesure ! 🧡
(N’oublie pas d’enregistrer cet article dans ton compte Pinterest ! 👇🏻)