# Phase 1 — Reconnaissance et Analyse du Site Swydo (https://www.swydo.com/)

**Projet :** versio.bgenius.io  
**Date :** 25 octobre 2026  
**Outil d'investigation :** REA (Reverse Engineer Anything) — Provider Browser Scenario & CDP Capture  
**Document :** `01-analyse-pages.md`  

---

## 1. Outils REA Disponibles pour l'Inspection Web

L'inventaire du serveur MCP REA met à disposition les outils suivants pour l'inspection et la rétro-ingénierie web :

| Outil REA | Type | Modalité d'utilisation |
| :--- | :--- | :--- |
| **`inspect_web_page`** | Passif (CDP) | Se connecte à une cible loopback Chrome/Edge existante via le Chrome DevTools Protocol (`cdp_endpoint` + `target_id`). N'exécute pas de navigation autonome. |
| **`capture_browser_scenario`** | Actif / Contrôlé | Lance une instance dédiée de navigateur (`mode: "launch"`) ou se connecte à un endpoint CDP existant. Exécute des actions déclarées (navigation, délais d'attente, clics) et capture le DOM, l'arbre d'accessibilité, l'URL finale, les requêtes réseau et les captures d'écran. |
| **`list_browser_targets`** | Découverte | Énumère les pages et onglets ouverts sur un endpoint CDP donné. |
| **`observe_web_session`** | Passif | Observe les flux de sessions et requêtes réseau sur une fenêtre temporelle. |
| **`inspect_web_event_listeners`** | Ciblé | Récupère les écouteurs d'événements attachés aux sélecteurs DOM. |
| **`inspect_web_network_capture`** | Analyse hors-ligne | Analyse des fichiers de capture réseau (HAR, SAZ Fiddler). |

> **Précision méthodologique appliquée :**  
> Conformément au guide REA `runtime-observation.md`, l'outil `capture_browser_scenario` avec le binaire Chromium/Chrome local (`C:\Program Files\Google\Chrome\Application\chrome.exe`) a été utilisé pour piloter les scénarios de capture de chaque page, garantissant une observation exacte du DOM rendu et de l'arbre d'accessibilité natif sans altérer l'intégrité de la cible.

---

## 2. Cartographie Globale des URLs Découvertes

L'inspection de la page racine a permis d'extraire **127 liens** répartis en 4 catégories :

### A. Pages Principales & Fonctionnalités (Site Vitrine `www.swydo.com`)
- Accueil : `https://www.swydo.com/`
- Fonctionnalités Reporting : `https://www.swydo.com/features/reporting/`
- Fonctionnalités Monitoring : `https://www.swydo.com/features/monitoring/`
- Reporting IA : `https://www.swydo.com/features/ai-reporting/`
- Suivi d'objectifs (Goals) : `https://www.swydo.com/features/goals/`
- Marque blanche (White Label) : `https://www.swydo.com/features/white-label-reporting/`
- Visualisations de données : `https://www.swydo.com/features/data-visualizations/`
- Vue d'ensemble des fonctionnalités : `https://www.swydo.com/features/overview/` et `/feature-overview-swydo/`
- Catalogue d'intégrations : `https://www.swydo.com/integrations/`
- Modèles de rapports : `https://www.swydo.com/report-templates/`
- Tarifs : `https://www.swydo.com/pricing/`
- Cas clients / Témoignages : `https://www.swydo.com/customers/`
- Comparatif concurrents : `https://www.swydo.com/compare/`
- Service de migration : `https://www.swydo.com/migration-service/`
- Solutions spécialisées : `/ppc-reporting-tool/`, `/seo-reporting-tool/`, `/social-media-reporting/`, `/email-marketing-reporting-tool/`, `/sem-reporting-tool/`, `/reporting-for-agencies/`, `/reporting-for-brands/`, `/swydo-enterprise/`

### B. Application SaaS Authentifiée (`app.swydo.com`)
- Connexion : `https://app.swydo.com/` (redirection `https://app.swydo.com/login`)
- Inscription (Essai gratuit 14 jours) : `https://app.swydo.com/signup`
- Récupération de mot de passe : `https://app.swydo.com/forgot-password`

### C. Sous-domaines & Documentation
- Centre d'aide : `https://help.swydo.com/` et `https://help.swydo.com/en/`
- Journal des modifications (Changelog) : `https://changelog.swydo.com/`
- CDN d'assets statiques : `https://assets.swydo.com/`

### D. Services Externes & Liens Tiers
- Réservation de démonstrations (Calendly) : `https://calendly.com/swydo-customer-success-team/swydo-demo`
- Avis vérifiés : G2 (`g2.com/products/swydo/reviews`), Capterra (`capterra.com/p/159323/Swydo/reviews/`)
- Réseaux sociaux : LinkedIn, Twitter/X, YouTube, Facebook, Instagram

---

## 3. Fiches Détaillées par Page Clé

---

### Page 1 : Page d'Accueil (Home)

- **URL :** `https://www.swydo.com/`
- **Objectif :** Capter les agences de marketing digital et équipes marketing, présenter la plateforme tout-en-un (reporting + monitoring + intégrations multi-canaux), fournir des preuves sociales (avis, témoignages) et convertir vers l'essai gratuit de 14 jours ou une démonstration.

#### Sections Observées :
1. **Bannière Supérieure d'Annonce :** Message d'information/mise à jour produit avec bouton de fermeture.
2. **En-tête & Navigation Principale :** Logo SVG Swydo, menu déroulant multi-niveaux (Mega-menu QuadMenu), bouton d'accès direct à la connexion et bouton d'action principal (CTA).
3. **Hero Section :** 
   - Titre H1 : *"The #1 Automated Reporting & Monitoring Tool for Online Agencies"*
   - Sous-titre axé sur l'automatisation des rapports clients, tableaux de bord et suivi des KPI (Google Ads, SEO, réseaux sociaux).
   - CTA primaire : *"Try for free"* (redirige vers `https://app.swydo.com/signup`).
   - Mention de réassurance : *"Free for 14 days • No credit card required • Cancel anytime"*.
   - Badges de notation G2 (4.6/5) et Capterra (4.6/5).
4. **Section Présentation en 4 Étapes ("How it works") :**
   - 1. *Select* (modèles prédéfinis ou création libre)
   - 2. *Connect* (connexion des sources de données)
   - 3. *Customize* (personnalisation aux besoins clients)
   - 4. *Share* (planification et partage de tableaux de bord ou rapports PDF)
5. **Section Produits & Piliers :**
   - Reporting (rapports personnalisés et automatisés)
   - Monitoring (suivi des KPI client et alertes proactives)
   - Integrations (38+ connecteurs)
6. **Galerie d'Exemples de Rapports :** Onglets interactifs pour prévisualiser des exemples réels (Google Ads, Google Analytics, Facebook Ads).
7. **Simulateur de Tarification Intégré :** Présentation du forfait unique sans frais par client, avec curseur interactif de sources de données.
8. **Témoignages & Études de Cas :** Citations d'agences (Falcon Digital Marketing, Zelst Limited, User Friendly Media).
9. **Footer Structuré :** Colonnes thématiques (Products, Features, Integrations, Resources, Company, Legal).

#### Composants Observés :
- Navigation sticky responsive avec support burger mobile (`#hamburger`).
- Mega-menu structuré avec résumés textuels et liens directs.
- Slider interactif (`input[type="range"][name="priceRange"]`) associé à un champ numérique.
- Sélecteur binaire de facturation (boutons *"Monthly"* / *"Annually"*).
- Formulaire d'abonnement / contact (`input[name="MERGE0"]` pour l'email professionnel).
- Carousel / témoignages de clients.

