Template Loopmail : landing et console d'e-mailing

Template Loopmail : landing et console d'e-mailing

Loopmail est l'un des cinq templates de page de vente de Zugo : une landing terminée pour un produit d'automatisation e-mail, avec un écran de connexion et une console de campagnes derrière. Le cloner dans un projet à vous ne consomme aucun crédit, la facturation commence à la première modification.

Voici ce que le template contient réellement, la part d'interface qui fonctionne et celle qui est mise en scène, et jusqu'où quelques phrases de conversation peuvent le déplacer.

Que trouve-t-on dans le template Loopmail ?

La page publique est une landing SaaS complète. Elle ouvre sur un bandeau construit autour d'un schéma de scénario plutôt que d'une capture d'écran, puis enchaîne fonctionnalités, galerie de modèles d'e-mails, explication du produit en trois étapes, tarifs avec bascule mensuel et annuel, témoignage client, foire aux questions et appel à l'action final.

Derrière l'en-tête se trouvent deux écrans de plus. Une page de connexion avec option Google et formulaire e-mail, et une console de campagnes avec barre latérale pour campagnes, automatisations, audiences, modèles et rapports, des cartes de chiffres pour taux d'ouverture, taux de clic et revenu, plus un tableau de campagnes filtrable.

La galerie de modèles mérite un mot. C'est une rangée de cartes qui défile horizontalement, nommées d'après le moment que chacune sert : message de bienvenue, lettre d'information, lancement de produit, promotion, relance des inactifs. Ce choix de nommage fait un vrai travail de persuasion, parce qu'il montre à l'acheteur son propre calendrier au lieu d'un catalogue de mises en page.

La foire aux questions répond aux quatre interrogations qu'une petite marque a vraiment sur un outil d'e-mailing : importer une liste existante, la présence ou non d'un paramétrage technique, ce qui compte dans la limite de contacts, et la possibilité d'arrêter un scénario en cours sans casse.

Pourquoi le schéma de scénario occupe-t-il le centre de la page ?

Parce que le plus difficile à expliquer, avec un logiciel d'automatisation, c'est à quoi ressemble une automatisation. Le bandeau montre un petit enchaînement vertical : une inscription qui déclenche, une attente de deux jours, un message de bienvenue, puis un embranchement selon que le message a été ouvert ou non.

Cet élément unique remplace un paragraphe d'explication. Le visiteur comprend le modèle du produit en deux secondes, et surtout il comprend qu'il pourrait en construire un lui-même. Une liste de fonctionnalités n'y arrive jamais, parce qu'une liste décrit des capacités quand un schéma montre un déroulé.

La leçon dépasse largement l'e-mail. Si votre produit a un processus en son cœur, qu'il s'agisse de validation, d'accueil de nouveaux clients, d'attribution de dossiers ou de planification, mettez le schéma de ce processus dans le bandeau et laissez le texte le soutenir. Au moment de rhabiller ce template, c'est le bloc à conserver et à adapter plutôt qu'à remplacer.

Qu'est-ce qui fonctionne et qu'est-ce qui est mis en scène ?

Être précis là-dessus évite une découverte désagréable plus tard.

Les taux d'ouverture, les parts de revenu et les nombres de clients imprimés sur la page appartiennent à une entreprise fictive. Remplacez-les avant toute publication. Un chiffre que vous n'avez pas mesuré est le moyen le plus rapide de perdre un lecteur qui vérifie, et c'est la première chose que vérifie un acheteur sérieux.

Comment le rhabiller en quelques modifications ?

Vous décrivez le changement dans la conversation et la page se reconstruit. Cinq modifications font l'essentiel du trajet de Loopmail vers votre produit :

1. Nom et promesse : « renomme le produit en Cadence, la promesse devient les parcours d'accueil pour équipes SaaS, réécris le bandeau ».
2. Le scénario lui-même : « change le schéma en inscription à l'essai, vérification d'activation, relance, puis embranchement selon l'invitation d'un collègue ».
3. Fonctionnalités : « remplace les quatre blocs par messages dans l'application, segments, planification et rapports ».
4. La galerie : « renomme les cartes en début d'essai, annonce de fonctionnalité, rappel de renouvellement et réactivation ».
5. Preuve et tarifs : « remplace le témoignage par un bloc de chiffres et réduis la grille à deux formules ».

Changez une chose à la fois et regardez entre chaque. Chaque reconstruction est ouverte dans un bac à sable avant de vous parvenir, donc une version qui ne s'affiche pas n'est jamais livrée, ce qui rend l'essai d'une idée peu coûteux plutôt que risqué.

Combien coûte la refonte de Loopmail ?

Le clonage n'appelle aucun modèle, donc la copie dans votre projet ne coûte rien.

