Les étapes essentielles pour créer un site internet pour sa startup SaaS B2B

Woh, voilà un titre qui annonce du lourd ! Je suis Chloé, PMM (Product Marketing Manager) chez Eldo, un SaaS B2B pour les pros et networks du BTP. Je bosse dans cette magnifique start-up depuis un peu plus de 2 ans et j’ai déjà eu la chance de gérer un projet de ouf en 2021 : notre rebranding. Et comme j’aime bien les challenges et m’attaquer à des icebergs, j’ai décidé il y a quelques semaines de créer notre site web pour présenter nos offres, qui nous sommes, mettre en avant nos contenus etc.

Je te raconte dans cet article ce périple, avec en bonus des conseils et anecdotes si tu veux aussi te lancer sur un sujet.

Il est temps de passer de la seconde division à gagner la Ligue des Champions !

Faisons un parallèle avec le foot, ma première passion. Un PMM c’est un peu la pierre angulaire de l’équipe, la personne qui va avoir une vision large et globale du jeu/l’entreprise pour réguler et harmoniser le tout. Je suis la voix du produit, en interne et en externe. Mon boulot c’est de donner les bons ballons (messages) à mes collègues pour qu’ils marquent des golazos. Mais aussi positionner le jeu (le produit) pour qu’il soit compris par toute l’équipe (les teams en interne, les clients et les prospects) et qu’on puisse ensemble, gagner le titre.

Mon point de départ : chez Eldo nous n'avions que des landing pages d’acquisition pour présenter nos produits, qui étaient accessibles uniquement via de l’Ads, ainsi qu'un blog. L'avantage, le nom de domaine était déjà existant et comme nous sommes sur Hubspot je n'ai pas eu à me poser les questions de où héberger le site etc..

Les étapes essentielles avant de te lancer 

Si vous souhaitez vous lancer dans un projet de site internet, il est essentiel de faire un gros travail en amont sur plusieurs sujets clés d'un PMM !

1- Comprendre et connaître son ou ses buyers persona, c’est obligatoire pour crafter ensuite les bons messages qui leur parleront et favoriseront la conversion et soumission de formulaire sur le site. 

2- Benchmarker ce que font les concurrents mais pas que ! Va regarder ce que font aussi les grosses boîtes et start-up à succès, en France, comme à l’international. Je me suis beaucoup inspirée des meilleurs, notamment aux States, pour construire le storytelling que j’allais présenter sur le site d’Eldo ainsi que pour choisir la navigation qu'il y aurait.

3- Faire son Positioning Statement pour ensuite créer les bons messages. 

💡 Hyper important : toujours penser bénéfices pour les clients/utilisateurs.

4- Travailler son copywriting et une fois encore aller chercher de l’inspiration un peu partout, même ceux qui ne font pas du B2B. Je pense notamment à Apple, qui m’a beaucoup inspirée niveau copywriting puisqu’ils sont extrêmement fort (pas étonnant hein). Ils utilisent à merveille le pouvoir de la répétition, les rimes, les phrases à double sens ou contradictoires. Le tout en étant bref, simple et toujours customer centric.  

👍 La petite ressource supplémentaire qui déchire tout pour inspirer ta plume et ton copywriting !

Ok une fois que tu as géré ces 4 points (ça prend du temps évidemment), on peut réfléchir à mettre en place la suite : la création de ton site web. Avant de rentrer dans le vif du projet, il est important de regarder en arrière pour vous peindre l'historique et d'où je suis partie pour faire le site. Chaque projet est différent et vous ne partirez sûrement pas du même point de départ que moi. Je t'ai mis tout ça en annexe à la fin de l'article, pour pas te barber avec trop de détails de mon projet chez Eldo 😂

Le lancement du projet

En novembre, l'envie de faire naître ce projet est de plus en plus grande. Mais pour le vendre à mon manager, il me faut plus ! Tu devras sûrement faire pareil, alors prépare toi à documenter tes arguments.

