Les SaaS sont de nos jours omniprésents. Cet article va présenter comment créer une hero section pour un Saas, particulièrement comment créer une cohérence entre votre landing page et votre produit. Cet article va se baser sur un exemple concret en montrant étape par étape le processus.
La hero section, la carte de visite principale
La landing page pour un produit SaaS est très importante et ô combien difficile. Aujourd'hui je vois de plus en plus de landing page générée par IA avec les mêmes composants, la même structure pour ne pas dire le même texte.
Votre landing page doit réaliser les objectifs suivants :
- Expliquer clairement le produit
- Si possible hooker émotionnellement le visiteur
- Affirmer votre autorité
- Optionnellement créer un effet wow.
La majorité des personnes vont soit travailler l'effet wow, soit ne pas travailler la landing page. Cet article va vous expliquer comment la travailler efficacement.
Une bonne landing page avec un positionnement clair
La première étape est de clarifier votre positionnement si ce n'est pas fait. Clarifier son positionnement c'est :
- Savoir clairement quel problème je résous ?
- Qui sont mes clients (les personnes qui ont le problème que je résous) ?
- Qui sont mes concurrents directs et indirects ?
- Pourquoi devrait-on me choisir moi plutôt que mes concurrents ?
Une fois que vous avez une réponse limpide à ces questions, vous pouvez passer à l'étape suivante.
Pour l'exemple, on va prendre l'exemple d'une entreprise qui propose un CRM pour les PME/TPE. Si on reprends le tableau précédent on a alors les réponse suivantes :
Questions | Réponses |
Quel problème je résous | Ne pas avoir une image détaillée de sa relation clientèle |
Qui sont mes clients | TPE/PME avec de petit budget |
Qui sont mes concurrents directs | Salesforce, Monday, Twenty, etc... |
Pourquoi on devrait me choisir moi plutôt que mes concurrents | Abonnement accessible (20€ par mois) + facilité d'utilisation. |
Structure d'une hero section
Une hero section a presque toujours la même structure que nous allons détailler ici. La structure est la suivante:
Chaque élément va être expliqué. Cette partie est très importante et est plus importante que l'image que vous allez mettre en arrière-plan. C'est ici que vous mettez en avant votre positionnement et votre produit.
Titre principal
C'est le titre principal qui doit en une phrase expliquer les bénéfices ou l'absence de problème grâce à votre produit.
Dans notre cas cela pourrait être : Une vision claire sur votre clientèle
Element 1
Cet élément est généralement un élément de réassurance. Il peut contenir d'autres informations mais généralement a pour but d’asseoir la légitimité de votre produit. Pour a trouver utiliser votre notoriété, sinon donner une information qui peut aider le client à croire en votre produit.
Dans notre cas : Utilisé par 240 PME
Element 2
Un texte qui va clarifier et expliquer le titre principal. Le titre a toujours un côté énigmatique qui va être déchiffré dans la section suivante, à savoir cet élément. Ici il s'agit d'être clair, concis et mettre en avant pourquoi on devrait me choisir moi plutôt que mes concurrents.
Dans notre cas : Le premier CRM français adapté aux TPE/PME qui respecte votre budget et vos besoins.
Call to action (CTA)
Cette section va inciter le visiteur à acheter, essayer votre produit ou vous contacter. Généralement il est représenté par un bouton cliquable. Un CTA n'est généralement pas compliqué à créer, il faut tout de même veiller à trouver les mots justes.
Dans notre cas : Essayez gratuitement
Image d'arrière plan
Cet élément est important et nécessite une section complète car si raté, peut ruiner le travail précédemment établi.
L'image doit servir et imager votre produit et ces avantages. Elle ne doit pas juste ressembler à un élément artistique pour faire beau.
L'image doit avoir une représentation concrète ou abstraite du produit et de ce qu'il fait. Il peut être difficile de trouver l'idée de l'image, qui plus est si c'est une image abstraite, cependant l'IA nous aide plus que jamais à générer ce type d'image.
L’image peut être abstraite mais faîtes en sorte qu’elle ait un minimum de lien et cohérence avec l’entreprise ou le produit.
Dans notre cas, notre CRM permet de passer d'une vision peu claire à une vision claire des personnes que l'on contacte. On pourrait jouer avec la notion de flou ou de désorganisation. d'autant plus que le titre mentionne le terme "clair". Voyons ce que l'on peut produire.
Voici une des idées possibles. Ce n'est pas la meilleure image possible, mais elle est cohérente avec notre produit et notre vision. Et cela vaut mieux qu'une belle image qui n’est pas en adéquation, en alignement avec notre produit.
Composition finale
Enfin il ne reste plus qu'à composer la totalité du travail fait en amont. L'idée est d'avoir un tout cohérent.
Conclusion
Dans cet article, nous avons vu les différentes étapes pour créer une hero section de Saas. En appliquant ces principes, vous obtenez une landing page claire avec un positionnement cohérent qui inspire confiance à un visiteur.
