Non Codeur

15 exemples de landing pages no code

Toutes les landing pages ont le même objectif de convertir vers une action. Voici des exemples de landing pages fait avec des outils no code.
15 exemples de landing pages no code
Photo by Igor Miske / Unsplash

Cet article répertorie des exemples de landing pages conçus avec des outils no code.

Pourquoi j'ai décidé d'inclure ces exemples dans ma liste ?

Je me suis basé sur le guide de landing page de Harry Dry, de Marketing Examples.

Les sections d'une landing page par Marketing Examples

Ce qui est au-dessus de la ligne pointillée est la section Above the fold, ce qui est visible immédiatement en arrivant sur la page. Ce qui en dessous de la ligne est la section Below the fold, où l'utilisateur doit défiler plus bas pour voir le contenu.


Les outils no code qui ont servi à créer les landing pages de cette liste sont : Webflow, Carrd, Dorik, Super, Readymag, Squarespace et Typedream.

Passons maintenant à la liste des landing pages no code.

1. Mural

Mural est un outil de collaboration visuelle comme un tableau blanc en ligne.

Webflow déclare ici que l'entreprise a récolté 27% plus de traffic une semaine après la migration, 14% plus d'impressions dans le SERP et 6 points SEO de plus. Et selon SemRush, Mural dépense ~$3k/mo en publicité sur Google pour afficher cette landing page.

URL : Mural

Type de landing page : App

Outil no code : Webflow

💯
Pour en savoir plus sur cet outil, lisez mon avis sur Webflow.

2. KreativePro

KreativePro est une formation en ligne pour les designers.

URL : KreativePro

Type de landing page : E-commerce

Outil no code : Webflow

📺
Webflow est plus difficile à apprendre quand on commence, vous pouvez apprendre avec la formation Init Webflow.

3. Freelance Notion

Freelance Notion est une ressource Notion d'informations pour les freelancers.

URL : Freelance Notion

Type de landing page : E-commerce

Outil no code : Carrd


4. Notion Freelance

Non, vous ne voyez pas double 👀 ! Notion Freelance est une autre ressource Notion d'informations pour les freelancers.

URL : Notion Freelance

Type de landing page : E-commerce

Outil no code : Typedream


5. No-Code France

No-Code France est une communauté qui accompagne dans la pratique et l'apprentissage du no code.

URL : No-Code France

Type de landing page : Communauté

Outil no code : Dorik

💯
Pour en savoir plus sur cet outil, lisez mon avis sur Dorik.

6. Earnings Call

Earnings Call est un outil B2B qui diminue le taux de transcriptions des appels.

URL : Earnings Call

Type de landing page : À venir (coming soon)

Outil no code : Carrd

💯
J'aime tellement Carrd qu'il figure dans ma liste des meilleurs outils no code.

7. Brillant

Brillant est un outil qui facilite votre gestion d'emails.

URL : Brillant

Type de landing page : App

Outil no code : Readymag


8. Nuka

Nuka est un carnet de note innovateur.

URL : Nuka

Type de landing page : E-commerce

Outil no code : Readymag


9. Upstate Laundromat

Upstate Laundromat est une meilleure expérience pour faire la lessive.

URL : Upstate Laundromat

Type de landing page : Entreprise locale

Outil no code : Squarespace


10. Nathan Clark

Nathan Clark est un consultant qui aide les entreprises tech à gagner plus de deals.

URL : Nathan Clark

Type de landing page : Service

Outil no code : Super

🖥️
Super est un outil que je conseille parmi les outils no code à utiliser avec Notion.

11. Sustainability Check

Denvir Enterprises souligne l'engagement de ses marques en matière de transparence de leurs pratiques de fabrication et de durabilité.

URL : Sustainability Check

Type de landing page : Information

Outil no code : Squarespace


12. Alex Tourgis

Alex Tourgis est un product designer et expert Webflow. Avec También, il aide les marques à se démarquer sur le web.

URL : Alex Tourgis

Type de landing page : Service

Outil no code : Webflow


13. Bubbles