Ce que j'ai fait : l'état des lieux de nos landing pages pour faire un mapping sur Figma de ce qui pourrait ressembler à un site si on créer de la navigation. J'ai benché pleins de site pour commencer à maquetter un menu déroulant ainsi qu'un footer, toujours sur Figma. Pour ajouter encore plus de force à mes arguments j'ai listé les différents why du projet et mis les insights de Productboard qui parle du sujet. Mon manager me donne le go, j'aurais la ressource en Q1 pour les développements dont j'ai besoin et la Head of Marketing valide aussi le projet.

Et zépartiiiii ! Du coup voici les différentes étapes qui sont venues ensuite, que tu auras sûrement à gérer aussi :

Étape 1 : la définition d'objectifs

Oui parce que bon, même si c'est la base d'avoir un site web, il faut quand même se mettre des objectifs chiffrés. Ici j'ai focus sur une augmentation du taux de conversion des contacts en clients, par rapport à celui des landing pages. Ainsi qu'une diminution du taux de rebond des pages et une augmentation du trafic naturel.

Étape 2 : le cadrage et la planification du projet

C'est sûrement l'étape la plus longue, car il faut penser à tout, tout en restant focus et agile.

• Créer un rétroplanning complet (je te conseille de le faire sur Google Sheet) pour répertorier toutes les tâches. Il faut penser à ajouter des contributeurs, des priorités ainsi que les deadlines pour chaque tâche. Au fur et à mesure du projet, j'ai complété ce rétro. Au départ j'avais forcément oublié quelques éléments ! C'est normal d'oublier des tâches au début, l'important c'est de rester organisé.

👀 Si tu veux le template de mon rétroplanning, envoie moi un petit MP, je te partagerai ça avec plaisir.

• Ne pas travailler en silot et faire valider au fur et à mesure les étapes du projet. En parallèle de la planification du projet, une fois que j'ai mis à plat le storytelling ainsi que les différents messaging, je me suis incrustée à une réunion du COPIL (bon en vrai j'ai été invitée) pour leur présenter le tout et les embarquer. Olé tout le monde était chaud, on passe à la suite !
• Si tu n'as pas la ressource interne pour le développement, il faut penser à trouver un presta : Malt sera ton nouveau meilleur ami. Tu peux faire plusieurs demandes de contacts, partager ton brief pour ensuite échanger avec des frees. Demande rapidement un devis pour faire valider le budget par ton manager et le CFO.
• Créer un plan de redirection des urls si tu as déjà des pages, si tu pars de 0 : pas besoin !
• Faire le mapping de ton futur site et des urls que tu vas mettre pour chaque page.

Étape 3 : la réalisation 

