Aller au contenu

Réalisations / Beacon

Beacon.

Mon outil de prospection, dessiné et codé pour mon activité. Il trouve les entreprises dans l'annuaire public, prépare les mails et les actions LinkedIn, et me donne chaque matin la liste de ce qu'il reste à faire.

Type
Projet interne
Rôle
Nom, identité, interface, code
Année
2026

L'application.

Captures réelles de Beacon. Les prospects sont anonymisés.

Beacon sur un MacBook Pro : l'éditeur de séquence d'une campagne, avec un mail, une condition et deux branches

Une séquence se lit comme un plan.

Un mail, une condition, puis deux chemins selon la fiche du prospect : s'il a un profil LinkedIn, la suite passe par là, sinon par un SMS. Les étapes se glissent à la souris et l'arbre se zoome au pavé tactile. Il existe 22 types d'étapes.

L'éditeur de séquence en thème clair, sur un MacBook Pro vu de côté

Chaque matin, une liste.

Les mails, les visites de profil et les appels du jour arrivent avec leur texte déjà rempli. S'il manque une adresse, le bouton reste grisé. Sur LinkedIn, rien ne part seul : je clique, Beacon coche la tâche.

Les tâches du jour en thème clair, sur un MacBook Pro vu de trois quarts

Une base tirée des registres publics.

Les entreprises viennent de l'annuaire public des entreprises, avec leur activité et leurs dirigeants. Les listes servent de départ aux campagnes. Une liste noire écarte, sur tous les écrans, ceux que je ne veux pas contacter.

La liste des contacts en thème sombre, sur un MacBook Pro vu de dessus

L'identité.

Un mot en minuscules et un seul vert. Les gris font le reste.

Logo
Sur fond sombre
Construction

Le b est posé sur les lignes de la police Sora, sans retouche.

Couleurs
Vert#22C55E
Vert foncé#16A34A
Encre#101418
Violet#9333EA
Ambre#B45309
Rouge#DC2626

21 couleurs en deux thèmes. Le vert porte l'action principale, les autres signalent un état : logique, à compléter, manquant.

TypographieAa
  • Titre d'écran20 px · 650
  • Texte courant13,5 px · 400
  • Bouton13 px · 550
  • Pastille11,5 px · 550

Inter pour l'interface. Sora ne sert qu'au logo.

Composants
Lancer la campagneMettre en pause
ActiveEn pauseTerminéeMail manquant

Un statut porte toujours un mot, jamais une couleur seule.

Beacon dans Claude.

Un connecteur MCP relie Beacon à Claude. Je demande ce qui m'attend, Claude lit la base.

Ma journée de prospectionBeacon connecté
Qu'est-ce que j'ai à faire aujourd'hui dans Beacon ?
Tâches du jour · Beacon
Requête · taches_du_jour
{}

Réponse
{ "faites_aujourdhui": 3, "a_faire": 8, "taches": [
  { "type": "mail", "campagne": "Restaurants Colmar", "prenom": "Claire", "entreprise": "Bistrot du Centre", "objet_rendu": "Une idée pour le site de Bistrot du Centre" },
  { "type": "linkedin_visite", "prenom": "Paul", "entreprise": "Winstub de la Place" },
  { "type": "sms", "prenom": "Sophie", "entreprise": "Brasserie de la Gare", "manquantes": [] }, … ] }

Huit tâches t'attendent aujourd'hui. Dans Restaurants Colmar :

  1. le mail à Claire M., du Bistrot du Centre, est prêt ;
  2. la visite du profil LinkedIn de Paul W., à la Winstub de la Place ;
  3. le SMS à Sophie K. est rédigé, sa fiche n'a pas d'adresse mail.

Je n'envoie rien moi-même. Tu veux relire le mail de Claire ?

Claire m'a répondu hier, arrête sa séquence.
Marquer une réponse · Beacon
Requête · marquer_repondu
{ "campagne_id": 1, "contact_id": 9 }

Réponse
{ "ok": true }

C'est noté. Claire sort de la séquence, la relance prévue lundi ne partira pas.

Maquette de l'interface de Claude. Les appels et les réponses suivent ceux du vrai connecteur : ouvrez une ligne Beacon pour les lire.

9 outils qui lisent

  • État de la base
  • Tâches du jour
  • Chercher des contacts
  • Fiche contact
  • Chercher des entreprises
  • Registres publics
  • Listes
  • Campagnes
  • Détail d'une campagne

4 outils qui écrivent

  • Ajouter un contact
  • Créer une liste
  • Ajouter à une liste
  • Marquer une réponse

Aucun outil n'envoie de message, ne supprime une fiche ou ne lance une campagne. Claude prépare, j'envoie.

Voir les intégrations MCP

Le projet.

Commanditaire
Moi. Beacon sert à prospecter pour mes propres offres.
Livrables
Nom, logo et logo animé, 21 couleurs en deux thèmes, 7 styles de texte, composants, application web, extension Chrome, connecteur MCP de 13 outils.
Technique
React, Node.js, SQLite, Model Context Protocol.
Limite
LinkedIn reste manuel. L'extension prépare la note et le message, je clique sur Envoyer.