Waimia.
Réserver un audit →

Comparison Sections

comparison-duo

stable Bibliothèque Contenu inline (instance)

Comparer les options

Deux cartes cote a cote (Sans / Avec) pour mettre en evidence le contraste avant/apres ou nous-vs-eux, avec items a puces et glyphes differencies.

comparison duo before-after versus
Ouvrir dans le builder

Instances sur le site

Global 41 instances sur 41 pages

Page Position Contenu Variante
/audit-ia-pme section 5 Ce que l'audit gratuit fait et ne fait pas ink
/audit-site-web-intelligent section 6 Le score automatique contre l'échange ink
/cas-usages/centraliser-donnees section 5 Du vide entre les outils à la donnée fluide paper-2
/cas-usages/generer-plus-de-leads section 5 Du trafic perdu au lead qualifié paper-2
/cas-usages/reduire-reporting section 5 Du copier-coller au reporting prêt paper-2
/cas-usages/reduire-temps-cms section 5 Du chantier WordPress à l'édition autonome paper-2
/cas-usages/standardiser-processus section 5 De la dépendance à un système qui tient paper-2
/lp/site-web-intelligent section 3 Une vitrine regarde vos prospects partir. Un système les retient. ink
/lp/systeme-acquisition section 4 Pourquoi un système instrumenté change l'équation paper-2
/lp/systeme-ia-marketing section 4 Un chatbot de plus récite. Un système exécute et rend compte. paper-2
/lp/visibilite-google-ia section 4 Invisible aux moteurs. Ou trouvable et cité. paper-2
/ressources/comparatifs/site-web-intelligent-vs-wordpress section 5 La même PME, deux trajectoires ink
/services/agent-support-client section 6 Pourquoi un agent change le support paper-2
/services/agents-ia section 6 Pourquoi un agent change l'équation paper-2
/services/applications-internes section 5 Pourquoi un outil sur mesure change l'équation paper-2
/services/automatisation-n8n section 6 Deux façons d'automatiser, deux coûts d'ownership paper-2
/services/automatisations section 6 Pourquoi un process automatisé change l'équation paper-2
/services/cold-email-b2b section 6 Pourquoi un cold email outillé change l'équation paper-2
/services/consultant-ia-claude section 5 Pourquoi un cadrage tranché change la décision paper-2
/services/crm-scoring-routing section 5 Racheter un CRM de plus, ou activer celui que vous avez paper-2
/services/donnees-reporting section 6 Pourquoi une donnée centralisée change l'équation paper-2
/services/integration-claude section 5 Du POC qui dort à l'agent en production paper-2
/services/integration-crm section 5 Pourquoi un CRM branché change l'équation paper-2
/services/landing-page-google-ads section 5 Pourquoi une landing dédiée change l'équation paper-2
/services/landing-pages-tunnels section 5 Pourquoi un tunnel instrumenté change l'équation paper-2
/services/maintenance-growth section 5 Pourquoi un site entretenu et poussé change l'équation paper-2
/services/mvp-saas section 5 Pourquoi un MVP change le lancement paper-2
/services/prospection-automatisee section 6 Pourquoi une prospection instrumentée change l'équation paper-2
/services/publicite-en-ligne section 5 Pourquoi une régie instrumentée change l'équation paper-2
/services/referencement-ia section 5 Pourquoi un contenu citable change l'équation paper-2
/services/relance-devis section 5 Pourquoi une relance instrumentée change l'équation paper-2
/services/seo-geo-contenu section 5 Pourquoi un contenu structuré change l'équation paper-2
/services/seo-local section 5 Pourquoi un maillage local change l'équation paper-2
/services/sequences-de-suivi section 5 Une newsletter de plus, ou un nurturing déclenché par le comportement paper-2
/services/site-web-ia section 5 Ce qu'un builder IA ne fait pas paper-2
/services/sur-mesure-headless section 5 Quand passer du clé-en-main au sur-mesure paper-2
/services/systeme-acquisition section 5 Pourquoi un système instrumenté change l'équation paper-2
/services/systeme-commercial section 5 Externaliser à une agence de SDR, ou installer un système paper-2
/services/template-service-ref section 11 Le pipeline avant et avec le système paper-2
/services/webflow section 5 De Webflow seul au Webflow qui qualifie paper-2
/services/wordpress section 5 Le même WordPress, deux trajectoires paper-2

Aperçu

Comment l'utiliser

Intention

Comparer les options

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Défilement

Éléments

Liste Icônes

Mise en page

2 colonnes Scindé

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
layout Présentation enum Non · inline · stacked
proportion Présentation enum Non · 1-1 · 1-2 · 2-1
density Présentation enum Non · compact · base · ample
contentAlign Présentation enum Non · start · center · end
placement Présentation object Non · ·
kicker Contenu text Non fr / en ·
h2 Contenu text Oui fr / en ·
without_label Contenu text Oui fr / en ·
without_title Contenu text Oui fr / en ·
without_items Contenu array Oui · 2..6
with_label Contenu text Oui fr / en ·
with_title Contenu text Oui fr / en ·
with_items Contenu array Oui · 2..6