#### Interactions Observables :
- Survol / clic sur les éléments du menu ouvrant les sous-menus QuadMenu.
- Déplacement du curseur de sources de données recalculant le montant estimé en temps réel.
- Bascule mensuel/annuel mettant à jour les prix affichés.
- Clics sur *"Preview report"* ouvrant les fiches de templates.
- Bannière de consentement Cookiebot pour la gestion des cookies.

#### Liens Sortants :
- Vers pages internes : `/features/reporting/`, `/features/monitoring/`, `/integrations/`, `/pricing/`, `/customers/`, etc.
- Vers application : `https://app.swydo.com/signup`, `https://app.swydo.com/` (login).
- Vers démo : Calendly Customer Success.

#### Éléments Restant à Examiner :
- Événements analytiques déclenchés sur les boutons CTA (GTM-KMC6CT, Ahrefs Analytics).
- Logique exacte de calcul JS du slider de prix intégré.

---

### Page 2 : Tarifs (Pricing)

- **URL :** `https://www.swydo.com/pricing/`
- **Objectif :** Présenter en détail le modèle de tarification prévisible et scalable de Swydo, calculer le coût selon le volume de sources de données et lever les objections via une FAQ et la mise en avant du support humain.

#### Sections Observées :
1. **Hero Tarifs :** Titre H2 *"One Plan. All Features Included."* — Arguments clés : aucun frais par client, clients illimités, utilisateurs illimités, rapports et dashboards illimités.
2. **Sélecteur de Période :** Toggle *"Monthly"* vs *"Annually"* (mention *"Save 10%"*).
3. **Calculateur de Prix Dynamique :**
   - Forfait de base : **62 € / mois** (facturation annuelle) ou **69 € / mois** (facturation mensuelle) incluant **10 sources de données**.
   - Paliers dégressifs au-delà des 10 sources :
     - De 11 à 100 sources : **4,50 €** par source supplémentaire.
     - De 101 à 500 sources : **3,00 €** par source supplémentaire.
     - 501 sources et plus : **2,00 €** par source supplémentaire.
     - Au-delà de 1000 sources : Devis personnalisé via `support@swydo.com`.
   - Simulateur de coût moyen par client (basé par défaut sur 3 sources par client = ~12,15 € / client / mois).
