Avec la fonctionnalité « Header transparent », disponible sur le CMS d’OASIS Commerce, vous pouvez afficher votre bandeau défilant ou votre mega slider sous le menu dès le haut de la page.
Offrant un design plus esthétique que l’entête standard, cet affichage est particulièrement adapté pour les marques souhaitant afficher un visuel fort en haut du site sur des pages telles que la page d’accueil, les pages marques, les pages éditoriales ou les pages utilisées pour les campagnes promotionnelles.
Qu’est-ce qu’un header transparent ?
Un header transparent (ou en-tête transparent) permet de fusionner l’en-tête de son site avec le contenu situé en-dessous. Le fond opaque du menu et du logo du site web devient transparent, permettant d’afficher l’en-tête par-dessus le visuel.
Le header transparent permet ainsi de rendre l’expérience utilisateur plus fluide et continue.
Voici quelques exemples de headers transparents sur un site OASIS Commerce :
Au défilement de la page, l’en-tête transparent reprend sa forme standard et redevient opaque, afin de maintenir une bonne lisibilité du menu. Sur cet exemple, celui-ci a été paramétré avec un fond noir et les éléments ont été conservés en blanc.
Header transparent responsive sur mobile :
Les avantages du header transparent
L’en-tête transparent offre aux visiteurs une expérience plus immersive dans l’univers de la marque et permet notamment de :
- Donner plus d’impact à son site e-commerce dès le premier regard
- Valoriser son visuel principal en pleine largeur et pleine hauteur
- Créer une transition plus fluide entre le header et le contenu
- Donner un aspect premium et éditorial à sa page d’accueil, ses pages marques ou pages de contenu.
- Réduire la sensation de ” barre ” en haut de l’écran
Conseils d’utilisation du header transparent
- Privilégier des visuels avec une zone sombre ou claire et homogène derrière le header
- Éviter les images trop chargées qui nuisent à la lisibilité du menu
- Prévoir une marge intérieure en haut de chaque slide afin que le contenu reste visible
- Mettre les éléments de l’en-tête alternatif en couleurs claires si les bandeaux défilants ou le Mega Slider sont foncés
- Appliquer un dégradé sur le fond afin de faire ressortir les éléments du header transparent (logo, menu, icônes de navigation)
Avec OASIS Commerce, vous pouvez personnaliser votre site e-commerce avec un CMS simple d’utilisation et responsive.
Vous souhaitez découvrir toutes les fonctionnalités ?
Essayez gratuitement OASIS Commerce pendant 30 jours avec le suivi personnalisé d’un conseiller ! Vous pourrez tester ses nombreuses fonctionnalités e-commerce et saurez ainsi si notre solution répond à vos besoins.
