Pour : Mouad · De : Lignan Consulting · Projet : site de soutien des Khos (HubSpot).
Ce brief t'explique pourquoi on fait ce site, pour qui, où tu interviens, et comment
faire chacune de tes 3 missions — avec des schémas, pas juste du texte.
L'Heure des Khos est une émission d'humour indépendante. Pour continuer à produire 2 contenus par
mois, elle a besoin du soutien financier de son public. Le site sert à deux choses : récolter
des dons et montrer les replays. Plus il y a de soutien, plus l'émission vit — c'est un cercle.
flowchart LR Public["👥 Le public / les fans"] -->|regardent les replays| Site["🌐 Site L'Heure des Khos"] Site -->|incite à donner| Dons["💶 Dons"] Dons -->|financent| Emission["🎬 2 contenus par mois"] Emission -->|nouveaux replays| Site
Aperçu de la cible (la maquette de référence) :
Tu n'es pas seul et tu ne fais pas tout : chacun a son rôle. Ton périmètre est encadré en gras.
flowchart TB
subgraph Mise_en_place["Mise en place du site"]
Lignan["🛠️ Lignan<br/>monte le squelette du site (pages, mise en page)<br/>+ gère le compte HubSpot (à date)"]
end
subgraph Argent["Côté dons"]
Reha["💳 Reha<br/>configure Stripe<br/>+ fournit les liens"]
end
subgraph Toi["TES 3 MISSIONS"]
Mouad["⭐ MOUAD<br/>1. pose les boutons de don<br/>2. saisit les replays<br/>3. recette le site"]
end
Khos["🎤 Les Khos<br/>titres exacts + validation"]
Lignan --> Site["🌐 Site"]
Reha -->|liens Stripe| Mouad
Mouad --> Site
Khos --> Mouad
À retenir : le squelette du site (les pages, la mise en page) est monté par Lignan.
Toi, tu prends 3 choses précises : les boutons de don, les replays, la recette. Pas le reste.
Règle d'or du projet : on ne réinvente rien. La maquette montre l'aspect voulu ; dans HubSpot on
le reproduit avec les blocs existants du thème. Si quelque chose ne colle pas → tu signales, tu ne
bricoles pas une solution sur-mesure.
Pourquoi : c'est le cœur du site. Le don est libre et sans contrepartie (pas de cadeau promis,
le site reste gratuit pour tous).
Comment ça s'enchaîne :
sequenceDiagram
participant R as 💳 Reha
participant M as ⭐ Toi (Mouad)
participant H as 🌐 Site (HubSpot)
participant D as 👤 Donateur
R->>M: fournit les liens de paiement Stripe
M->>H: remplace le bouton "démo" par le vrai lien Stripe
D->>H: clique « Je fais un don »
H->>D: ouvre la page de paiement Stripe
D->>D: paie en sécurité
Étapes :
1. Attendre que Reha te donne les liens Stripe (un par formule : don mensuel / ponctuel, montants
5 € / 10 € / 20 € / autre). Sans ces liens, la mission est en attente.
2. Dans HubSpot, sur la page de don : remplacer le bouton de démonstration par le vrai lien
Stripe (bloc bouton → coller l'URL).
3. Pareil pour le bouton d'accueil « Je fais un don, Khoya ».
À savoir (à ne pas cacher) : le Stripe est celui d'Histoires Crépues → les donateurs verront
sûrement « Histoires Crépues » au paiement / sur leur relevé. C'est assumé dans la charte des dons.
✅ C'est fini quand : un clic sur chaque bouton ouvre la page de paiement Stripe, et un test de
paiement (même 1 €) aboutit.
Pourquoi : c'est la vitrine de l'émission. Sur le site, 1 replay = 1 article de blog (une
carte avec vignette + vidéo). C'est volontairement simple, pour que les Khos puissent en ajouter
seuls plus tard (≈ 2 min par épisode).
Comment faire, pour chaque vidéo :
flowchart LR
YT["▶️ Vidéo YouTube"] --> Copier["1. Copier le lien<br/>+ le titre exact"]
Copier --> Article["2. Créer un article<br/>de blog HubSpot"]
Article --> Type{"3. Quel type ?"}
Type -->|"50 min – 1h10"| Emi["Onglet<br/>Émissions complètes"]
Type -->|"7 – 14 min"| Chr["Onglet<br/>Chroniques"]
Emi --> Carte["✅ Carte visible<br/>sur le site"]
Chr --> Carte
Le stock à saisir : 17 contenus = 9 émissions complètes + 8 chroniques (liste fournie par
Lignan).
⚠️ 8 titres de chroniques à confirmer : YouTube les a affichés traduits en anglais. N'invente
pas un titre — attends les vrais titres français donnés par les Khos.✅ C'est fini quand : les 17 replays sont dans les bons onglets, chaque vidéo se lance, et
l'ordre va du plus récent au plus ancien.
Pourquoi : avant de montrer le site aux Khos, on vérifie que tout marche pour de vrai.
flowchart TB Start["Ouvrir le site"] --> Devices["Sur ORDINATEUR<br/>ET sur TÉLÉPHONE"] Devices --> Check["Vérifier section par section<br/>vs la maquette"] Check --> Tests["Tester :<br/>• boutons de don<br/>• vidéos des replays<br/>• menu + liens Instagram<br/>• email de contact"] Tests --> Liste["Cocher une liste :<br/>ce qui marche / ce qui cloche"] Liste --> Envoi["Renvoyer la liste à Lignan"]
⚠️ Important : les vidéos YouTube ne s'affichent correctement qu'en vrai navigateur. Si tu
vois un bloc noir dans un aperçu automatique, ce n'est pas un bug du site.✅ C'est fini quand : ta liste de vérification est cochée et envoyée à Lignan.
flowchart LR M["⭐ TOI : boutons, replays, recette"] L["🛠️ Lignan : squelette du site + compte HubSpot (à date) + pages légales"] R["💳 Reha : config Stripe + liens"] K["🎤 Les Khos : titres FR + validations"]
📸 À venir : captures annotées « tu cliques ici » prises sur le site réel déployé (pas des
écrans inventés) — ajoutées dès que le site est en ligne et que le squelette HubSpot est monté.