1. Préparer un brief pour le design et un brief pour le développement technique. Je peux te donner mon template de brief design si besoin. Ici j'ai demandé une maquette pour la homepage, une pour la page de formulaire, et une dernière pour le menu + footer.
2. La réalisation des maquettes par le Product Designer ou Designer (tout dépend de l'organisation dans ta boîte).
3. Le développement des maquettes par le développeur et la coordination avec le Designer pour s'assurer que tout est ok.
4. Créer les pages (pour ma part sur Hubspot) : ajouter le copywriting, mettre en place les urls, créer et ajouter les formulaires de captations de leads, renseigner le titre et la meta description des pages, mettre une image en vignette, planifier la publication etc. Sauf la homepage et la page de formulaire, j'ai créé toutes les pages (ça prend du temps, prends le en compte).

💡 Mon conseil : il faut documenter son travail. Pour bien répertorier toutes les pages, j'ai créé un document sur Confluence (notre outil de travail chez Eldo) pour référencer : le nom des pages dans Hubspot, les liens, les descriptions des pages ainsi que les CTA vers lesquelles chacune envoient ou les forms qui sont dedans. Ce qui permet à toutes et à tous en interne d'avoir de la visibilité. Et si demain je pars de la boîte, que la personne qui me remplacera puisse reprendre le flambeau avec tout de documenté.

Étape 4 : le lancement 

Avant le lancement, j'ai bien évidemment fixé en amont une date. Puis j'ai préparé un mini plan de communication avec : 2 posts pour nos réseaux sociaux, 2 emails pour les clients et pour les prospects, ainsi qu'une présentation interne du site. J'ai aussi écris cet article, mais ça tu t'en doutes bien ! 😍

Pense à te donner un laps de temps entre la mise en ligne et l'annonce officielle pour tout checker. J'ai tout mis en ligne la veille de l'annonce. C'est ce qui m'a permis de bien vérifier avant de communiquer officiellement le lendemain.

Bien évidemment le travail n'est pas pour autant fini. Il y aura toujours de nouvelles pages à créer et des améliorations à faire. Pour ma part, d'autres nouveautés vont arriver tout au long de l'année. J'ai notamment avancé sur une nouvelle page de tarification et présentation des offres avec un comparatif des fonctionnalités.

En parallèle il faut toujours faire du peaufinage, regarder les résultats des A/B testing pour voir ce qui fonctionne le mieux et faire si besoin des modifications et améliorations. Il y a encore du boulot et c'est tout autant passionnant que tout ce qui a été fait avant.

Si tu as envie de te lancer sur un tel projet ou que tu as des questions (parce que je n'ai pas forcément tout détaillé) je suis disponible pour te répondre ! Et si tu as du temps, va jeter un œil sur mon travail sur le site Eldo.

Annexes :

Mes principaux pains et constats avant de me lancer : 

• Beaucoup avaient du mal à comprendre ce que fait Eldo, comme rien n'était vraiment expliqué sur le web. En l’état, nous ne présentions pas correctement notre cœur de métier (SaaS B2B), ce qui pouvait rendre notre mission pas assez claire #imagedemarque
• Mon rôle est de marketer correctement nos produits et offres pour qu’ils soient compris facilement par tous et là… ce n’était pas le cas ! 🤯
• Toutes nos ressources d’awareness n’étaient pas exploitées, car invisibles sur le web, et je ne pouvais les pousser que dans la newsletter Eldo.
• Pour avoir des leads de plus en plus qualifiés, il faut qu'ils puissent avoir une vision macro et micro de ce qu'on fait et des bénéfices qu'on va leur apporter.

L’historique des LP et du site pro.eldo.com

Voici l'historique de ce que nous avions chez Eldo à mon arrivée, en janvier 2020.

• Début 2020 : l'url pro.eldo.com renvoie vers un blog pour les pros qui a une 40aine d’articles d’awarness et de conseils sur le digital. Nous avons des landings pages d’acquisition : une qui propose un audit sur l’e-réputation (pour ensuite que nous présentions aux prospects notre produit historique d’e-réputation)  + des pages pour télécharger nos 5 guides.

PI : sur notre site B2C, eldo.com, nous avons un bouton "Vous êtes un pro" qui renvoie vers notre landing page d'audit.

• Juin 2020 : nous créons une landing page d’essai gratuit pour notre produit d’e-réputation. Eldo lance un nouveau produit de référencement local, nous créons une page supplémentaire pour proposer un audit.
• Juin 2021 : nous créons une page “chapo”, ce qui se rapproche le plus d’une homepage d’un site, où nous présentons nos offres pour les pros ainsi que pour les industriels, marques ou réseaux du BTP. J'insère des boutons qui renvoient vers les landings d’e-réputation et de référencement local. Je créer aussi des LP avec un messaging dédié aux networks. C’est un premier pas vers une navigation ! Nous avons 5 landing pages au total. Le bouton "Vous êtes un pro" renvoie désormais sur cette page, ce qui permet d'avoir un peu plus de trafic, autre que celui venant de l'acquisition.
• Septembre 2021 : Eldo fait son rebranding, nos landings pages aussi ! Nous préparons le lancement d'un nouveau produit de gestion des leads, je fais designer une landing page avec notre nouvelle charte graphique pour ce produit. J’en profite pour appliquer ce design aux autres LP existantes pour qu’elles soient toutes rebrandées.
• Octobre 2021 : je mets les mains dans le code pour me débrouiller à créer un template d’une page de témoignage ! Le résultat est plutôt cool, mais même problème : comment les gens arrivent sur cette page puisque nous n’avons pas de vraie navigation, ni de site ? L'idée d'arranger ça continue de faire son nid dans mon esprit.