15 exemples de landing pages no code

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.

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

2. KreativePro

KreativePro est une formation en ligne pour les designers.

URL : KreativePro

Type de landing page : E-commerce

Outil no code : 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

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

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

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

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

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

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

CTA

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

Le plus possible, mieux c'est.

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

Visuel

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

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.