Modèle Pulseboard : une page SaaS avec tableau de bord vivant
Modèle Pulseboard : une page SaaS avec tableau de bord vivant
Pulseboard est le modèle d'analytique produit de la galerie de 25 modèles Zugo. Il associe une page de vente SaaS complète (tunnels, rétention, cohortes, tarifs, questions fréquentes) à un tableau de bord de démonstration qui recalcule ses cartes et son graphique quand on change la période. La copie est gratuite, et chaque changement ensuite coûte 3 crédits.
Le tableau de bord fait tout l'intérêt de ce modèle et provoque aussi tous les malentendus, alors la première chose à régler est l'origine des chiffres qu'il affiche.
Qu'est-ce que le modèle Pulseboard embarque ?
Deux moitiés qui partagent le même langage visuel : un site marketing destiné aux équipes produit, et un espace connecté qui ressemble à l'outil vendu sur la page d'avant.
| Surface | Ce qu'elle contient |
|---|---|
| Accroche | Une promesse en une ligne, des compteurs, un aperçu de tableau de bord avec actifs quotidiens, rétention et conversion |
| Fonctions | Tunnels avec visuel de déperdition en quatre étapes, courbes de rétention, cohortes, capture automatique, signaux d'anomalie |
| Fonctionnement | Trois étapes, chacune accompagnée d'un court extrait de code |
| Tarifs | Trois formules avec bascule mensuel ou annuel et liste de fonctions par formule |
| Questions fréquentes | Cinq objections traitées, dont l'effort d'installation, les événements sur mesure et le traitement des données |
| Connexion | E-mail et mot de passe, boutons sociaux, mention visible indiquant qu'il s'agit d'une démonstration |
| Tableau de bord | Synthèse, tunnels, rétention, cohortes, signaux et vue en direct dans la barre latérale |
| Écran de synthèse | Bascule sept, trente et quatre-vingt-dix jours, trois cartes de chiffres, graphique d'activité, tableau des principaux événements |
La page de vente est un bon cas d'école en traitement d'objections. La section des questions fréquentes ne vend pas, elle répond aux cinq points qu'un ingénieur sceptique soulève réellement, et la section fonctionnement montre du code au lieu de le décrire. Les deux procédés se transposent à n'importe quel produit technique.
La barre latérale du tableau de bord sépare l'analyse de la surveillance, ce qui est une architecture d'information saine à hériter. L'écran de synthèse porte les éléments dont la plupart des tableaux de bord produit ont besoin : comparaison avec la période précédente, courbe de tendance et tableau des principaux événements filtré par plateforme.
Le tableau de bord affiche-t-il de vraies données ?
Non, et c'est la ligne à poser clairement avant de le montrer à qui que ce soit. Rien n'est mesuré. Aucun traceur ne collecte d'événements, il n'y a pas de serveur derrière et pas de stockage. La bascule de période recalcule les cartes et redessine le graphique dans le navigateur à partir de valeurs générées, ce qui explique à la fois sa réactivité et le fait que les chiffres changent quand on clique.
L'écran de connexion le dit lui-même en petits caractères : c'est une démonstration, et aucun identifiant n'est conservé. Rien n'est protégé derrière, et un rechargement remet l'espace à zéro.
Cela ne rend pas le tableau de bord inutile. Comme référence de conception, comme démonstration devant un investisseur, ou comme façade de ce que vous vous apprêtez à construire pour de bon, c'est un point de départ solide qui demanderait plusieurs jours à un graphiste.
Si vous voulez de vrais chiffres sur les vrais visiteurs d'un site fait avec Zugo, c'est un travail différent et bien plus simple : brancher Google Analytics, qui fait partie des connecteurs intégrés, et lire les données dans son interface. La marche à suivre est décrite dans brancher Google Analytics sur un projet.
Si vous voulez que ce tableau de bord affiche vos propres données, il faut une base derrière, donc le connecteur Supabase et une série de modifications décrivant quoi stocker et comment résumer. C'est atteignable, et c'est un projet, pas une phrase.
Qui a intérêt à partir de Pulseboard ?
Toute personne qui vend un produit technique à des acheteurs techniques. La structure convient aux outils pour développeurs, aux entreprises qui vendent une API, aux services de supervision, aux plateformes de données et aux outils internes qu'il faut défendre devant un comité de direction. La combinaison d'une page argumentée et d'une vue produit crédible est exactement ce qu'un argumentaire réclame.
Elle convient aussi aux fondateurs qui testent la demande avant d'écrire une ligne de code. Publier la page, annoncer honnêtement le produit comme à venir, recueillir des inscriptions et découvrir si quelqu'un en veut. C'est un usage légitime d'un modèle, à condition que la page ne prétende pas que le produit fonctionne déjà.
Elle convient mal si vous avez besoin d'un vrai tableau de bord sur de vraies données dès le premier jour. Dans ce cas, la moitié marketing est du poids mort, et mieux vaut décrire directement le tableau de bord voulu, ce que détaille créer un tableau de bord SaaS avec l'IA. Si vos données sont commerciales plutôt qu'analytiques, le modèle Orbit est un point de départ plus proche.
Quelles affirmations doivent disparaître avant la mise en ligne ?
Plus que dans tout autre modèle de la galerie, parce que celui-ci vend de la confiance. La page porte une certification de sécurité, une mention de localisation des données, une déclaration de conformité au RGPD, un chiffre de disponibilité, un repère de poids du traceur, un délai médian avant premier résultat, un volume d'événements inclus et une rangée de logos clients. Tout cela est du texte de démonstration.
Les affirmations de conformité sont la catégorie dangereuse. Annoncer une certification que vous n'avez pas n'est pas une exagération marketing, c'est une déclaration fausse faite à un acheteur, et un service achats demandera le rapport. Supprimez ces lignes tant que vous ne pouvez pas produire le document.
La section des tarifs demande le même traitement. Trois formules avec leurs listes de fonctions ont l'air convaincantes, et elles décrivent un produit que personne n'a construit. Remplacez-les par vos vrais prix ou retirez la section jusqu'à ce que vous en ayez.
Demandez ce nettoyage dans une modification explicite qui nomme les éléments : lignes de certification et de conformité, chiffre de disponibilité, repère de performance, logos clients, réponses des questions fréquentes qui parlent de stockage et de traitement des données, et montants tarifaires. C'est le fait de les nommer un par un qui rend le résultat vérifiable.
Comment l'adapter à votre produit ?
Le sens d'abord, l'habillage en dernier, et tranchez tôt le sort du tableau de bord parce qu'il commande tout le reste.
- Renommez le produit et réécrivez la promesse. Une modification couvre le nom dans les deux moitiés, le titre de l'onglet et le pied de page.
- Remplacez les trois fonctions par ce que votre produit fait réellement, en gardant le schéma d'une affirmation accompagnée d'un petit visuel.
- Réécrivez les trois étapes pour que les extraits de code correspondent à votre vraie intégration, ou supprimez les extraits s'il n'y a pas de code dans votre parcours.
- Corrigez les tarifs et les questions fréquentes, ou coupez les deux jusqu'à ce que vous ayez des réponses honnêtes.
- Décidez du tableau de bord : le garder en démonstration clairement étiquetée, le supprimer, ou vous engager à brancher de vraies données derrière.
- Publiez et vérifiez sur téléphone. Le projet reçoit une adresse du type
votrenom.zugo.run, avec un domaine personnel par-dessus sur les plans payants.
Écrivez chaque demande de façon à pouvoir la déclarer faite. « Rends l'accroche plus percutante » et « remplace le titre d'accroche par cette phrase exacte et ramène le sous-titre à une ligne » coûtent les mêmes 3 crédits, et une seule des deux a une bonne réponse.
Combien coûte cette adaptation ?
La copie est gratuite, donc le compteur démarre à votre première modification. Une page de vente réécrite avec des textes honnêtes tient généralement en quatre ou cinq modifications, et un tableau de bord reconstruit autour de vraies données est une conversation plus longue.
| Action | Coût |
|---|---|
| Copier le modèle dans un nouveau projet | Gratuit, aucun appel au modèle |
| Une modification dans la conversation | 3 crédits |
| Une construction à partir d'une description | 6 crédits |
| Une plateforme multipage | 12 crédits pour les trois premières pages, puis 3 par page |
| Mode Hi-Fi | Le double : 6 par modification, 12 par construction |
Free donne 5 crédits, Pro coûte $25 par mois pour 200 crédits et Business $99 par mois pour 800 crédits. Deux cents crédits représentent environ 16 plateformes multipages, 33 constructions ou 66 modifications, donc la réécriture marketing revient peu cher et le vrai coût se loge dans ce que vous déciderez de bâtir derrière le tableau de bord.
Chaque version est ouverte dans un bac à sable avant livraison, et une version qui ne s'affiche pas ne vous est pas remise. Un changement simple revient en une minute environ, une reconstruction multipage plus large en quelques minutes.
Que Pulseboard ne sait pas faire ?
Il ne collecte rien. Ni capture automatique, ni événements, ni sessions. L'extrait de code affiché sur la page est une illustration, et le coller quelque part ne produit aucun effet.
Un vrai produit d'analytique n'est pas à une phrase de distance. Ingérer des événements en volume, les stocker et les interroger vite relève d'un authentique travail de serveur. Zugo peut construire l'interface et, avec Supabase, une couche de données modeste derrière. Il ne construira pas une chaîne d'ingestion à l'échelle parce qu'on le lui a demandé poliment.
Zugo ne remplace pas une équipe de développement sur un produit complexe. Une page de vente, une démonstration destinée à valider une idée et un petit tableau de bord interne tiennent confortablement dans le périmètre. Au-delà, il vous faudra des ingénieurs, et l'export GitHub existe pour que le projet parte avec vous.
Le premier geste sensé ne coûte rien. Ouvrez la galerie sur zugo.dev, copiez Pulseboard, retirez les affirmations que vous ne pouvez pas prouver, et regardez si ce qui reste est une page que vous enverriez vraiment à un client.