Workflow · Vue d'ensemble
7 phases : création d'un site web orchestrée par l'IA
Cliquez sur un nœud vert pour découvrir l'agent IA qui l'opère. Molette = zoom · Drag = déplacer.
100%
%%{init:{"theme":"dark","themeVariables":{"primaryColor":"#1e2333","primaryBorderColor":"#2a3050","primaryTextColor":"#e8eaf0","lineColor":"#5b8dee","fontSize":"13px"}}}%%
flowchart LR
START(["🚀 Projet"]):::start
subgraph P1["① Découverte"]
A1["RDV\nClient 👤"]
A2["Résumé\ndu brief"]:::ai
A3["Relecture\nhumaine"]
A4["Cahier des\ncharges"]:::ai
A5["Relecture\nhumaine"]
A6["Préparation\ndu devis"]:::ai
A7["Révision\ndu devis"]
A8["Révision\ndu CDC"]
A9{"Signature"}:::val
end
subgraph P2["② Architecture"]
B1["Génération\narchitecture"]:::ai
B2{"Validation"}:::val
end
subgraph P3["③ UI / UX"]
C1["RDV brief\ngraphisme"]
C2["Résumé\ndu brief"]:::ai
C3{"Outil\ngraphisme"}:::val
C4["Claude\nDesign"]:::ai
C5["Figma"]
C6["Wireframes\n& Maquettes"]:::ai
C7{"Validation"}:::val
end
subgraph P4["④ SEO / Contenu"]
D0["RDV Client\nbrief SEO 👤"]
D1["Résumé\nbrief SEO"]:::ai
D2["Relecture\nhumaine"]
D3["Analyse\nSEO naturel"]:::ai
D4["Rédaction\ncontenu"]:::ai
D5{"Validation\nSEO"}:::val
D6["Analyse\nSEA"]
D7{"Validation\nSEA"}:::val
end
subgraph P5a["⑤a Back-end"]
EA1["Config\nhébergement"]
EA2["Intégration\nback-end"]:::ai
EA3["Revue\ncode back"]:::ai
end
subgraph P5b["⑤b Front-end"]
EB1["Intégration\n& fonctions"]:::ai
EB2["Responsive"]:::ai
EB3["Revue\ncode front"]:::ai
end
subgraph P6["⑥ Tests"]
F1["Tests\nnavigateurs"]:::ai
F2["Debugging"]
F3{"Recette\nclient"}:::val
F4["Corrections"]:::ai
end
subgraph P7["⑦ Lancement"]
G1["Déploiement\n& checklist"]:::ai
G2["Formation"]
G3["Maintenance\n& Analytics"]:::ai
end
END2(["✅ Live"]):::done
START-->A1
A1-->A2-->A3-->A4-->A5-->A6-->A7-->A8-->A9
A9-->|GO|B1
A9-->|"↩ Révisions"|A7
B1-->B2
B2-->|"↩"|B1
B2-->|GO|C1
B2-->|GO|D0
B2-->|GO|EA1
C1-->C2-->C3
C3-->|Claude|C4
C3-->|Figma|C5
C4-->C6
C5-->C6
C6-->C7
C7-->|"↩"|C6
C7-->|GO|EB1
D0-->D1-->D2
D2-->D3
D3-->D4-->D5
D5-->|"↩"|D3
D2-->D6
D6-->D7
D7-->|"↩"|D6
EA1-->EA2-->EA3
EB1-->EB2-->EB3
EA3-->F1
EB3-->F1
F1-->F2-->F3
F3-->|GO|G1
F3-->|"↩ Bugs"|F4-->F1
G1-->G2-->G3-->END2
classDef start fill:#1a2540,color:#5b8dee,stroke:#5b8dee,stroke-width:2px
classDef ai fill:#003d30,color:#00d4aa,stroke:#00d4aa,stroke-width:1.5px
classDef val fill:#2a1f4a,color:#b39ddb,stroke:#7c4dff,stroke-width:1.5px
classDef done fill:#00d4aa,color:#0d0f14,stroke:none