Déclinaisons · 17

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 10 curées, 7 générées.

  • Comparatif duo · papier

    curée
    comparison-duo--paper

  • Comparatif duo · papier 2

    curée
    comparison-duo--paper-2

  • Comparatif duo · papier 3

    curée
    comparison-duo--paper-3

  • Comparatif duo · encre

    curée
    comparison-duo--ink

  • Comparatif duo · côte à côte · carte « avec » dominante 1/2

    curée
    comparison-duo--inline-1-2

  • Comparatif duo · côte à côte · carte « sans » dominante 2/1

    curée
    comparison-duo--inline-2-1

  • Comparatif duo · empilé (sans puis avec)

    curée
    comparison-duo--stacked

  • Comparatif duo · côte à côte · compact

    curée
    comparison-duo--inline-compact

  • Comparatif duo · encre · ample · en-tête centré

    curée
    comparison-duo--ink-ample-center

  • Comparatif duo · atomique · en-tête centré

    curée
    comparison-duo--atomic-header-center

  • comparison-duo · face à face

    générée
    comparison-duo--two-col-versus

  • comparison-duo · matrice

    générée
    comparison-duo--matrix

  • comparison-duo · avant après

    générée
    comparison-duo--before-after

  • comparison-duo · bascule

    générée
    comparison-duo--toggle

  • comparison-duo · trois voies

    générée
    comparison-duo--three-way

  • comparison-duo · lignes à bascule

    générée
    comparison-duo--toggle-rows

  • comparison-duo · gagnant mis en avant

    générée
    comparison-duo--highlight-winner

Comparer les déclinaisons · 17

Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.

  • Comparatif duo · papier

    curée
    comparison-duo--paper
    background:paper
    Ouvrir dans le builder

  • Comparatif duo · papier 2

    curée
    comparison-duo--paper-2
    background:paper-2
    Ouvrir dans le builder

  • Comparatif duo · papier 3

    curée
    comparison-duo--paper-3
    background:paper-3
    Ouvrir dans le builder

  • Comparatif duo · encre

    curée
    comparison-duo--ink
    background:ink
    Ouvrir dans le builder

  • Comparatif duo · côte à côte · carte « avec » dominante 1/2

    curée
    comparison-duo--inline-1-2
    layout:inlineproportion:1-2
    Ouvrir dans le builder

  • Comparatif duo · côte à côte · carte « sans » dominante 2/1

    curée
    comparison-duo--inline-2-1
    layout:inlineproportion:2-1
    Ouvrir dans le builder

  • Comparatif duo · empilé (sans puis avec)

    curée
    comparison-duo--stacked
    layout:stacked
    Ouvrir dans le builder

  • Comparatif duo · côte à côte · compact

    curée
    comparison-duo--inline-compact
    layout:inlinedensity:compact
    Ouvrir dans le builder

  • Comparatif duo · encre · ample · en-tête centré

    curée
    comparison-duo--ink-ample-center
    background:inkdensity:amplecontentAlign:center
    Ouvrir dans le builder

  • Comparatif duo · atomique · en-tête centré

    curée
    comparison-duo--atomic-header-center
    placement
    Ouvrir dans le builder

  • comparison-duo · face à face

    générée
    comparison-duo--two-col-versus
    layout:two-col-versus
    Ouvrir dans le builder

  • comparison-duo · matrice

    générée
    comparison-duo--matrix
    layout:matrix
    Ouvrir dans le builder

  • comparison-duo · avant après

    générée
    comparison-duo--before-after
    layout:before-after
    Ouvrir dans le builder

  • comparison-duo · bascule

    générée
    comparison-duo--toggle
    layout:toggle
    Ouvrir dans le builder

  • comparison-duo · trois voies

    générée
    comparison-duo--three-way
    layout:three-way
    Ouvrir dans le builder

  • comparison-duo · lignes à bascule

    générée
    comparison-duo--toggle-rows
    layout:toggle-rows
    Ouvrir dans le builder

  • comparison-duo · gagnant mis en avant

    générée
    comparison-duo--highlight-winner
    layout:highlight-winner
    Ouvrir dans le builder

Sections liées

Même famille

fit-columns stable

Section de qualification fit/no-fit sur fond ink : kicker, titre display, intro callout et deux colonnes Oui/Non d items.

duo Comparison Sections Apparition au scrollSurvolDéfilement +1 13 décl.
manifesto-act stable

Acte numéroté de manifeste : label sticky (numéro romain + sous-titre), statement XL et rangée de chiffres massifs optionnelle, tone encre ou paper.

duo Manifesto Sections Apparition au scrollDéfilementIllustration au trait +2 15 décl.
tech-when-dual stable

