Avant de faire défiler, le client décide s'il reste. Ce qui doit apparaître dans le haut de votre site sur téléphone, et ce qui peut attendre.
Sur un téléphone, le premier écran, c'est-à-dire ce qu'on voit avant de faire défiler, est tout petit. C'est pourtant là que le client décide en quelques secondes s'il reste ou s'il revient à Google. Ce premier écran doit donc répondre aux questions essentielles, sans fioritures.
Les trois questions du client
Quand quelqu'un arrive sur votre site, il se demande :
- Est-ce que je suis au bon endroit ? Quel commerce, quelle activité.
- Est-ce que c'est près de moi ? Quelle ville, quel quartier.
- Comment je fais maintenant ? Appeler, venir, réserver, commander.
Si le premier écran répond à ces trois questions, vous avez gagné l'essentiel.
Ce qui doit y figurer
- Votre nom, ou votre logo, lisible.
- Une phrase qui dit ce que vous faites et où : « Boulangerie artisanale à Saint-Louis », « Électricien dépannage dans tout le Sud ». Simple, concret, avec le nom de la commune.
- Une action principale, sous forme de bouton bien visible : « Appeler », « Réserver », « Demander un devis ». Une seule action mise en avant vaut mieux que quatre boutons qui se disputent l'attention.
- Si possible, une information pratique : « Ouvert aujourd'hui jusqu'à 19 h » ou « Sur rendez-vous ». Attention, seulement si elle est tenue à jour.
Ce qui peut attendre plus bas
- Votre histoire, vos valeurs, l'année de création.
- Les longues descriptions de produits.
- Les avis clients, les photos de l'équipe, les partenaires.
Tout cela compte, mais vient après la réponse aux questions pratiques. Le client qui veut en savoir plus fera défiler.
Les erreurs qui gâchent le premier écran
- Une immense photo sans texte. Jolie, mais le client ne sait toujours pas ce que vous faites, et elle ralentit l'affichage.
- Un diaporama qui défile tout seul. Les images changent avant qu'on ait lu, et le contenu bouge sous le doigt.
- Un bandeau de cookies ou une fenêtre qui recouvre tout. Le client doit d'abord fermer quelque chose avant de voir votre commerce (voir pop-up et bandeaux).
- Un slogan vague : « L'excellence à votre service » ne dit ni le métier ni le lieu.
- Un logo énorme qui occupe la moitié de l'écran.
Adapter selon votre métier
- Restaurant, snack : le type de cuisine, la commune, et un accès direct à la carte et au bouton d'appel ou de commande.
- Artisan, dépannage : le métier, la zone d'intervention, le bouton d'appel, et si c'est vrai, la mention d'intervention rapide ou d'urgence.
- Salon, institut : le type de prestations, la commune, et le bouton de réservation.
- Activité touristique : l'activité, le lieu, et la réservation. Pensez à une version en anglais si votre clientèle le demande.
Comment vérifier
- Ouvrez votre site sur votre téléphone, sans toucher l'écran.
- Montrez-le trois secondes à quelqu'un qui ne vous connaît pas, puis cachez-le.
- Demandez-lui : « C'est quoi, c'est où, et qu'est-ce que je peux faire ? »
S'il hésite sur l'une des trois réponses, le premier écran a besoin d'être simplifié. Pour un test complet du site, suivez la méthode de tester son site sur téléphone en 10 minutes.
En résumé
- Le premier écran doit dire ce que vous faites, où, et quoi faire maintenant.
- Une seule action principale, en bouton bien visible.
- L'histoire et les détails viennent plus bas.
- Évitez les grandes photos sans texte, les diaporamas et les fenêtres qui recouvrent tout.
Besoin d'un coup de main pour revoir le haut de votre site ? Esteban DC accompagne les commerces de La Réunion : demandez à être rappelé.