Concevoir le Header de son site Internet

Lorsque vous créez un site Internet, le header (en-tête en français) est primordial dans la conception graphique de votre site. En effet, situé en haut de la page, il est tout simplement la première chose que croise le regard de votre visiteur. Il fait donc partie des éléments déterminants qui feront que votre visiteur restera ou pas sur votre site. Il représente également en un coup d’oeil l’esprit de votre site, en exprime le titre, le sujet et le ton.

Vous l’aurez compris, vous devez attacher une importance particulière à l’en-tête de votre site.

SiteW vous offre tous les outils nécessaires pour concevoir un header efficace et personnalisé par vous-même, sans avoir besoin de recourir à un graphiste.

Que peut ou doit contenir votre en-tête ?

  • Le titre de votre site
  • Votre logo
  • Votre slogan
  • Le menu de navigation
  • Vos réseaux sociaux
  • Un bouton d’appel à l’action
  • Un accès membre s’il y a lieu
  • Un lien pour contacter le propriétaire du site
  • Un choix de langues si votre site est proposé en version multilingue

Comment concevoir le header de votre site avec SiteW ?

Pour concevoir votre en-tête le plus librement et facilement possible, pensez tout d’abord à travailler sur la page d’arrière plan afin qu’il apparaisse sur toutes les pages de votre site. Puis, utilisez les nombreux outils que SiteW met à votre disposition :

  • Le module Image (option Largeur d’écran) vous permettra, comme vous pouvez le voir sur la vidéo tutorielle ci-dessus d’ajouter un header narratif et esthétique à votre site.
  • Le module Galerie (option Diaporama) vous permettra de concevoir un header dynamique avec défilement d’images. Pensez bien à mettre votre module Galerie en arrière-plan grâce au bouton .

Pensez à ajouter un filtre de flou ou de couleur sombre ou claire de sorte à ce que le titre de votre site reste lisible. Pour cela, vous pouvez cliquer sur l'onglet Design et choisir parmi les 5 filtres à votre disposition (Noir et Blanc, Couleur ou dégradé, Inverser ou Flou). De cette façon, vous pourrez créer de chouettes effets pour vos images et diaporamas.

Vous pouvez également cocher l'option Parallax pour un super effet 3D.

  • Le module Vidéo (option Largeur d’écran) vous permettra d’obtenir un superbe header vidéo. Veillez néanmoins à ce que votre titre reste lisible.
  • Le Module Texte (option Titre) vous donnera la possibilité d’ajouter un titre à votre site : choisissez la police qui vous convient ainsi que sa taille et sa couleur.
  • Le module Widget vous permettra d’ajouter des titres et le module Bouton vous permettra d'ajouter des boutons personnalisés à votre en-tête. Pensez à choisir des couleurs à la fois visibles et harmonieuses. Avec le module Boîte (notamment le rectangle avec option Largeur d’écran), vous pourrez également ajouter des fonds et des cadres et ainsi créer de jolies compositions graphiques en fonction de vos goûts et besoins.
  • Avec le module Social, vous aurez la possibilité d’ajouter vos réseaux sociaux sur l’en-tête de votre site si tel est votre souhait.
  • Le module Membre permettra à vos abonnés de se connecter à votre site aussitôt arrivés sur votre page d’accueil.
  • Si votre site a été traduit en plusieurs langues, il est utile que les drapeaux-liens vers les pages traduites apparaissent dès le header. Ainsi, les visiteurs étrangers pourront facilement accéder aux informations dans leur langue.
  • Le module Menu vous permettra de compléter efficacement votre Header .

 

Vous avez maintenant connaissance des nombreuses solutions que SiteW met à votre disposition pour vous permettre de concevoir un Header efficace et attractif. Soyez créatif !

Dernière mise à jour : 14 octobre 2016