skip to Main Content

5 en-têtes pour inspirer votre conception web

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Dans le passé, une  « en-tête » dans le web design désignait en général la bande toujours présente en haut des sites Web qui contient le logo, la barre de navigation, et peut-être certaines coordonnées et barre de recherche. De nos jours, une « en-tête » se réfère plus souvent à l’ensemble de l’espace au-dessus de la page d’accueil.

À moins que quelqu’un ait trouvé votre site grâce à un blog de partage sur les médias sociaux ou d’un renvoi sur un autre site, il y a de fortes chances qu’ils vont y entrer par le biais de la page d’accueil. Et la première chose qu’ils verront c’est certainement votre en-tête.

En concevant un site Web dans le but de répondre aux attentes des visiteurs et améliorer le confort en rendant l’expérience un peu plus prévisible, vous pouvez effectivement améliorer les taux de clics et de conversion.

Maintenant, pensez à cet espace d’en-tête sur cette page d’accueil.

La plupart des gens comptent sur les pages d’accueil pour leur donner une vue d’ensemble de ce qu’une entreprise ou un site Web peut faire, ce qui signifie que vous ne supporteriez pas de perdre cette occasion de répondre à cette attente. Bien sûr, la conception de l’en-tête de la page d’accueil peut être unique selon votre marque, mais les éléments qui y sont trouvés, ne devraient pas vraiment l’être. Les visiteurs s’attendent à ce que le défilement ne soit pas nécessaire afin de savoir ce que fera un site pour eux. Essentiellement, votre en-tête doit être une histoire de 10 secondes s’avérant avoir une valeur pour vos visiteurs.

Alors, qu’allez-vous faire avec cet espace pour captiver l’intérêt de vos visiteurs ?

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Nous allons parler de certaines tendances dans la conception d’en-tête en 2017, comment faire usage de ce bien immobilier très visible et jetez un œil à quelques exemples intéressants d’en-têtes.

5 tendances d’en-tête en 2017

Ce n’est pas comme si vos visiteurs ne sont pas conscients de leur capacité de défiler vers le bas d’une page ou de cliquer à travers une navigation afin d’en savoir plus sur votre site web. Mais pourquoi devraient-ils être obligés de faire ça ? Il y a assez de place dans l’en-tête pour afficher le message succinct qui leur dit ce qu’il faut savoir. Et si 50 mots ou moins ne sont pas suffisants, ce n’est pas forcément le reste du document qui en dira plus.

Avant toute chose, l’en-tête de la page d’accueil peut faire ou défaire les premières impressions de vos visiteurs.

Si vous avez du mal à trouver un moyen pour introduire votre site web sur cet emplacement, peut-être vous trouverez de l’inspiration dans les tendances du design d’en-tête suivant de 2017 :

1. Image de héros surdimensionné

Grâce au style modulaire de conception de sites afin d’être réactif, la plupart des dessins sont maintenant divisés en sections et blocs distincts. Ce style de design arrive à se fondre correctement à ces images de pleine largeur qui peuplent les nombreux sites Web.

Prenons par exemple le site Web de Cleverbird Creative . Il utilise une image singulière et frappante superposée avec un texte simple pour accueillir les visiteurs. Il n’y a pas d’erreurs à ce qu’ils voient ici : simplifié de beauté.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

2 – Slider d’image

Je pense qu’il fut un temps, pas trop loin dans le passé, lorsque beaucoup d’entre nous considérait le slider comme un élément viable du design. Beaucoup de designers ont donc fait un excellent travail en les utilisant dans les en-têtes. Il y a des images coulissantes qui défilent automatiquement avec des images de haute résolution et d’autres qui, demandent aux visiteurs de prendre le contrôle de cette expérience eux-mêmes.

3 – Utilisation d’animation parallaxe

Le défilement parallaxe est encore en croissance forte et l’en-tête s’est avérée être l’endroit idéal pour afficher ce genre de visuel d’« illusion » sur la conception web. Ce que vous verrez plus récemment, cependant, est le concepteur donnant un effet parallaxe pour faire défiler une bordure transitoire, probablement pour surprendre les visiteurs avec le résultat inattendu.

4 – Arrière-plan vidéo

Les arrière-plans vidéo sont une autre de ces tendances récentes qui fonctionne vraiment mieux lorsqu’elle est appliquée à l’en-tête de la page d’accueil. Celui du site « 28 » Le fait un excellent travail de mettre l’ambiance pour le site Web du restaurant, exhibant des vidéos de l’avant et de l’arrière de l’établissement de restauration.

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [GRATUIT]

5 – Navigation masquée

Bien qu’on puisse faire valoir que le menu hamburger appartienne aux sites web lus sur des appareils mobiles (comme prévus initialement), il faut dire cependant que dans le cadre d’une navigation minimalisme plusieurs sites en font souvent usage. Le site +rehabstudio est un bel exemple de cela. En rentrant la navigation peut visible, votre attention immédiate est attirée sur les visuels passionnants avec le symbole plus… et puis vous vous rendez compte qu’il y a des petites touches d’animation qui l’entourent.

C’est tout pour ces différentes sources d’inspiration. Qu’en pensez-vous ?

Cet article comporte 0 commentaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
3 Partages
Partagez2
Tweetez
Enregistrer1