Bubbles est un outil de collaboration vidéo et de capture d'écran.

URL : Bubbles

Type de landing page : App

Outil no code : Webflow


14. Noggin

Noggin est un outil no code pour lancer une formation en ligne sur Notion.

URL : Noggin

Type de landing page : À venir (coming soon)

Outil no code : Webflow


15. Deximal

Deximal est un service d'aide à la création de tableaux de bord publics pour votre startup.

URL : Deximal

Type de landing page : À venir (coming soon)

Outil no code : Webflow


FAQ

C'est quoi une landing page ?

Une landing page est une page web qui sert à convertir les clients vers une seule action précise.

Pourquoi créer une landing page ?

Une landing page peut servir à vendre un produit ou service, à s'abonner une newsletter, à télécharger un fichier, à remplir un formulaire, etc.

Comment rédiger une landing page ?

Les website builders sont de bons outils no code pour créer une landing page. Je conseille normalement Carrd ou Dorik pour une simple landing page.

Quoi ajouter dans une landing page ?

(Above the fold)

  • Titre → Expliquez la valeur que vous apportez.
  • Sous-titre → Expliquez comment vous allez la créer.
  • Visuel → Laissez l'utilisateur la visualiser.
  • Preuve sociale → Rendez l'offre crédible.
  • CTA → Facilitez le passage à l'étape suivante.

(Below the fold)

  • Avantages et objections → Rendez la valeur concrète.
  • Preuve sociale → Donnez vie à votre offre.
  • FAQ → Réglez les derniers détails.
  • 2e CTA → Répétez votre appel à l'action.
  • Note du fondateur → Rendez-vous mémorable.

Je vous laisse le guide pour connaitre tous les détails de Harry Dry.

Mais vous savez quoi, je vais tout de même prendre le temps de détailler les sections que je considère essentiel.

Je crois qu'une bonne landing page peut s'en tenir qu'à ceci.

Titre

Noggin - exemple #14

Ne soyez pas rusé, allez directement au but.

Le titre énonce le meilleur avantage pour le client et l'incite à lire la suite.

Sous-titre

Brillant - exemple #7

Développez l'avantage et faites passer l'utilisateur de son état actuel à son état futur.

CTA

Bubbles - exemple #13

Idéalement, ajoutez le verbe relatif à l'action. Évitez un CTA trop générique.

Par exemple, remplacez Commencez par Créez votre application.

Preuve sociale

Freelance Notion - exemple #3

Le plus possible, mieux c'est.

Affichez des clients, logos, évaluations avec étoiles, n'importe quoi pour augmenter votre crédibilité.

Visuel

Mural - exemple #1

Il peut sembler illogique, mais j'ai eu de la difficulté à trouver des exemples avec des images du produit ou service.

Donnez une idée de ce que le client va obtenir s'il investit du temps et argent.

Avantages et objections

Nathan Clark - exemple #10

Parlez des avantages et non des fonctionnalités.

Faites en sorte que ce que vous vendez soit pertinent pour vos clients.


Vous aimez cet article ? Partagez-le à un•e ami•e. Ça ne prend que 10 secondes. L'écrire me prend 10 heures. Vous pouvez aussi m'offrir un (ou plusieurs) Latte glacé 🥤, ça m'aide à écrire plus !


Des liens dans cet article sont des liens d’affiliation. Si vous achetez un abonnement, il ne vous coûtera pas plus cher, mais je recevrai une petite commission qui non seulement soutient mon travail (~ 10h/article de recherche & écriture), mais m'aide aussi à faire de Non Codeur un side project durable.

L'art de programmer visuellement

Apprenez à créer des applications, sites web et automatisations sans coder.

Non Codeur

Super ! Vous vous êtes inscrit avec succès.

Bienvenue à nouveau! Vous vous êtes connecté avec succès.

Vous vous êtes abonné avec succès à Non Codeur.

Succès ! Vérifiez dans votre e-mail le lien magique pour vous connecter.

Succès! Vos informations de facturation ont été mises à jour.

Votre facturation n'a pas été mise à jour.