Si vous désirez rafraîchir le design de votre site web, rien ne vaut la recherche des tendances de design actuelles. Que ce soit votre page d’accueil ou votre page produit, créer des pages d’atterrissage modernes vous aidera à attirer des utilisateurs et les encouragera même à rester sur votre site Web plus longtemps.
Voici 3 tendances simples que vous pouvez incorporer dans vos designs de page d'atterrissage dès à présent. Choisissez-en une et lancez-vous.
Voici 3 tendances simples que vous pouvez incorporer dans vos designs de page d'atterrissage dès à présent. Choisissez-en une et lancez-vous.
1. Arrière-plan en dégradé
Les dégradés font leur grand-retour. Une technique qui était évitée il y a encore peu de temps, à l’heure des designs de style “plat”, mais qui a fait ses preuves depuis et s’avère en réalité très pratique avec un excellent rendu.
Tirez le meilleur des dégradés en les utilisant en arrière-plan. Les options les plus populaires comprennent une transition d’une couleur claire vers une autre ainsi qu’une lumière subtile vers des tons gris foncés.
La meilleure chose à propos des arrière-plans dégradés est qu’ils sont simples à changer et à créer. Vous ne savez pas par où commencer ? Utilisez au moins une couleur de votre palette pour le dégradé. Si vous planifiez d’utiliser du texte par-dessus, optez pour deux couleurs claires (pour le texte foncé) ou foncées (pour le texte clair).
Linéaire (et rotation linéaire) sont les options les plus populaires. Un dégradé linéaire change d’une couleur à l’autre dans un cas de figure en ligne droite, tandis qu’un dégradé radial part d’un cercle coloré vers l’extérieur.
Essayez-le maintenant : Chaque site web Weebly a la possibilité de personnaliser l’arrière plan. Utilisez un outil comme Canva pour créer un dégradé conforme au design de votre page d'atterrissage et importer le dégradé en tant qu’image d’arrière-plan de votre site Web.
Tirez le meilleur des dégradés en les utilisant en arrière-plan. Les options les plus populaires comprennent une transition d’une couleur claire vers une autre ainsi qu’une lumière subtile vers des tons gris foncés.
La meilleure chose à propos des arrière-plans dégradés est qu’ils sont simples à changer et à créer. Vous ne savez pas par où commencer ? Utilisez au moins une couleur de votre palette pour le dégradé. Si vous planifiez d’utiliser du texte par-dessus, optez pour deux couleurs claires (pour le texte foncé) ou foncées (pour le texte clair).
Linéaire (et rotation linéaire) sont les options les plus populaires. Un dégradé linéaire change d’une couleur à l’autre dans un cas de figure en ligne droite, tandis qu’un dégradé radial part d’un cercle coloré vers l’extérieur.
Essayez-le maintenant : Chaque site web Weebly a la possibilité de personnaliser l’arrière plan. Utilisez un outil comme Canva pour créer un dégradé conforme au design de votre page d'atterrissage et importer le dégradé en tant qu’image d’arrière-plan de votre site Web.
2. En-tête vidéo
Les en-têtes vidéo sont “LA” tendance de 2017 pour les sites Web en tous genres et de toutes les tailles, des blogs à l’e-commerce. La vidéo est populaire car sa création est désormais plus simple, plus besoin d’un équipement hors de prix, et les connexions internet à haut débit facilitent l'accès au contenu pour chaque utilisateur.
Le mouvement d’un en-tête vidéo peut inciter les utilisateurs à venir sur votre site et à interagir avec le design. Il peut fournir un niveau supérieur d’informations à propos de vos produits et services que des images et mots seuls ne pourraient dépeindre. Sincèrement, les utilisateurs adorent cela.
Food Blogger Pro a remarqué que passer à la vidéo à amélioré leur taux de conversion de 138% (c’est donc une tendance qui peut rapporter gros !). Les en-têtes vidéo peuvent être particulièrement efficaces pour certains types de sites Web :
Essayez-le maintenant : Les plans Weebly Pro, Business et Performance facilitent l’ajout d’arrière-plans vidéo depuis l’élément Section ou durant la personnalisation d’en-tête. Chargez votre propre vidéo ou choisissez-en une à partir d’une galerie d’options pré-sélectionnées. Pour l’inspiration, regardez l’excellente en-tête vidéo d’Humble Pie.
Le mouvement d’un en-tête vidéo peut inciter les utilisateurs à venir sur votre site et à interagir avec le design. Il peut fournir un niveau supérieur d’informations à propos de vos produits et services que des images et mots seuls ne pourraient dépeindre. Sincèrement, les utilisateurs adorent cela.
Food Blogger Pro a remarqué que passer à la vidéo à amélioré leur taux de conversion de 138% (c’est donc une tendance qui peut rapporter gros !). Les en-têtes vidéo peuvent être particulièrement efficaces pour certains types de sites Web :
- E-commerce pour fournir des informations produit ainsi qu’un contexte
- Entreprises, services et organisations pour montrer ce que vous faites
- Blogs avec vidéo pour aider les utilisateurs à “vivre” évènements et activités
- Restaurants, hôtels ou galeries d’art pour promouvoir des emplacements et ambiances
Essayez-le maintenant : Les plans Weebly Pro, Business et Performance facilitent l’ajout d’arrière-plans vidéo depuis l’élément Section ou durant la personnalisation d’en-tête. Chargez votre propre vidéo ou choisissez-en une à partir d’une galerie d’options pré-sélectionnées. Pour l’inspiration, regardez l’excellente en-tête vidéo d’Humble Pie.
3. Défilement long
Les effets animés comme le défilement parallaxe, révélant le contenu au fur et à mesure, ou les techniques comme l’ombrage ou la typographie peuvent contribuer à créer un design de site captivant sur une page unique. Comme pour les dégradés, le défilement long était autrefois considéré comme dépassé mais les utilisateurs y reviennent grâce à son utilité sur les appareils dotés de petits écrans.
Pour un design de site internet qui n’affiche pas un contenu trop important, un design à défilement long peut aider à organiser le tout. Cela facilite également la navigation pour les utilisateurs, afin qu’ils puissent obtenir chaque morceau d’information dont ils ont besoin en plus d’un bouton d’appel à l’action, à un seul emplacement.
L’astuce en ce qui concerne la réalisation d’un design à défilement long est de penser le site Web en termes “d’écrans”, ou tout ce que l’utilisateur verra en une fois. Chaque écran devrait contenir une nouvelle réflexion ou un appel à l’action, presque de la même façon que des nouvelles pages. (Vous pouvez même lier des éléments de navigation à des zones de défilement long afin que les utilisateurs puissent trouver directement du contenu pertinent.)
Pour un design de site internet qui n’affiche pas un contenu trop important, un design à défilement long peut aider à organiser le tout. Cela facilite également la navigation pour les utilisateurs, afin qu’ils puissent obtenir chaque morceau d’information dont ils ont besoin en plus d’un bouton d’appel à l’action, à un seul emplacement.
L’astuce en ce qui concerne la réalisation d’un design à défilement long est de penser le site Web en termes “d’écrans”, ou tout ce que l’utilisateur verra en une fois. Chaque écran devrait contenir une nouvelle réflexion ou un appel à l’action, presque de la même façon que des nouvelles pages. (Vous pouvez même lier des éléments de navigation à des zones de défilement long afin que les utilisateurs puissent trouver directement du contenu pertinent.)
Les guitares Titan font un travail aussi bon avec le défilement en parallaxe pour montrer différents éléments de manière haute en couleurs depuis la page d’accueil. Chaque écran dispose d’une image drastiquement différente, qui fait passer un message en plus d'afficher des boutons d’appel à l’action distincts.
Essayez-le maintenant : De nombreux thèmes Weebly sont parfaitement adaptés lorsque vous désirez construire un site Web sobre avec l’intégralité du contenu sur une seule page à défilement long. Essayez les thèmes Typo Designs, Bayside Inn ou Backstage pour démarrer. Vous pouvez activer les effets de défilement “parallaxe” et “révéler” lors de l’utilisation de sections afin de construire votre site Web.
Conclusion
Ajouter une simple tendance à un design de page d’atterrissage peut être le moyen parfait de faire évoluer votre site Web. Une touche moderne montre aux utilisateurs que vous êtes à la pointe de la mode d’aujourd’hui sans pour autant aller trop loin.
Le plus beau en ce qui concerne les trois tendances susmentionnées est que vous pouvez les incorporer au design en l’espace de quelques minutes sans avoir à recréer votre site Web (ou vous pouvez planifier cela si vous partez de zéro). La meilleure utilisation des tendances est limitée, donc choisissez le concept que vous préférez pour le design de votre site internet et mettez les autres de côté.
Essayez-le maintenant : De nombreux thèmes Weebly sont parfaitement adaptés lorsque vous désirez construire un site Web sobre avec l’intégralité du contenu sur une seule page à défilement long. Essayez les thèmes Typo Designs, Bayside Inn ou Backstage pour démarrer. Vous pouvez activer les effets de défilement “parallaxe” et “révéler” lors de l’utilisation de sections afin de construire votre site Web.
Conclusion
Ajouter une simple tendance à un design de page d’atterrissage peut être le moyen parfait de faire évoluer votre site Web. Une touche moderne montre aux utilisateurs que vous êtes à la pointe de la mode d’aujourd’hui sans pour autant aller trop loin.
Le plus beau en ce qui concerne les trois tendances susmentionnées est que vous pouvez les incorporer au design en l’espace de quelques minutes sans avoir à recréer votre site Web (ou vous pouvez planifier cela si vous partez de zéro). La meilleure utilisation des tendances est limitée, donc choisissez le concept que vous préférez pour le design de votre site internet et mettez les autres de côté.