La formule gratuite donne 5 crédits, ce qui couvre le clonage et une modification : assez pour voir le nom de votre produit dans le bandeau. Pro coûte $25 par mois pour 200 crédits, Business coûte $99 par mois pour 800 crédits. Sur Pro, cela fait environ 66 modifications ou 33 reconstructions dans le mois.

Un rhabillage crédible demande d'ordinaire entre quatre et huit modifications, et les deux dernières servent toujours à resserrer plutôt qu'à ajouter. Budgétez-les. La version publiée n'est jamais la première, et prétendre le contraire revient à publier ce que l'on réécrira discrètement la semaine suivante.

Qui a intérêt à partir de Loopmail plutôt que d'une page blanche ?

Toute personne qui vend un outil en libre-service à de petites équipes. La structure convient à l'e-mail, à la planification, à la relation client, à la mesure d'audience, aux boîtes de support : partout où l'acheteur s'inscrit sans parler à un commercial et veut voir le déroulé avant d'accorder sa confiance.

Elle convient aussi à une agence ou à un indépendant qui industrialise une prestation. Si vous pilotez des programmes d'e-mailing pour des clients, cette page vend un forfait mensuel aussi bien qu'un logiciel, dès lors que le bloc tarifaire devient une liste de prestations plutôt que de formules.

Elle convient mal quand l'achat passe par la conversation. Les pages destinées aux grands comptes s'organisent autour d'une demande de démonstration, d'une page sécurité et d'une bibliothèque de cas clients, alors que Loopmail s'organise autour d'un bouton d'inscription. Si c'est la console qui vous intéresse vraiment, créer un tableau de bord SaaS prend le sujet par l'application.

Quelles sont les limites honnêtes ?

Trois, à connaître avant plutôt qu'après.

La console est une image de produit. La rendre réelle suppose une base, une authentification et la logique derrière les segments et la planification. Zugo construit une bonne part de cela via Supabase, mais c'est un travail de nombreuses modifications, pas d'un prompt, et sur un produit vraiment complexe il ne remplace pas une équipe de développement.

Envoyer des e-mails est un service, pas une page. Zugo se branche sur Resend pour le transactionnel, ce qui couvre les messages que votre propre produit doit émettre. Mener des campagnes marketing à volume, avec montée en charge de la réputation, authentification du domaine et surveillance de la délivrabilité, c'est la raison d'être des plateformes spécialisées, et en reconstruire une est un autre projet.

Enfin, la logique métier fine se construit par itération. Les règles d'embranchement, le score de contact, les heures calmes par fuseau : chacune est une suite de modifications plutôt qu'une phrase. C'est normal, cela reste plus rapide que l'alternative, mais ce n'est pas l'histoire du prompt unique.

Un point réglementaire s'ajoute en Europe et il vous appartient : le consentement, la mention de l'expéditeur, le lien de désinscription et la conservation des données relèvent du RGPD, pas du générateur.

Quelles intégrations comptent pour cette page ?

Supabase apporte comptes, base et stockage de fichiers, ce qui transforme l'écran de connexion en véritable porte. Stripe gère la facturation par abonnement, que toute grille avec bascule mensuel et annuel finit par impliquer. Resend envoie les messages transactionnels dus à vos utilisateurs, des confirmations aux réinitialisations de mot de passe.

Google Analytics répond à la question soulevée par le bloc tarifaire : quelle formule les gens ouvrent réellement. L'export GitHub vous remet les sources sous forme de dépôt, Vercel déploie sur votre propre compte, et un nom de domaine se branche sur les formules payantes.

Si vous n'avez besoin que de la collecte d'adresses et pas d'une page produit entière, créer un formulaire d'inscription à une newsletter traite correctement la version réduite de ce chantier.

Par où commencer ?

Ouvrez la galerie, filtrez sur les pages de vente, et comparez Loopmail avec Ledgerly, QuoteKit, Pulseboard et Frame. Elles diffèrent par la structure plus que par la couleur, et choisir la plus proche épargne davantage de modifications qu'un passage d'habillage.

Faites porter vos deux premières modifications sur le nom du produit puis sur le scénario du bandeau, dans cet ordre. Une fois que le schéma décrit correctement votre processus, le reste de la page a quelque chose de vrai à soutenir, et les retouches de texte deviennent évidentes au lieu d'être spéculatives.

La publication place le projet sur une adresse du type votre-projet.zugo.run en une action, et la version est vérifiée dans un bac à sable avant, donc une page qui ne s'affiche pas n'est pas publiée en silence. Publiez avant que le texte vous semble fini, puis observez les comportements plutôt que de demander des avis.

Vous pouvez cloner Loopmail et commencer à le remodeler sur zugo.dev. Les crédits offerts suffisent à voir votre produit dans le bandeau et à décider si cette forme vous convient, sans carte bancaire.