4. **Liste des Fonctionnalités Incluses :** Rappel que toutes les fonctionnalités sont débloquées dès le forfait de base (AI report builder, templates dynamiques, marque blanche, alertes Slack/email, etc.).
5. **Section Support Client Humain :** Tableau détaillant Email Support, In-App Chat Support, et spécialiste Customer Success dédié pour l'onboarding.
6. **Foire Aux Questions (FAQ) :** Réponses sur la définition d'une source de données, le fonctionnement de l'essai gratuit, les modes de facturation.
7. **Bannière CTA Finale :** *"Create your free marketing report in minutes"*.

#### Composants Observés :
- Boutons radio stylisés pour la périodicité (Monthly / Annually).
- Curseur de portée (`slider`) et champ numérique synchronisé (`spinbutton`).
- Affichage dynamique du prix total et du prix par client.
- Tableau d'avantages du support client.
- Accordéons repliables pour la FAQ.

#### Interactions Observables :
- Modification de la valeur du curseur / spinbutton recalculant immédiatement le coût global.
- Clic sur "Annually" appliquant la réduction de 10%.
- Clic sur les questions de la FAQ dévoilant les réponses.
- Bouton CTA *"Try Swydo for Free"* orientant vers `https://app.swydo.com/signup`.

#### Liens Sortants :
- Vers l'application : `https://app.swydo.com/signup`.
- Vers contact : `mailto:support@swydo.com` avec objet pré-rempli pour devis grand volume.
- Vers Calendly pour réserver une session de présentation.

#### Éléments Restant à Examiner :
- Modalités de facturation en devises alternatives (USD / GBP observés dans certaines documentations) selon la géolocalisation de l'IP.

---

### Page 3 : Intégrations (Catalogue de Sources)

- **URL :** `https://www.swydo.com/integrations/`
- **Objectif :** Présenter les 38+ sources de données intégrables, rassurer sur la compatibilité avec la stack technique des agences, et démontrer la flexibilité (notamment via Google Sheets).

