De nos jours, notre éventail de possibilités en matière de conception de sites web est plus riche que jamais. Lorsque vous créez un site, les constructeurs de sites vous offrent une pléthore de fonctions de conception. Ça vous aide à sortir des sentiers battus et à offrir aux visiteurs la meilleure expérience possible.
Un élément stratégique que l’on peut penser à ajouter à un site web, c’est une page splash. Les marketeurs et les concepteurs de sites web disent qu’une page splash est une superbe façon de gagner de nouveaux clients et d’intriguer les visiteurs du site. Vous voulez que votre site web fasse sensation, n’est-ce pas ? Lisez pour savoir ce qu’est une page splash, pourquoi elle est utile et comment en mettre une sur votre site.
C’est quoi une page splash ?
Une page splash, c’est une fenêtre de dialogue/pop-up dans la page d’accueil du site web, qui cache partiellement le contenu de la page.
Genre, vous vous souvenez du temps où les sites vous demandaient d’installer Flash Player avant de continuer ? Une page splash se ferme en douceur lorsque vous cliquez sur le bouton de fermeture ou le bouton suivant, placé dans une position intuitive sur l’écran.
Histoire de la page splash
L’origine du terme page splash provient du monde des bandes dessinées. Dans les BD, la première page est imprimée avec le titre et le générique. Elle est utilisée pour capter l’attention du lecteur et établir le temps, le lieu et l’ambiance. Cette page décorative s’appelle une page splash.
Ce terme est entré dans le domaine du world wide web au milieu des années 90. Pendant une brève période, les termes « bannière » et « burst page » ont aussi été utilisés comme synonymes de page splash.
Objectif de la page splash
La page splash a de multiples usages :
- Elle prépare l’utilisateur à l’idée du site web. Elle transmet une vision des affaires et donne une image favorable du produit.
- Elle présente des offres pour inciter l’utilisateur à acheter le produit, même avant de consulter le portfolio.
- Elle demande à l’utilisateur de s’identifier ou de s’inscrire pour utiliser le site. Mais, faites attention quand vous utilisez une page splash dans ce but. En effet, elle peut dissuader certains utilisateurs d’entrer sur le site.
- Elle sert d’écran publicitaire. Il peut s’agir de la publicité de votre propre produit ou de la promotion payante d’une autre marque, afin de générer des revenus d’appoint pour le site.
- Elle est utilisée pour indiquer la convenance. Par exemple, si un site web n’est pas convenable pour les enfants, vous montrez un avertissement à ce sujet sur la page splash.
- Elle est utilisée pour montrer des avertissements sur le produit/service ou toute autre information comme le temps de chargement d’un site web.
Les usages sont illimités. Vous pouvez même utiliser la page splash à des fins plus créatives.
Exemples de page splash
Image du site Bazille
Dès que vous ouvrez ce site web de Bazille, vous trouvez une page splash qui vous demande si vous êtes acheteur ou vendeur/loueur. Cela permet de segmenter les clients en deux types différents à partir de la même landing page.
C’est tout à fait simpliste et ne laisse aucune place à la devinette.
Image du site Beertime
Un autre site web, Beertime, utilise une page splash pour inviter les lecteurs à lire davantage et à s’inscrire. Un bouton permet à l’utilisateur de fermer la bannière pour plus tard.
Voilà une façon efficace d’attirer l’attention avant que l’utilisateur ne quitte le site.
Les pages splash aident à augmenter la performance ?
Quand vous construisez un site web, vous placez différents composants dans une mise en page soignée. Mais, vous ne savez pas quel composant captera l’attention de l’utilisateur en premier.
Pour que l’utilisateur ne manque pas l’élément que vous voulez qu’il voit en premier, pensez à une page splash. Bon, disons que vous avez une boutique en ligne dans Strikingly. Vous avez affiché beaucoup de produits dans le portefeuille.
Mais y a-t-il un produit particulier vers lequel vous voulez porter l’attention de l’utilisateur ? Alors écrivez à son sujet sur la page splash. Ajoutez une image de ce produit aussi. Les utilisateurs seront tentés de l’acheter avant même de voir le reste du portfolio.
Les pages splashs sont embêtantes ?
Oui, parfois. En particulier, si vous utilisez un splash de page pour divertir l’utilisateur pendant que les autres composants de la page se chargent. C’était le cas il y a quelques années. Mais aujourd’hui, avec les progrès de la technologie et Strikingly pour vous aider à construire votre site web, il n’y a pas de temps mort de chargement.
Vous n’êtes pas sûr que les utilisateurs apprécient la page splash ? Vous pouvez donc demander à l’utilisateur s’il souhaite sauter le saut de page la prochaine fois. Cette option est utile si vous avez une page permanente avec un contenu qui ne change presque jamais.
Elle est aussi utile pour les utilisateurs fréquents du site qui connaissent trop bien la page splash et ne veulent pas la voir à chaque fois.
Comment créer une page splash percutante ?
Faire une mise en page qui fasse de l’effet est plus facile que jamais avec Strikingly. Voici quelques idées créatives pour attirer l’attention du public avec un contenu fascinant. N’oubliez pas, le design de la page d’accueil doit être minimaliste et transmettre une seule idée.
1. Une image captivante
Une image vaut mille mots. C’est peut-être un vieux dicton. Mais il est encore vrai à l’ère du numérique. Des visuels attrayants rendent la page splash plus intéressante. Choisissez une image qui va avec cette page.
Ça doit être quelque chose qui apaise les yeux de l’utilisateur, et qui met son esprit dans l’ambiance du site. Utilisez-la comme fond pour la page splash et superposez-y d’autres contenus.
2 Un message original
Mettez du contenu textuel selon l’objectif de la page splash.Il peut s’agir de quelques informations légales obligatoires qui doivent être communiquées à l’utilisateur au préalable. Ou bien, il peut s’agir d’une phrase accrocheuse pour promouvoir un produit. Débridez votre créativité et surprenez les utilisateurs.
3. Un formulaire si nécessaire
Le business l’exige ? Alors optez pour un formulaire court pour recueillir les informations de l’utilisateur. N’oubliez pas de remplir automatiquement les données autant que possible. Les utilisateurs aiment les sites web intelligents qui minimisent leurs efforts.
Essayez autant que possible de donner des options à choisir plutôt que des champs de texte libre. La plupart des utilisateurs préfèrent utiliser une souris plutôt qu’un clavier.
4. Un bouton de fermeture
Une page splash devrait avoir un bouton de fermeture dans un endroit plus pratique pour l’utilisateur.
Ça vaut la peine pour éviter que le page splash ne gêne les utilisateurs. En outre, l’ajout d’une case à cocher « ne plus afficher » est un plus pour les utilisateurs qui consultent souvent le site.
Comment faire une page splash avec Strikingly
Créez un site web page splash en suivant ces étapes simples dans Strikingly :
1. Tout d’abord, inscrivez-vous à un compte Strikingly gratuit. Cliquez sur le bouton « Créez votre site » en vert.
2. Parmi la vaste sélection de modèles proposés par Strikingly, choisissez celui de votre choix. Vous créez un design de page splash, quel que soit le modèle que vous choisissez. Pour cet exemple de page splash, on choisit le modèle « Wooddy », pour créer un site de musique. Passez la souris sur le modèle que vous voulez utiliser. Cliquez sur le bouton « créer un site avec ce modèle ! »
3. Dans la vue d’édition, cliquez sur le bouton « Ajouter une nouvelle section » dans le panneau d’outils de gauche. Maintenant, vous voyez une liste de pièces de conception disponibles pour le site web. Faites défiler la liste vers le bas et choisissez « Bouton. »
4. Dans le panneau d’outils de gauche, sous le titre des sections, supprimez toutes les autres sections et ne gardez que la section « Bouton. » Cliquez sur l’icône des paramètres à côté de la section « Bouton. » Décochez l’option « Afficher dans le menu. »
5. Maintenant, il est temps de modifier les textes par défaut. Dans cet exemple, « Téléchargez » est remplacé par « Son naturel. » En dessous, un texte supplémentaire « Préparez-vous à vous laisser envoûter » est ajouté. Modifiez les textes à votre guise. Cliquez sur le bouton « Téléchargez » et modifiez son texte. Mettez aussi un lien vers lequel vous voulez amener l’utilisateur lorsqu’il clique sur ce bouton. Modifiez maintenant d’autres composants tels que l’arrière-plan et le nom de l’entreprise.
6. Voilà, la page splash du site est prête. Vous pouvez ajouter d’autres composants au site web. Lorsque vous êtes satisfait, publiez-le en cliquant sur le bouton « Publier » en bas de la barre d’outils de gauche. Il vous est demandé d’indiquer l’URL, le titre et la catégorie du site web. Entrez les détails. Cliquez sur « Publier maintenant. »
Félicitations ! La page splash est en ligne.
À utiliser avec précaution
Après avoir vu le bon côté de la page splash, il convient de prendre conscience des pièges potentiels. Les pages splash sont connues pour avoir un mauvais impact sur le SEO.
Les moteurs de recherche ne peuvent pas indexer la page flash comme ils le font avec les textes. De plus, si les utilisateurs décident de rebondir après avoir vu la page splash, ça diminue le classement dans les recherches. Rappelez-vous, plus les utilisateurs passent de temps sur le site, plus le classement est élevé.
L’utilisation d’animations et de graphiques lourds dans une page splash peut ralentir le chargement de la page et rebuter les utilisateurs. Et, si l’utilisateur est sur un vieux navigateur qui ne supporte pas ces animations, alors l’effort est carrément perdu.
Montrer des animations ou des vidéos sur une page splash a un autre revers. Les vidéos longues peuvent ennuyer l’utilisateur, ce qui entraîne un taux de rebond plus élevé.
Même si vous proposez un bouton « Dépasser l’intro, » le chargement d’une vidéo en lui-même rebute quelques utilisateurs. Dans un monde où tout va très vite, qui veut regarder une vidéo de 30 secondes avant d’arriver à la page de destination ?
Les sites à pages splash sont parfois mal perçus par rapport aux principes de design. C’est parce qu’ils obligent l’utilisateur à faire un clic supplémentaire. Moins il y a de clics, plus l’utilisateur est heureux. Mais, si la page splash remplit quelques objectifs évidents, alors un clic supplémentaire en vaut la peine.
Splasher ou pas ?
Alors, comment décider d’avoir une page splash ou pas ? Vous réfléchissez aux avantages et aux inconvénients des pages splash. Vous analysez le cas d’utilisation. Vous étudiez l’état d’esprit du public cible. Vous faites la liste de toutes les choses que vous voulez indiquer dans une page splash. Et ainsi de suite.
Bref, laissez-vous guider par votre instinct. Mettez-vous à la place d’un utilisateur et pensez à ce que vous voulez voir dès que vous cliquez sur l’url. Et, une fois que vous avez décidé d’y aller, le reste est fastoche. Strikingly vous servira à concevoir un site web à page splash en quelques minutes !