§ Hero Lab · catégorie hero-header-sections
Tous les heros, côte à côte.
51 variantes de hero du catalogue, rendues en vrai avec leurs données de démonstration. Le lab pioche dans le même registry que le site : chaque bloc est le composant réel, pas une maquette.
- 51variantes
- 49stables
- 2dépréciées
Chaque variante a son aperçu isolé /preview/<type>
et sa fiche technique /library/<type>. Retour à
l'atelier.
Hero de capture lead above-the-fold : promesse à gauche, formulaire email/CTA à droite postant sur /api/newsletter, points de réassurance optionnels.
Une longueur d'avance sur l'IA, chaque semaine.
Les décisions, outils et cas qui comptent pour les dirigeants. Filtré, relu, sans bruit. Désinscription en un clic.
- Lu par 2 400 dirigeants et opérateurs
- Une édition par semaine, jamais plus
- Zéro spam, données jamais revendues
Hero centré avec preuve sociale above-the-fold : titre, CTA, note clients optionnelle et bande de chiffres clés (StatRow) sous le pli haut.
Hero en deux colonnes pour présenter une offre avec visuel et appel à l'action principal.
L'agent IA pioche, ne réinvente pas.
Le composable W6 expose 19 sections cataloguées. Chaque section atomique, testée, validée.
Héro plein écran en deux colonnes : texte (kicker, titre serif, lede, badges pills, 2 CTA) à gauche, carte média line-art à droite. Variante paper et ink, responsive (1 colonne sur mobile).
§ Site web intelligent
Un site web intelligent pour PME.
Waimia conçoit des sites web connectés au CRM, au contenu, aux données et aux parcours de conversion pour générer plus de leads qualifiés.
Qu'est-ce qu'un site web intelligent ?
Un site web intelligent est une application web pilotée par l'IA (Claude, GPT), branchée à votre Search Console et à votre Analytics. Elle lit ses propres KPI, optimise son SEO et son contenu en continu, et qualifie chaque visiteur via un quiz de routing relié au CRM. À la différence d'une vitrine statique, il mesure son acquisition de bout en bout et alimente votre stack sans saisie manuelle.
- Connectée à l'IA (Claude, GPT)
- Branchée à vos données
- Alertes temps réel
- Quiz qui route vers ce qui convertit
Héro plein écran éditorial asymétrique (~65/35) : colonne dominante (kicker, titre serif accent, lede, 2 CTA, sous-CTA), rail léger à droite avec 3 KPI serif verticaux séparés par hairlines. Variante paper et ink, responsive.
§ 01 · Service
L'IA intégrée à vos
opérations, sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
Réponse sous 48 h. Sans engagement.
- +12 h gagnées par semaine et par équipe
- 5 j pour le premier flux en production
- 100 % de vos données restent chez vous
Héro plein écran asymétrique (~60/40) : colonne dominante (kicker, titre serif accent, lede, 2 CTA, sous-CTA), rail droit avec une mini-map de 6 capacités en 2 colonnes (label mono accent + items), hairlines. Montre le périmètre, pas un média. Variante paper et ink, responsive.
§ 01 · Service
L'IA intégrée à vos opérations,
sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
Réponse sous 48 h. Sans engagement.
- Acquisition SEA · SEO · Ads
- Contenu Brief · Rédaction · SEO
- Web Sites · Apps · CMS
- Sales CRM · Séquences · Scoring
- Data Tracking · Dashboards
- Marque DA · Charte · Design system
Héro plein écran très asymétrique (~72/28) : colonne dominante (kicker, titre serif accent, lede, badges pills mono, 2 CTA), rail droit avec une bande média line-art verticale mince (currentColor, lisible paper et ink). Variante paper et ink, responsive.
§ 01 · Service
L'IA intégrée à vos
opérations, sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
- Claude Code
- MCP
- RAG
- Automations
Héro plein écran asymétrique (~68/32) à signature dominante (trame éditoriale + sigil) : colonne principale (kicker, titre serif accent, lede, 2 CTA, sous-CTA), rail droit avec 2 grands numéraux serif. Variante paper et ink, responsive.
L'IA intégrée à vos
opérations, sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
Réponse sous 48 h. Sans engagement.
Héro plein écran multi-zones : titre serif accent pleine largeur, puis une rangée de 3 zones asymétriques séparées par hairlines (lede + 2 CTA · mini-map 6 capacités · 2 KPI serif). Variante paper et ink, responsive.
L'IA intégrée à vos opérations, sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
Réponse sous 48 h. Sans engagement.
- Acquisition SEA · SEO · Ads
- Contenu Brief · Rédaction · SEO
- Web Sites · Apps · CMS
- Sales CRM · Séquences · Scoring
- Data Tracking · Dashboards
- Marque DA · Charte · Design system
- +12 h gagnées par semaine et par équipe
- 100 % de vos données restent chez vous
Héro plein écran asymétrique (~60/40) : colonne principale (kicker, titre serif accent, lede, 2 CTA, sous-CTA), rail droit avec un grand numéral serif éditorial (caption + sous-stat mono) encadré de hairlines. Stat de couverture, pas un média. Variante paper et ink, responsive.
L'IA intégrée à vos
opérations, sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
Réponse sous 48 h. Sans engagement.
Héro plein écran asymétrique (~64/36) : colonne principale (kicker, titre serif accent, lede, badges pills mono, 2 CTA, sous-CTA), rail droit avec une carte média line-art ink réduite + 2 micro-KPI mono. Variante paper et ink, responsive.
L'IA intégrée à vos
opérations, sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
- Claude Code
- MCP
- RAG
- Automations
Réponse sous 48 h. Sans engagement.
Héro plein écran : titre serif accent et lede alignés à gauche (~70 % de large), puis une bande de capacités asymétrique pleine largeur de 5 cellules dont la 3e (large, accent) porte un KPI serif, les 4 autres des capacités mono. Variante paper et ink, responsive.
L'IA intégrée à vos opérations,
sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
- Acquisition SEA · SEO · Ads
- Contenu Brief · Rédaction · SEO
- +12 h gagnées par semaine et par équipe
- Web Sites · Apps · CMS
- Data Tracking · Dashboards
Héro plein écran asymétrique (~70/30) façon revue : colonne principale (kicker, titre serif accent, lede, 2 CTA, sous-CTA), rail droit avec un sommaire typographique de 3 entrées (label mono accent + titre serif court + sous-ligne). Zéro média. Variante paper et ink, responsive.
L'IA intégrée à vos
opérations, sans friction.
On installe Claude Code dans vos outils, vos données et vos flux. Vos équipes gardent la main, l'IA fait le reste.
Réponse sous 48 h. Sans engagement.
Héro plein écran éditorial : bande masthead mono 4 colonnes (fil d'Ariane + méta) sous le titre serif, puis rangée 2 colonnes (lede + 2 CTA à gauche, 4 KPI en micro-grille 2×2 à droite). Pas de média. Variante paper et ink, responsive.
Un site web intelligent.
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
- 2–10 k€ budget HT indicatif
- 4–8 sem. site exploitable livré
- Temps réel KPI lus, SEO, alertes
- 100/100 PageSpeed SSG, base GEO
Héro plein écran en grille multi-lignes asymétrique : titre serif pleine largeur, rangée 2 colonnes (label + lede + 2 CTA à gauche, label + puces fléchées à droite), puis bande de 4 KPI dont la dernière cellule est inversée en ink. Variante paper et ink, responsive.
Un site web intelligent.
§ 01 · Le service
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
§ 02 · Ce que ça fait
- Web app connectée à un LLM via skills et routines précises
- Search Console + Analytics : KPI lus, SEO optimisé en continu
- Alertes temps réel, qualification de chaque visiteur jusqu'au CRM
- Lead magnet et quiz qui routent vers la page qui convertit le mieux
- 2–10 k€ budget HT indicatif
- 4–8 sem. site exploitable livré
- Temps réel KPI lus, SEO, alertes
- 100/100 PageSpeed SSG, base GEO
Héro plein écran centré (kicker, titre serif, lede, 2 CTA) suivi d'une bande de capacités ink pleine largeur : 4 cellules (label mono accent + description), sombre dans les deux modes. Variante paper et ink, responsive.
§ Site web intelligent
Un site web intelligent.
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
- IA branchée Web app pilotée par Claude et GPT via skills
- Vos données Search Console + Analytics lus en continu
- Temps réel Alertes et qualification jusqu'au CRM
- Quiz routeur Vers la page qui convertit le mieux
Héro plein écran en deux colonnes : texte (kicker, titre serif, lede, 2 CTA) à gauche, médaillon média line-art surmontant des KPI verticaux hairline à droite. Variante paper et ink, responsive (1 colonne sur mobile).
§ Site web intelligent
Un site web intelligent.
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
- 2–10 k€ budget HT indicatif
- 4–8 sem. site exploitable livré
- 100/100 PageSpeed SSG, base GEO
Héro plein écran à impact typographique : kicker, titre serif géant et lede court en tête, rangée de 4 KPI poussée en baseline (séparée par une hairline forte). CTA optionnel, pas de média. Variante paper et ink, responsive (KPI 2 colonnes sur mobile).
§ Site web intelligent
Un site web enfin intelligent.
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
- 2–10 k€ budget HT indicatif
- 4–8 sem. site exploitable livré
- Temps réel KPI lus, SEO, alertes
- 100/100 PageSpeed SSG, base GEO
Héro plein écran en vraie grille 12 colonnes éditoriale : kicker et sigle en rangée 1, titre serif sur 9 colonnes, puis lede, puces et CTA empilés répartis librement sur la dernière rangée (hairlines entre les rangées). Variante paper et ink, responsive (1 colonne sur mobile).
§ Site web intelligent
Votre site, enfin intelligent.
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
- Web app connectée à un LLM via skills et routines précises
- Search Console et Analytics : KPI lus, SEO optimisé en continu
- Alertes temps réel, qualification de chaque visiteur jusqu’au CRM
- Lead magnet et quiz qui routent vers la page qui convertit le mieux
Héro plein écran en deux colonnes : discours éditorial (kicker, titre serif, lede, badges pills, 2 CTA) à gauche, carte ink sombre (média line-art + mini-KPI) à droite. La carte reste sombre en mode paper. Variante paper et ink, responsive (1 colonne sur mobile).
§ Site web intelligent
Un site web intelligent.
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
- Connectée à l'IA (Claude, GPT)
- Branchée à vos données
- Alertes temps réel
- Quiz qui route vers ce qui convertit
- 4–8 sem. site exploitable livré
- 100/100 PageSpeed SSG, base GEO
Héro plein écran en une seule colonne resserrée, au rythme vertical généreux : fil d'Ariane, kicker, titre serif, lede, badges inline séparés par hairlines, 2 CTA, bande de 4 KPI. Variante paper et ink, responsive.
§ Site web intelligent
Votre site, enfin intelligent.
Pas une vitrine. Une web app pilotée par l'IA, branchée à vos données, qui transforme chaque visite en client.
- Connectée à l'IA (Claude, GPT)
- Branchée à vos données
- Alertes temps réel
- Quiz qui route vers ce qui convertit
- 2–10 k€ budget HT indicatif
- 4–8 sem. site exploitable livré
- Temps réel KPI lus, SEO, alertes
- 100/100 PageSpeed SSG, base GEO
Héro plein écran « couverture magazine » : bande masthead mono 4 colonnes en haut, titre serif géant centré dominant, fine règle accent, tagline display italic, un seul CTA centré. Variante paper et ink, responsive (masthead 2 colonnes sur mobile).
§ Site web intelligent
Un site web enfin intelligent.
Une web app pilotée par l'IA, qui transforme chaque visite en client.
Hero centré pour poser une proposition de valeur claire et guider vers une action principale.
Hero centered pour pages standalone
Variante minimaliste pour manifestes ou pages d'introduction sans right-block.
Hero immersif plein écran pour créer un impact visuel fort avec mouvement ou canvas.
(déprécié → hero-hub-masthead variant=listing) Hero éditorial de hub avec titre monumental et lede courte, sans appel à l'action, pour pages de listing.
Tout ce qu'on publie.
Cas mesurables, notes de terrain, cookbooks de méthodes, calculateurs gratuits. Pas de pensum SEO. Tout est relu, signé, et NDA-protected quand pertinent.
Hero de page service avec numéro éditorial, titre, accroche et barre de preuves chiffrées optionnelle.
Un funnel réconcilié. Une vérité. Pas d'atelier.
Un chantier de 8 à 12 semaines. CRM, entrepôt, finance alignés sur une seule source de vérité. Des agents Claude qui trient, qualifient et routent, de façon auditable, sans boîte noire, sans chatbot.
Hero de page pilier avec titre maximal et grille de statistiques quatre colonnes optionnelle.
Le conseil qui commence par lire, pas par présenter.
Nous refusons les ateliers de découverte vendus comme du conseil. Un engagement Waimia commence par la lecture de vos données réelles, se termine par un livrable écrit, et produit une décision, pas 72 slides dans un SharePoint.
Hero d'étude de cas avec décor géométrique, titre et barre de spécifications (client, secteur, durée).
Scale-up SaaS B2B · pipeline réactivé en 10 semaines.
Hero d'accueil Waimia : mini-map 3×2 de 6 territoires opérationnels, 3 preuves verticales, double CTA et signature géométrique V·9.
L'IA dans vos outils.
Des résultats dans vos chiffres.
On câble l'IA dans vos outils marketing, sales, contenu et web (acquisition, CRM, site, analytics, marque) sans changer vos process.
- Acquisition Ads · Landing · Pipeline
- Contenu SEO/GEO · Articles · Posts
- Web Site IA-first · CMS · Pages
- Sales CRM · Relances · Scoring
- Data GA4 · Search Console · Insights
- Marque Design system · Decks · PDF
Audit IA opérationnel · 45 min · on identifie 3 automatisations rentables.
- +12h économisées par équipe · semaine
- 5 j jusqu'au premier système livré
- 100% intégré · sans changer vos outils
Hero magnétique landing : eyebrow mono, h1 italique avec emphasis, lede, double CTA et bandeau de disponibilité.
§ Site web IA-first
Votre site génère des leads
pendant que vous dormez.
Trois agents IA orchestrent votre site, votre contenu et votre CRM. Résultat : un flux constant de leads qualifiés, mesuré en 90 jours.
◉ Booking T3 2026 · 4 places
Hero d'index par problème : décor SVG rectangle rotated 12°, h1 monumental, lede italique et phrase canonique.
Cinq problèmes business. Une méthode.
Cinq douleurs récurrentes. Pas de slide sur l'IA : un système câblé à votre stack, mesuré dès la première semaine.
Nous ne vendons pas de l'IA. Nous construisons des systèmes qui tournent dans vos outils, que vous pouvez reprendre en main.
Hero de page secteur ou département : SVG rotated 15° accent, dept kicker, h1 + lead italique, CTA et meta, tags secteurs.
Cabinets B2B : câbler l'IA dans votre delivery.
Audit en 5 jours, premier workflow en production, mesure dès le premier mois. ROI prouvé secteur.
(déprécié → hero-hub-masthead variant=detail) Masthead utilitaire générique (about, méthode, academy intro) : kicker, h1 monumental, lede display italique, alignement gauche ou centré.
Le conseil qui commence par lire.
Pas d'atelier de découverte. Pas de slide vide. Un protocole qui mesure, livre et signe, en cinq actes.
Hero hub académie : kicker mono, h1 display, lede et bande de stats mono (cours, parcours, alumni).
§ École · catalogue 2026
Former vos équipes à câbler leur IA.
12 formations praticien · parcours sur-mesure · cohortes 6-12 personnes. Tarif fixe, livrables écrits.
Masthead unifié paramétrable (variant hub|listing|detail) : absorbe hero-hub-listing et hero-utility-masthead. hub = kicker mono + h1 italique display + lede court ; listing = deco SVG optionnelle + h1 monumental + lede révélée ; detail = kicker optionnel + h1 + lede display italique, alignement gauche ou centré.
Trois niveaux.
Une méthode.
Découverte, transformation, partenariat. Chaque offre est une marche. Choisissez la bonne.
Hero de page offre détail : SVG cercles concentriques signature, breadcrumb, tier kicker, h1 + lead italique, CTA et meta.
Growth System IA. Câbler l'IA dans votre delivery.
8 à 12 semaines pour livrer un système opérationnel mesuré. Pas de POC. Pas de slide. Un livrable.
Hero de couche technologique : triangles SVG signature, layer badge (claude/os/orch), h1 + lead italique, CTA et meta.
Claude. Le moteur de raisonnement.
Tous les agents Waimia tournent sur Claude : Opus pour l'orchestration, Sonnet pour l'exécution, Haiku pour le mécanique. Pas d'autre LLM.
Hero magnétique flagship : kicker num + h1 monumental, lede, meta pills, benefits checklist, ligne preuve mono, double CTA et grille stats 4-col.
Site web IA-first.
Leads automatisés.
Trois agents IA orchestrent acquisition, contenu et CRM. Résultat mesuré en 90 jours.
Hero hub avec stats : meta kicker double + numéro § accent + h1 maximal, lede, grille KeyMetric 4-col en pied avec accent.
Refondre le delivery.
Pas l'organigramme.
Câbler l'IA dans vos workflows existants, sans déplacer un poste, sans changer un outil.
Masthead service sobre : kicker § Service N + h1 display + lede display muted, sans décor SVG.
RevOps rebuild. CRM, scoring, séquences.
Une refonte complète du pipeline commercial en 10 semaines. Un livrable écrit, mesurable, signé.
Hero de page auteur : 2-col copy/portrait, breadcrumb équipe, role eyebrow, h1 split prénom+nom italic accent, lede display.
Hero lead magnet (livre blanc) : 2-col texte/cover PDF, kicker + h1 + lede italique, meta format/date, carte download CTA.
L'audit IA en 10 jours : protocole opérationnel.
Un PDF court qui vous dit quoi auditer, quoi documenter, quoi corriger en premier.
Hero de page cours/formation : kicker accent + title + lede + meta-pills (niveau/durée/format/prix) + cta-group primary/ghost.
Câbler son CRM avec Claude · 2 jours
Deux jours pour livrer un workflow CRM Claude en production : audit pipeline, scoring, séquences automatisées.
Hero d'étape de tunnel : kicker accent + barre de progression [01][02]... + h1 (variante hero ou section) + lede.
§ Tunnel · Site IA-first
Votre site actuel coûte plus qu'il ne rapporte.
Mesurons cela en 5 étapes. Pas de slide. Pas de discovery. Des chiffres.
Hero d'étape tunnel V2 : kicker calculé (offre_label + step/progress_total) + barre [NN] + h1 (hero ou section) + lede.
Tunnel · Activation IA · Étape 2/4
Votre site actuel coûte plus qu'il ne rapporte.
Mesurons cela en 4 étapes. Pas de slide. Pas de discovery. Des chiffres.
Hero d'article éditorial avec accroche italique et métadonnées auteur, date et temps de lecture.
Câbler son CRM en 10 jours : audit, score, action, mesure.
Protocole en 4 phases : audit pipeline, scoring comportemental, séquences automatisées, tableau de bord mesure. Opérationnel en 10 jours.
Hero manifeste à fond canvas liquide (terracotta animé) : eyebrow, grand titre display italique, lede et CTAs sur fond sombre.
Construire du revenu,
pas des démos.
Un manifeste en cinq actes. Lu d’une traite, dix minutes. Appliqué chez vous, quatre semaines.
Pyramide SVG isocèle à trois niveaux pour visualiser la progression Découverte · Transformation · Partenariat.
Hero Atlas en deux colonnes avec signature grid, copy éditoriale, CTAs et mini-map des quatre piliers.
Une cartographie
pour les pressés.
Une seule page pour comprendre comment Waimia câble l’IA dans le revenu. Pas dix slides. Pas de schéma d’architecture. Juste une carte, des piliers, et trois portes selon votre fonction.
Marketing, sales, contenu, web, CRM, analytics et marque : sept territoires sur une seule carte. Quatre piliers. Trois portes d’entrée par persona. Repérez votre douleur, on prend l’audit en charge.
Hero editorial de page de marque : fond canvas liquide + 3 zones (meta band, titre display italique + sous-titre, intro + CTA + rangee de pied), plein viewport sombre.
Construire du revenu,
pas des démos.
Un manifeste en cinq actes. Lu d’une traite, il prend dix minutes. Appliqué chez vous, il s’écrit en quatre semaines.
On câble l'IA dans vos outils marketing, sales et web : acquisition, contenu, CRM, site, analytics, marque. Sans changer vos process.