5 tendances de conception de sites Web WordPress pour septembre 2023

Publié: 2023-09-26

Comment se déroulent vos projets d’automne ? Besoin d’inspiration pour la conception de sites Web WordPress ? Ces tendances pourraient être parfaites pour susciter des concepts plus imaginatifs ou vous aider à motiver vos objectifs de narration en ligne.

Voici cinq grandes tendances à considérer ce mois-ci :

1. Caricature

Parfois, vous devez faire une déclaration avec un design simple, intéressant et qui va au-delà de ce à quoi vous pourriez vous attendre. C'est ce que fait ESPN ici avec le reportage sur Carlos Alcaraz pour un reportage à l'US Open.

Le dessin aurait pu être une photo de lui sur le terrain ; il a plutôt été caricaturé en un personnage qui correspond au titre et au scénario plus grands que nature.

La meilleure partie de cette conception, cependant, pourrait se produire sur le parchemin avec une animation du court de tennis et des infographies étonnantes.

Pourquoi ça marche : L'image de style dessin animé sur un fond simple est frappante et se démarque. Cela ajoute à l’attrait de la narration et correspond bien aux éléments de copie.

Comment l'utiliser : Cela fonctionne mieux avec une image simple et un caractère distinct. N'essayez pas cela avec une image complète ou un paysage. (Vous n'obtiendrez pas le même effet.)

2. Les mots comme art

Parfois, il est préférable de raconter une histoire sans image. C'est le cas du site Right Our Story, qui se concentre sur le harcèlement. Ce traitement fonctionne exceptionnellement bien car vous ne voulez pas montrer de visages ici ; ils pourraient détourner l'attention ou détourner l'attention du message.

En utilisant des couleurs vives et un traitement de police amusant, vous êtes toujours engagé dans le design, et le concept de boîte de citation utilisé dans la zone de titre principale se retrouve dans les citations réelles du design.

Cela peut être une manière plutôt percutante de laisser les mots raconter véritablement une histoire. Les images ici peuvent poser problème, car vous ne voulez pas que l'utilisateur suppose que quelqu'un sur une photo est l'intimidateur ou est victime d'intimidation. Ce traitement donne toute l'attention aux mots.

Avec le bloc de texte avancé de Kadence Blocks, vous pouvez mettre en évidence des mots spécifiques, les faisant vraiment ressortir et avoir un impact puissant.

Pourquoi ça marche : Les mots en tant qu’élément artistique sont particulièrement puissants lorsque la lecture est l’objectif principal du design.

Comment l'utiliser : optez pour une police de caractères et un traitement des couleurs intéressants pour garder les éléments ensemble et intéressants.

3. Narration en couches

La narration est au cœur de presque toute bonne conception de site Web. La narration en couches aide les utilisateurs à rester intéressés par cette histoire numérique et à parcourir les éléments du site Web.

Avec ce qui ressemble à un design simple, Hanwag a créé une histoire à plusieurs niveaux avec des images, du texte et du mouvement. Vous pouvez voir les « chapitres » dans le menu en bas de la page qui vous guide à travers l’histoire du démarrage. (Qui aurait cru qu'une botte pouvait être si intéressante ?)

Vous aurez vraiment envie de prendre le temps d'étudier les actions de défilement ici pour voir comment tout cela se déroule. Pendant que vous faites défiler la page, les éléments se déplacent dans des directions différentes pour faciliter l'histoire.

Pourquoi ça marche : Il se passe beaucoup de choses avec cette conception globale en termes d'animation et de mouvement, mais le fond blanc simple, le texte lisible et les images nettes rassemblent le tout.

Comment l'utiliser : Parfois, vous avez besoin d'une conception complexe pour raconter une histoire complexe. C'est un mariage qui rassemble le récit et la narration d'une manière qui peut sembler juste.

4. Beaux menus

Les menus des restaurants ne sont pas connus pour leur attrait esthétique. Les concepteurs tentent de changer cela avec de plus beaux menus en ligne qui mettent en valeur à la fois la nourriture et un format facile à lire.

Banana Blossom utilise de belles images, de l'espace et des couleurs pour vous donner faim. La conception du site Web mène aux produits alimentaires d'une manière qui ressemble davantage aux sites de commerce électronique qui mènent aux produits avant d'afficher les détails des prix. Au moment où vous arrivez au menu, vous voulez déjà que la nourriture soit affichée à l'écran.

Ce design est superbe à regarder, mais n'ayez pas faim !

Pourquoi ça marche : La couleur et la simplicité donnent aux images de l'espace pour briller. Chaque élément du menu est simplement décrit et comporte une image afin que vous sachiez exactement quel sera votre repas.

Comment l'utiliser : ce menu ressemble plus à la conception d'un blog qu'à autre chose, mais utilise tous les principes traditionnels d'une bonne conception : espace, couleur et échelle.

5. Animation subtile

L’animation est l’une des techniques de conception Web les plus difficiles à maîtriser. Cette tendance vous montre comment bien l’assembler en gardant un mouvement simple et subtil.

Notez les petits carrés colorés dans l'espace : ils se déplacent tous lentement sur un plan distinct pour diriger le mouvement des yeux mais sans gêner le contenu. Les carrés imitent la forme du logo et s'étendent à la fois sur les images et sur l'espace blanc.

L'Institut Syndeo fait du bon travail en transposant ce thème de conception à travers le site avec des éléments carrés et des animations subtiles tout au long du parchemin.

Avec Kadence, vous pouvez ajouter de superbes effets d'animation sur le défilement qui ne manqueront pas de capter l'attention de votre public et d'offrir une récompense visuelle pour continuer à interagir avec votre contenu.

Pourquoi ça marche : Une animation subtile n’enlève rien à la conception principale ou à ce que l’utilisateur est censé retenir du site Web. Cela fournit quelque chose de plus pour l’intérêt visuel.

Comment l'utiliser : recherchez quelque chose qui a un but – comme une forme que vous utilisez d'autres manières ou à d'autres endroits – et utilisez l'animation pour aider les utilisateurs à comprendre quelque chose ou pour diriger le flux visuel du contenu.

Mettre tous ensemble

Les tendances en matière de conception de sites Web WordPress sont un élément amusant. Mais ne vous sentez pas obligé d’essayer chaque nouvelle tendance qui se présente. Nous aimons les tendances qui émergent actuellement car elles utilisent des thèmes classiques avec une nouvelle touche – des formes de lettres aux illustrations en passant par les styles de carton. Utiliser la bonne tendance au bon moment fait partie de votre marque et de votre style ; amusez-vous et expérimentez ce qui fonctionne pour vous.

Un bundle complet Kadence vous offre tout ce dont vous avez besoin pour suivre toutes les tendances en matière de conception et faire passer votre site Web au niveau supérieur. Du bloc Lottie dans Kadence Blocks à la possibilité de créer des conceptions et des pages entièrement personnalisables, le Kadence Full Bundle vous offre tout ce dont vous avez besoin pour créer des sites Web magnifiques, efficaces et attrayants.

Obtenez un forfait Kadence