#### Sections Observées :
1. **Hero Header :** Titre H1 *"Connect with your favorite data sources"*, sous-titre mettant l'accent sur la centralisation multi-canale.
2. **Barre de Recherche en Direct :** Champ permettant de filtrer les intégrations en temps réel.
3. **Filtres Thématiques :** Liens/onglets de filtrage par catégories (Publicité, Web analytics, Réseaux sociaux, Outils de suivi d'appels, CRM).
4. **Grille des Intégrations Populaires :**
   - Publicités : Google Ads, Meta (Facebook Ads), LinkedIn Ads, TikTok Ads, Microsoft Ads, Instagram Ads, Twitter/X Ads, Pinterest Ads, Snapchat Ads.
   - Analytics & Référencement : Google Analytics 4 (GA4), Google Search Console, Google Business Profile.
   - Social Media & Vidéo : Facebook Insights, Instagram Insights, YouTube, LinkedIn Pages.
   - Email & CRM : MailChimp, HubSpot, ActiveCampaign.
   - Suivi d'appels : CallRail.
   - Source Universelle : Google Sheets (pour importer des données tierces quelconques).
5. **Section Focus Google Sheets :** Mise en avant de l'import de données sur mesure via tableur.
6. **Formulaire CTA / Newsletter :** Inscription email pour guides et démonstrations.

#### Composants Observés :
- Champ de recherche : `<input type="text" name="Search" placeholder="Search e.g. Google Analytics">`.
- Cartes d'intégration comprenant logo, titre, courte description et lien vers la fiche dédiée.
- Filtres de sélection par catégorie.

#### Interactions Observables :
- Filtrage interactif de la liste lors de la saisie dans le champ de recherche.
- Clics vers les pages individuelles de chaque connecteur détaillant les métriques et dimensions supportées.

#### Liens Sortants :
- Fiches unitaires d'intégration (ex : `/integrations/google-ads-reporting/`, `/integrations/google-analytics-4-reporting-tool/`, etc.).
- Vers l'inscription : `https://app.swydo.com/signup`.

#### Éléments Restant à Examiner :
- Liste exhaustive des dimensions et métriques exactes par API partenaire.
- Gestion des quotas d'API et rafraîchissement des tokens OAuth.

---

### Page 4 : Fonctionnalités — Reporting & Monitoring

- **URLs :** 
  - Reporting : `https://www.swydo.com/features/reporting/`
  - Monitoring : `https://www.swydo.com/features/monitoring/`
- **Objectif :** Expliquer la double promesse du logiciel : générer des rapports périodiques professionnels et surveiller en temps réel la santé des campagnes.

#### Sections Observées (Reporting) :
1. **Hero :** Titre *"All Your Marketing Data. One Clear Report."*.
2. **Éditeur de Rapports (Glisser-Déposer) :** Présentation des widgets personnalisables, métriques combinées (ex: coût total cross-platform), et modèles pré-construits.
3. **Fonctionnalités Clés :**
   - *Goal Tracking* : Suivi de l'atteinte d'objectifs (ROI, CPA, conversions).
   - *White Label* : Rapports sous l'identité de l'agence (logo, couleurs, domaine d'envoi personnalisé).
   - *Scheduling & Sharing* : Envoi automatisé (quotidien, hebdomadaire, mensuel) sous forme de PDF ou lien interactif en ligne.
   - *AI-Powered Reporting* : Génération de résumés d'analyse et recommandations automatiques par IA.

#### Sections Observées (Monitoring) :
1. **Hero :** Titre *"Know Which Clients Need Attention Today"*.
2. **Tableau de Bord Centralisé (KPI Boards) :** Vue d'ensemble de tous les comptes clients sur un écran unique pour détecter immédiatement les sous-performances ou budgets dépassés.
3. **Alertes Automatiques :** Notifications par email ou Slack dès qu'un seuil critique est franchi (ex: baisse drastique de conversion, épuisement de budget).
4. **Vérification de Santé des Connexions (Data Sources Health Check) :** Détection préventive des tokens expirés ou déconnexions d'API avant la génération d'un rapport.

#### Composants & Interactions :
- Schémas explicatifs et captures d'écran d'interface produit.
- Listes à puces avec icônes de validation.
- CTA récurrents vers l'essai 14 jours.

---

### Page 5 : Inscription (Signup) — Application Web

- **URL :** `https://app.swydo.com/signup`
- **Objectif :** Création d'un nouveau compte client pour démarrer l'essai gratuit de 14 jours.
- **Nature technique :** Single Page Application (SPA) React basée sur Material-UI (MUI), Emotion CSS et Inter font, avec chargement dynamique côté client.

#### Sections Observées :
1. **Volet Principal (Formulaire d'Enregistrement) :**
   - Titre H4 : *"Create a free Swydo account"*
   - Sous-titre H6 : *"No credit card required - 14 days free trial"*
   - Option SSO directe : Bouton *"Sign up with Google"*
   - Séparateur textuel : *"or"*
   - Champ texte : *"Full name \*"*
   - Champ texte : *"Email \*"*
   - Champ mot de passe : *"Password \*"*
   - Bouton de validation : *"Sign up"*
   - Mention légale : *"By clicking sign-up you accept Swydo's Terms of use"* (avec lien vers les CGU)
   - Lien pour compte existant : *"Already have an account? Log in"* (`/login`)
   - Pied de formulaire : Liens vers *Terms of use* et *Privacy policy*.
2. **Volet Latéral d'Accompagnement (Slider/Carousel Marketing) :**
   - Titre H4 : *"One platform for all your digital marketing reports!"*
   - Sous-titre : *"Connect, visualize, and share professional client reports effortlessly."*
   - Illustration vectorielle (`miguel_laptop_charts_1.svg`) et indicateur d'étapes (MuiMobileStepper dots).

#### Composants Observés :
- `textbox` "Full name *"
- `textbox` "Email *"
- `textbox` "Password *"
- `button` "Sign up with Google"
- `button` "Sign up"
- Carrousel d'illustrations avec stepper animé.

#### Interactions Observables :
- Validation des formats (email valide, robustesse du mot de passe).
- Redirection OAuth 2.0 vers Google Accounts pour le SSO.
- Navigation fluide vers `/login` sans rechargement complet de page (routage React).

#### Données Privées & Authentification :
> [!IMPORTANT]
> Aucune création de compte fictif ni contournement d'authentification n'a été tenté. Les observations proviennent strictement du DOM et de l'arbre d'accessibilité rendus publiquement lors de l'accès au formulaire.

---

### Page 6 : Connexion (Login) — Application Web

- **URL :** `https://app.swydo.com/login` (accessible depuis la racine `https://app.swydo.com/`)
- **Objectif :** Authentification sécurisée des utilisateurs enregistrés pour accéder à l'espace de gestion et aux tableaux de bord.
- **Nature technique :** SPA React (Material-UI).

#### Sections Observées :
1. **Formulaire d'Authentification :**
   - Logo cliquable Swydo (renvoie vers `/login`).
   - Titre H4 : *"Welcome"*
   - Sous-titre H6 : *"Sign in to your Swydo account"*
   - Bouton SSO : *"Sign in with Google"*
   - Séparateur : *"or"*
   - Champ identifiant : *"Email \*"*
   - Champ mot de passe : *"Password \*"*
   - Lien de récupération : *"Forgot your password?"* (`/forgot-password`)
   - Bouton de validation : *"Sign in"*
   - Redirection nouvel utilisateur : *"New to Swydo? Free sign up"* (`/signup`)
   - Liens légaux : *Terms of use* et *Privacy policy*.
2. **Volet Visuel :**
   - Présentation de la valeur de la plateforme avec stepper et graphismes de reporting.

#### Composants Observés :
- `textbox` "Email *"
- `textbox` "Password *"
- `button` "Sign in with Google"
- `button` "Sign in"
- `link` "Forgot your password?"

#### Interactions Observables :
- Contrôle de saisie sur l'email et le mot de passe.
- Bascule vers la procédure de réinitialisation de mot de passe (`/forgot-password`).
- Redirection Google OAuth.

#### Données Privées & Sécurité :
- Le formulaire utilise le protocole HTTPS sécurisé.
- Les données internes de l'application (rapports des utilisateurs, clés d'API, configurations de clients) ne sont pas accessibles sans compte authentifié et n'ont fait l'objet d'aucune tentative d'intrusion.

---

## 4. Synthèse : Éléments Observés vs Suppositions

Pour garantir la rigueur de l'analyse, le tableau suivant sépare strictement les faits directement observés via les outils REA de ce qui relève de l'inférence technique :

| Catégorie | Éléments Effectivement Observés (Facts) | Suppositions / Inférences (Non vérifiées en boîte noire) |
| :--- | :--- | :--- |
| **Architecture Site Vitrine** | Site propulsé par WordPress avec cache LiteSpeed (`litespeed_docref`, UCSS), RankMath SEO, Cookiebot, QuadMenu, Thème personnalisé "nijm". | Utilisation possible d'un CDN Cloudflare en amont pour la distribution DNS et le proxy de sécurité. |
| **Architecture Application Web** | SPA React utilisant le design system Material-UI (MUI v5), la bibliothèque Emotion (`@emotion/css`), la police Inter, et hébergée sur `app.swydo.com`. | Présence probable d'une API REST ou GraphQL en backend (Node.js/Go/Python/Ruby) pour alimenter l'application après le login. |
| **Tarification & Modèle Économique** | Tarification par **source de données** : base de 10 sources à 62 €/mois (annuel) ou 69 €/mois (mensuel). Paliers dégressifs (4,50 € / 3,00 € / 2,00 €). Clients et utilisateurs illimités. Essai de 14 jours sans CB. | Les frais de dépassement ou ajouts de sources en cours de cycle de facturation sont probablement calculés au prorata temporis via Stripe. |
| **Catalogue d'Intégrations** | 38+ intégrations répertoriées publiquement sur le site vitrine (Google Ads, Meta, LinkedIn, GA4, Sheets, etc.). | Le fonctionnement exact des connecteurs repose sur des webhooks ou des cron jobs périodiques appelant les APIs tierces avec jetons OAuth2 rafraîchis. |
| **Génération de Rapports** | Mention de rapports en format PDF téléchargeables ou tableaux de bord interactifs partageables par URL publique/privée avec planification automatique. | La génération de PDF est vraisemblablement opérée par un moteur headless Chromium (Puppeteer/Playwright) côté serveur. |
| **Fonctionnalité IA** | Mention sur le site de "AI-powered report builder & insights". | Les résumés de performances sont très probablement générés via des appels à des LLMs (type OpenAI GPT ou Google Gemini) avec injection des métriques en prompt. |
| **Authentification** | Formulaire email/password classique + bouton SSO Google OAuth 2.0 sur `app.swydo.com`. | Gestion des sessions probablement effectuée via JWT ou cookies sécurisés SameSite/HttpOnly post-authentification. |

---

## 5. Prochaines Étapes Recommandées (Phase 2)

1. **Cartographie Détaillée des Entités Métier :** Formaliser le modèle conceptuel de données inspiré de Swydo (Comptes Agence, Clients, Projets/Campagnes, Sources de données, Métriques, Modèles de rapports, Widgets, Tâches planifiées/Cron).
2. **Spécification des Intégrations Prioritaires :** Sélectionner le premier lot de connecteurs essentiels pour le projet `versio.bgenius.io` (ex: Google Ads, Meta Ads, GA4, Google Sheets).
3. **Architecture Technique Cible :** Définir la stack optimale (backend PHP/MySQL existant sur `bgenius.io` ou architecture moderne SPA + API) pour implémenter ces capacités sur `versio.bgenius.io`.