Aide décision en deux colonnes (utiliser quand / considérer autre chose quand) avec puces mono plus et moins.

duo Comparison Sections Apparition au scrollDéfilementIllustration au trait +4 13 décl.

Même catégorie

comparison-pricing-callout stable

Bloc « pourquoi nous » en trois colonnes de propositions de valeur, terminé par un CTA et une mention. Sert de pont entre les features et la page tarifaire.

band Comparison Sections Illustration au traitListe3 colonnes 18 décl.
comparison-table stable

Tableau comparatif pour clarifier les différences entre offres, options ou approches.

table Comparison Sections Défilement horizontalSurvolGlisser pour faire défiler +3 11 décl.
department-stack stable

Stack outils en table éditoriale : en-tête eyebrow et titre display, aside Callout, EditorialTable catégorie/outil/rôle.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.
editorial-table-block stable

Comparateur éditorial : en-tête kicker mono et titre display, puis tableau EditorialTable bilingue (colonnes, lignes, caption).

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 14 décl.
fit-columns stable

Section de qualification fit/no-fit sur fond ink : kicker, titre display, intro callout et deux colonnes Oui/Non d items.

duo Comparison Sections Apparition au scrollSurvolDéfilement +1 13 décl.
tech-models-table stable

Table de comparaison des modèles en cinq colonnes (Modèle, Profil, Coût, Contexte, Usages) basée sur EditorialTable.

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 11 décl.

Similaires

versus-competitors stable

Comparatif « nous vs alternatives » avec colonne « nous » mise en avant, lignes de critères groupées et cellules check / cross / partiel. Distinct de la matrice tarifaire interne.

table Comparison Sections Apparition au scrollDéfilementTableau +1 11 décl.
terminal-table stable

Table terminal configurable (frame TerminalTable) : en-tête kicker/meta, titre, puis colonnes, headers et lignes cliquables avec rôle typographique par cellule.

table Table Sections Apparition au scrollSurvolDéfilement +3 11 décl.
editorial-write-feed stable

Feed éditorial en lignes cliquables (EditorialWriteRow) : date, tag, texte et flèche par ligne, tone paper ou ink, lien meta type /feed.xml.

prose Table Sections Apparition au scrollDéfilement1 colonne 14 décl.
data-table stable

Table de données neutre générique : en-tête optionnel, colonnes avec alignements, lignes et cellules typées (emphase), zébrures et légende. Distincte des tables habillées terminal ou éditoriale.

table Table Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +4 13 décl.
workflow-table stable

Table workflows signature en 5 colonnes (numéro, workflow, modèle, gain, comment), un workflow IA par ligne.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.
hover-reveal-list stable

Liste editoriale qui revele l'image du projet au survol, dans un carre cadre (image qui suit le curseur ou centree).

scroll-interactive Feature Sections Révélation au survolApparition au scrollSurvol +5 17 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "comparison-duo",
  "kicker_fr": "Avant / Après",
  "kicker_en": "Before / After",
  "h2_fr": "Ce que change Waimia <i>concrètement</i>",
  "h2_en": "What Waimia changes <i>in practice</i>",
  "without_label_fr": "Sans Waimia",
  "without_label_en": "Without Waimia",
  "without_title_fr": "Outils dispersés, équipe épuisée",
  "without_title_en": "Scattered tools, exhausted team",
  "without_items": [
    {
      "text_fr": "Chaque workflow est réinventé de zéro à chaque projet",
      "text_en": "Every workflow is reinvented from scratch on each project"
    },
    {
      "text_fr": "Les décisions prennent 3x plus de temps par manque de visibilité",
      "text_en": "Decisions take 3x longer due to lack of visibility"
    },
    {
      "text_fr": "Les compétences IA restent dans 2 profils, jamais transférées",
      "text_en": "AI skills stay with 2 people, never transferred"
    },
    {
      "text_fr": "Chaque outil génère sa propre dette de maintenance",
      "text_en": "Each tool generates its own maintenance debt"
    }
  ],
  "with_label_fr": "Avec Waimia",
  "with_label_en": "With Waimia",
  "with_title_fr": "Un système qui produit, pas juste un projet",
  "with_title_en": "A system that produces, not just a project",
  "with_items": [
    {
      "text_fr": "Workflows documentés, reproductibles et transmissibles à toute l'équipe",
      "text_en": "Documented, repeatable workflows transferable to the whole team"
    },
    {
      "text_fr": "Visibilité en temps réel sur l'avancement et les résultats mesurés",
      "text_en": "Real-time visibility on progress and measured outcomes"
    },
    {
      "text_fr": "Montée en compétence collective, pas seulement individuelle",
      "text_en": "Collective upskilling, not just individual"
    },
    {
      "text_fr": "Architecture pensée pour scaler sans ajouter de charge opérationnelle",
      "text_en": "Architecture designed to scale without adding operational load"
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/comparison-duo.json

Chemin du détail machine

/library/section/comparison-duo.json