# Contenu du Site Sablia

**Dernière mise à jour**: 29 octobre 2025
**Domaine**: https://sablia.io
**Type**: Site vitrine B2B - Services d'automatisation et IA pour PME

---

## Vue d'ensemble

Sablia propose des services d'automatisation business et d'intelligence artificielle pour les PME françaises, avec une approche centrée sur la formation et l'autonomisation des équipes.

### Proposition de valeur principale

- **IA au service de votre croissance** - Formation des équipes + installation des systèmes + maintien du contrôle
- **Approche modulaire** - De l'audit express (350€) à la transformation complète (25-60k€)
- **Formation-First** - Autonomisation des équipes sur n8n et Make.com
- **ROI mesurable** - 50 000-150 000€ d'économies annuelles pour une transformation complète

---

## Structure du Site

### Page d'Accueil (/)

**Objectif**: Convertir les visiteurs en leads qualifiés via diagnostic gratuit ou calcul ROI

**Sections** (ordre d'apparition):

#### 1. Hero Section

- **Titre**: "L'IA au service de votre croissance"
- **Sous-titre**: "On forme vos équipes. On installe les systèmes. Vous gardez le contrôle."
- **CTAs primaires**:
  - "Diagnostic Gratuit" → scroll vers #contact
  - "Calculer mon ROI" → scroll vers #calculator
- **Effets visuels**: Gradient animé (Navy → Electric → Cyan), magnetic buttons, particles background

#### 2. Testimonials Section

- **Titre**: "Des résultats mesurables"
- **Format**: Carrousel infini horizontal avec 5 témoignages clients
- **Témoignages clés**:
  - **Hélène (GirlsGang)**: Économie de 90% du temps sur génération de menus nutritionniste
  - **Directeur anonyme**: Veille concurrentielle → avantage compétitif décisif
  - **Yassine (Norloc)**: Agent vocal + CRM → amélioration taux de conversion
  - **Valentin (Stefano Design)**: Réactivation automatisée de milliers de contacts dormants
  - **Amir (BTP)**: Gestion des interventions → organisation transformée

#### 3. Intégrations & Outils Section

- **Surtitre**: "Les outils que nous maîtrisons"
- **Titre**: "Intégrations & Outils"
- **Sous-titre**: "Automatisez vos workflows avec les outils que vous utilisez déjà"
- **12 logos d'applications** avec HoverCards interactifs (au hover desktop uniquement):

  **Automatisation** (2):
  - **n8n**: Plateforme d'automatisation no-code open-source avec +400 intégrations natives → _Exemple: Synchronisation CRM → Sheets → Slack en temps réel_
  - **Make**: Automatisation visuelle pour connecter vos applications business sans coder → _Exemple: Workflows complexes multi-étapes pour gestion de leads_

  **Intelligence Artificielle** (4):
  - **OpenAI**: IA générative pour automatiser création de contenu et analyses avancées → _Exemple: Génération automatique de rapports et documentation_
  - **Anthropic**: Claude AI pour assistance intelligente et traitement de documents complexes → _Exemple: Extraction de données depuis factures et contrats_
  - **Gemini**: IA multimodale Google pour analyse de données et génération de contenu → _Exemple: Analyse prédictive et insights business automatisés_
  - **Perplexity**: Recherche augmentée par IA pour veille concurrentielle et benchmarking → _Exemple: Monitoring automatisé des tendances sectorielles_

  **Productivité** (3):
  - **Google Sheets**: Tableurs collaboratifs pour centraliser et automatiser vos données business → _Exemple: Dashboards KPI mis à jour en temps réel via API_
  - **Google Drive**: Stockage cloud pour centraliser documents et automatiser partage/archivage → _Exemple: Archivage automatique de devis et factures par projet_
  - **Notion**: Base de connaissances collaborative pour documenter workflows et procédures → _Exemple: Documentation automatique de processus et formations_

  **Communication** (1):
  - **Slack**: Hub de communication d'équipe avec notifications automatisées intelligentes → _Exemple: Alertes temps réel sur nouveaux leads et deadlines_

  **Développement** (2):
  - **GitHub**: Gestion de versions et CI/CD pour déploiement automatisé de solutions → _Exemple: Déploiement continu d'automatisations personnalisées_
  - **Vercel**: Plateforme de déploiement serverless pour applications et outils web → _Exemple: Hébergement de dashboards clients et interfaces sur-mesure_

- **Footer**: "Et bien d'autres intégrations possibles"

**UX Interaction**:
- Desktop: Hover sur logo → HoverCard avec badge catégorie + description + use case
- Mobile: Attribut `title` natif du navigateur (fallback)
- Styling: Design system v2 (navy/cyan), glassmorphism, fade-in 200ms

#### 4. Problem Section

- **Titre**: "Les défis de l'automatisation"
- **Sous-titre**: "Vous reconnaissez-vous dans l'une de ces situations ?"
- **3 problèmes identifiés**:
  1. **Temps perdu sur tâches répétitives** - Équipes bloquées sur tâches manuelles
  2. **Erreurs humaines coûteuses** - Saisie, doublons, oublis → impact professionnel et CA
  3. **Croissance limitée par manque d'outils** - Scalabilité contrainte par ressources humaines

#### 5. Solution Section

- **Titre**: "La méthode Sablia"
- **Sous-titre**: "Une approche qui place l'humain au centre de l'automatisation"
- **4 piliers horizontaux**:
  1. **Diagnostic Complet** - Audit + identification opportunités + accompagnement personnalisé
  2. **Solutions Spécifiques** - Développement sur-mesure pour besoins uniques
  3. **Sécurité & Conformité** - RGPD + solutions européennes (n8n, Make.com)
  4. **ROI Mesurable** - Temps gagné + économies quantifiées

#### 6. Process Section

- **Titre**: "Notre processus en 3 étapes"
- **Sous-titre**: "De l'audit initial à l'optimisation continue"
- **Timeline horizontale** (desktop) avec 3 étapes:

  **Étape 1 - Découvrir** (Modulaire):
  - Audit de vos processus actuels
  - Identification gains rapides
  - Roadmap d'automatisation
  - **Options**:
    - ⚡ Audit Express (1h30)
    - 🔍 Audit Complet (jusqu'à 2 semaines)

  **Étape 2 - Implémenter** (Modulaire):
  - Formation équipes et/ou développement workflows
  - **Options**:
    - 🎓 Formation (1-5 jours)
    - ⚙️ Développement (2-8 semaines)
    - 🔄 Hybride (combiné)

  **Étape 3 - Optimiser & Accompagner** (Continu):
  - Adaptations basées sur retours terrain
  - Modifications + formation nouveaux collaborateurs
  - Mises à jour + optimisation continue

#### 7. Pricing Section

- **Titre**: "Nos offres"
- **Sous-titre**: "Des solutions adaptées à chaque étape de votre transformation"
- **3 colonnes d'offres**:

**Colonne 1 - Audit & Consulting**:

1. **Appel Découverte** - GRATUIT (30 min)
   - Visio de qualification
   - Sans engagement
   - Premiers conseils

2. **Audit Express** - 350€ (1h30)
   - 30 min cadrage + 1h stratégie
   - Livrable 5-10 pages
   - Regard expert immédiat

3. **Audit Complet** - 2 000-5 000€ (1-2 semaines)
   - Analyse approfondie multi-départements
   - Roadmap détaillée avec priorités
   - Workshop avec stakeholders

**Colonne 2 - Formations**:

1. **Formation Demi-Journée** - 700€ (3h30)
   - IA générative, automatisation basics, découverte n8n
   - Intra-entreprise, jusqu'à 10 participants

2. **Formation 1 Jour** - 1 200€ (7h)
   - IA/automatisation standard, n8n débutant
   - Cas pratiques + support 1 mois post-formation

3. **Formation 2-3 Jours** - 2 200-3 300€ (14-21h)
   - n8n avancé + certification équipe complète
   - Formation intensive + documentation complète

**Colonne 3 - Solutions d'automatisation**:

1. **Workflow Simple** - 2 500-5 000€ (3-7 jours)
   - 1-2 processus automatisés
   - Conception + développement + documentation
   - 2 semaines support

2. **Système Standard** - 8 000-18 000€ (2-4 semaines)
   - 3-5 processus interconnectés
   - Architecture complète
   - Formation 1 jour + 1 mois support

3. **Transformation Complète** - 25 000-60 000€ (6-12 semaines)
   - 5+ processus multi-départements
   - Audit préalable inclus
   - Formation 2-3 jours + 3 mois support
   - **ROI année 1**: 50 000-150 000€

#### 8. Calculator ROI Section

- **Titre**: "Calculateur ROI"
- **Outil interactif** pour estimer économies potentielles
- **CTA**: "Calculer mon ROI" → page /roi

#### 9. Contact Form Section

- **Titre**: "Diagnostic Gratuit"
- **Formulaire de contact** avec intégration Calendly
- **Champs**: Nom, email, entreprise, message
- **CTA**: "Demander un diagnostic"

#### 10. FAQ Section

- **Titre**: "Questions fréquentes"
- **Sous-titre**: "Tout ce que vous devez savoir sur nos services d'automatisation"
- **8 questions en accordéon** (2 colonnes desktop):
  1. Quels outils d'automatisation utilisez-vous ? → n8n (auto-hébergeable) et Make.com (européens)
  2. Combien de temps pour automatiser un processus ? → 3-7 jours workflow simple, 2-4 semaines système complet
  3. Compétences techniques nécessaires ? → Non, formations adaptées tous niveaux
  4. ROI typique ? → 50-150k€ économies annuelles pour transformation complète
  5. Support après mise en production ? → Oui, 2 semaines à 3 mois selon offre + formules retainer
  6. Peut-on commencer petit ? → Oui, recommandé (Audit Express 350€ ou Workflow Simple)
  7. Toutes tailles d'entreprises ? → Spécialisés PME/ETI (10-250 personnes)
  8. Différence n8n vs Make.com ? → n8n = auto-hébergé/open-source, Make = SaaS européen accessible

---

### Page À Propos (/about)

**Objectif**: Établir crédibilité et confiance via storytelling personnel

**Structure**:

#### Header

- **Titre**: "À propos"
- **Sous-titre**: "Simplifier votre quotidien, c'est mon métier"

#### Contenu principal

**Présentation** - Brice Gachadoat, expert en automatisation et IA:

- Ingénieur informatique, 10+ ans d'expérience IT
- Spécialisé automatisation intelligente et IA conversationnelle

**Déclic personnel**:

- Cas d'usage: Femme nutritionniste
- **Résultats concrets**:
  - 90% de temps gagné sur génération de menus
  - 70% de temps gagné sur tâches administratives
  - 60% plus de clientes sans augmentation charge de travail

**Ce que j'apporte**:

1. 🔄 **Automatisation des tâches chronophages** - Ex: CV au format entreprise (30 min → quelques secondes)
2. 💬 **Automatisations intelligentes de qualification** - Qualification prospects + propositions commerciales automatiques
3. 🤖 **Assistants IA personnalisés** - Ex: Assistant emails/contacts/réunions (10h/semaine libérées)
4. 🎓 **Formations sur mesure** - Maîtrise des solutions + bonnes pratiques IA

**Expertise technique**:

- **Outils principaux**: n8n (principal), Make.com (complémentaire)
- **Écosystème**: Notion, Airtable, Supabase
- **Secteurs accompagnés**: Conseil, marketing, formation, événementiel, ESN, entrepreneurs indépendants

**Pourquoi faire confiance**:

- 📊 **Expérience confirmée**: 10+ ans IT/Data/automatisation
  - Parcours: **MeltOne Advisory** (cabinet conseil) + **LVMH** (groupe luxe)
- ✓ **Engagement concret**: Résultats garantis ou satisfait/remboursé
- 🤝 **Relation durable**: Accompagnement + formation équipes

**CTA principal**: "Réservez un appel découverte gratuit" → https://calendly.com/brice-gachadoat/30min

---

### Page GAP Analysis (/gap)

**Objectif**: Générer des leads qualifiés via formulaire personnalisé

**Contenu**:

#### Header

- **Titre**: "Générateur d'Automatisations Personnalisées"
- **Sous-titre**: "En 2 minutes, obtenez des recommandations d'automatisations sur mesure pour votre entreprise"

#### Formulaire en 2 sections

**Section 1 - Vos coordonnées** (requis):

- Prénom \*
- Nom \*
- Email professionnel \*
- Entreprise \*

**Section 2 - Votre contexte** (optionnel mais recommandé):

- Secteur d'activité (dropdown):
  - E-commerce, Marketing & Communication, Services B2B, Industrie & Manufacturing, Tech & Software, Santé & Bien-être, Finance & Assurance, Autre
- Principal défi business (textarea)
- Disponibilité pour un échange (dropdown):
  - Cette semaine, Semaine prochaine, Dans 2 semaines, Flexible

**CTA**: "🚀 Recevoir mes automatisations"
**Trust signals**: ✓ Gratuit et sans engagement • ✓ Réponse sous 24h • ✓ 100% personnalisé

**Action post-soumission**: Redirection vers page d'accueil + toast de confirmation

---

### Page Tarifs (/tarifs)

**Objectif**: Présenter grille tarifaire complète de manière détaillée

**Contenu**:

- Identique à la section Pricing de la page d'accueil
- Page dédiée pour référencement SEO et accès direct
- Voir section "Pricing Section" ci-dessus pour détails complets

---

### Page ROI Calculator (/roi)

**Objectif**: Permettre aux prospects d'estimer leurs économies potentielles

**Contenu**:

- Calculateur interactif ROI
- **Inputs**:
  - Nombre d'employés
  - Heures/semaine sur tâches répétitives
  - Coût horaire moyen
  - Processus à automatiser
- **Outputs**:
  - Économies annuelles estimées
  - ROI en mois
  - Temps libéré par an

---

## Pages Légales

### Politique de Confidentialité (/politique-confidentialite)

- Collecte et traitement des données personnelles
- Conformité RGPD
- Droits des utilisateurs

### Conditions Générales de Vente (/cgv)

- Modalités de prestation
- Tarification et paiement
- Garanties et responsabilités

### Mentions Légales (/mentions-legales)

- Informations légales de l'entreprise
- Hébergement
- Propriété intellectuelle

---

## Éléments Transversaux

### Navigation

**Logo**: Sablia (lien vers /)
**Menu principal** (capsule nav):

- Services → #solution
- Processus → #process
- Tarifs → #pricing
- À propos → /about
- Contact → #contact

**CTA Navigation**: "Démarrer" → #contact

### Footer

**Colonnes**:

1. **Services**:
   - Audit & Consulting
   - Formations
   - Solutions d'automatisation

2. **Ressources**:
   - À propos → /about
   - Tarifs → /tarifs
   - ROI Calculator → /roi
   - FAQ → /#faq

3. **Légal**:
   - Politique de confidentialité → /politique-confidentialite
   - CGV → /cgv
   - Mentions légales → /mentions-legales

4. **Contact**:
   - Email: brice@sablia.io
   - Calendly: https://calendly.com/brice-gachadoat/30min

**Social**:

- LinkedIn: [lien à ajouter]

### Animations & Effets

- **AnimatedParticles**: Particules flottantes en arrière-plan
- **CustomCursor**: Curseur personnalisé avec effet magnétique
- **ScrollReveal**: Animations au scroll
- **MagneticButton**: Boutons avec effet d'attraction magnétique
- **GradientText**: Texte avec gradient animé
- **Glassmorphism**: Cartes avec effet verre dépoli (backdrop-blur)

### Palette de Couleurs (Thème v3)

- **Primary**:
  - Navy: #0A2463
  - Electric: #3E92CC
  - Cyan: #52D1DC (#2B9AB8 variant)
- **Secondary**:
  - Charcoal: #2D3142
  - Brown tones: #3d2f1f, #4a3621
- **Text**:
  - White: #FFFFFF
  - Off-white: rgba(255, 255, 255, 0.9)
- **Accents**:
  - Orange: #FFA559 (CTAs, highlights)

### Gradient Background

```
linear-gradient(to bottom,
  #2B9AB8 0%,
  #3E92CC 15%,
  #0A2463 35%,
  #0A2463 50%,
  #2D3142 65%,
  #3d2f1f 80%,
  #4a3621 95%,
  #3d2f1f 100%
)
```

---

## Messages Clés

### Différenciateurs

1. **Formation-First**: Autonomisation des équipes vs simple développement
2. **Modulaire**: Offres adaptables de 350€ à 60k€
3. **Souveraineté**: Outils européens (n8n, Make.com)
4. **ROI mesurable**: 50-150k€ économies annuelles
5. **Approche humaine**: Expert individuel vs agence impersonnelle

### Preuves Sociales

- 10+ ans d'expérience IT/Data
- Parcours prestigieux: MeltOne Advisory + LVMH
- 5 témoignages clients vérifiables avec résultats concrets
- Secteurs diversifiés accompagnés

### Objections Anticipées (FAQ)

- Pas de compétences techniques requises
- ROI rapide (< 12 mois)
- Support post-livraison inclus
- Commencer petit possible
- Spécialisé PME (10-250 personnes)

---

## Intégrations & Outils

### Calendly

- URL: https://calendly.com/brice-gachadoat/30min
- Appel découverte gratuit 30 minutes
- Intégré dans CTAs sur pages: /, /about

### n8n Webhook

- Formulaire GAP Analysis
- Collecte leads qualifiés
- Variable d'environnement: `VITE_N8N_WEBHOOK_URL`

### Analytics & Tracking

- [À définir selon configuration]

---

## SEO & Métadonnées

### Homepage (/)

- **Title**: "Sablia - L'IA au service de votre croissance | Automatisation pour PME"
- **Description**: "Formation + Installation + Contrôle. Automatisez vos processus métier avec n8n et Make.com. ROI mesurable sous 12 mois. Audit gratuit."
- **Keywords**: automatisation business, IA PME, n8n, Make.com, formations automatisation, consultant automatisation

### À Propos (/about)

- **Title**: "Brice Gachadoat - Expert Automatisation & IA | Sablia"
- **Description**: "10+ ans d'expérience IT/Data. Parcours MeltOne Advisory + LVMH. Spécialisé automatisation intelligente et IA conversationnelle pour PME."

### GAP Analysis (/gap)

- **Title**: "Générateur d'Automatisations Personnalisées | Sablia"
- **Description**: "Obtenez des recommandations d'automatisations sur mesure en 2 minutes. Gratuit, sans engagement, réponse sous 24h."

### Tarifs (/tarifs)

- **Title**: "Tarifs Automatisation & Formation IA | Sablia"
- **Description**: "De 350€ (Audit Express) à 60k€ (Transformation Complète). Audit & Consulting, Formations n8n/Make.com, Solutions d'automatisation. ROI garanti."

### ROI Calculator (/roi)

- **Title**: "Calculateur ROI Automatisation | Sablia"
- **Description**: "Estimez vos économies potentielles avec l'automatisation. Calcul gratuit en ligne basé sur vos données réelles."

---

## Architecture Technique

### Stack

- **Frontend**: React 18 + TypeScript + Vite + Wouter
- **Backend**: Express.js + TypeScript
- **Base de données**: PostgreSQL + Drizzle ORM
- **UI**: Radix UI + shadcn/ui + Tailwind CSS
- **Animations**: Framer Motion + GSAP + TSParticles
- **Forms**: React Hook Form + Zod
- **State**: React Query (TanStack Query)

### Routes

- `/` - Landing (homepage)
- `/about` - À propos
- `/gap` - GAP Analysis form
- `/tarifs` - Pricing page
- `/roi` - ROI calculator
- `/politique-confidentialite` - Privacy policy
- `/cgv` - Terms of service
- `/mentions-legales` - Legal notice

### Path Aliases

- `@/` → `client/src/`
- `@db` → `db/`

---

## Maintenance & Updates

**Ce document doit être mis à jour lors de**:

- Modification du contenu des sections landing page
- Ajout/suppression de pages
- Changement de tarification
- Mise à jour des témoignages clients
- Modification des offres/services
- Évolution du positionnement ou des messages clés

**Responsable**: Vérifier cohérence avant chaque commit majeur ou via processus PRP

**Version**: 1.0 - 29 octobre 2025