Skip to content
Figma : design UI/UXWebflow : intégration & animationNotion / Coda / ClickUp : gestion de projetGoogle Docs / Drive : contenus et livrablesAhrefs / Google Lighthouse / Analytics : SEO et performance
Workflow - Conception Web
Phase
Étape
Objectif
Livrable / Action
P1 : Cadrage & stratégie
1. Brief client & objectifs
Comprendre les besoins, cibles et messages clés
Document de cadrage
P1 : Cadrage & stratégie
2. Audit et benchmark
Étudier la concurrence et le positionnement digital
Tableau d’analyse + moodboard web
P1 : Cadrage & stratégie
3. Arborescence du site
Structurer les pages et la hiérarchie du contenu
Sitemap validé
P1 : Cadrage & stratégie
4. Définition des contenus
Identifier textes, visuels, vidéos nécessaires
Plan de contenu / wire content
P1 : Cadrage & stratégie
5. Validation du concept global
Approche visuelle et ton du site
Présentation client
P2 : Design & prototypage
6. Wireframes
Organisation UX des pages principales
Wireframes desktop + mobile
P2 : Design & prototypage
7. Moodboard UI
Définition du style visuel
Moodboard Figma
P2 : Design & prototypage
8. Design complet sur Figma
Création des maquettes finales (desktop, tablette, mobile)
Figma finalisé
P2 : Design & prototypage
9. Validation du design
Recueillir les retours client
Feedback et validation
P3 : Intégration Webflow
10. Création du projet Webflow
Configuration du site et de la structure CMS
Base du site prête
P3 : Intégration Webflow
11. Intégration des pages
Reproduction fidèle des maquettes Figma
Pages principales intégrées
P3 : Intégration Webflow
12. Configuration CMS
Collection des contenus dynamiques (articles, projets, etc.)
CMS structuré
P3 : Intégration Webflow
13. Responsive design
Ajustement sur mobile et tablette
Site responsive
P3 : Intégration Webflow
14. Animations & interactions
Micro-interactions, transitions, effets de scroll
Animation Webflow configurée
P4 : Optimisation & tests
15. SEO de base
Titres, métadonnées, ALT, structure Hn
SEO technique intégré
P4 : Optimisation & tests
16. Performance
Vitesse, compression images, scripts
Optimisation testée
P4 : Optimisation & tests
17. Accessibilité & compatibilité
Lecture, contrastes, test sur navigateurs
Contrôle qualité
P4 : Optimisation & tests
18. Test client & ajustements
Feedbacks finaux
Corrections appliquées
P5 : Mise en ligne & maintenance
19. Connexion du domaine
Configuration DNS / hébergement
Domaine en ligne
P5 : Mise en ligne & maintenance
20. Publication du site
Site accessible au public
Site live
P5 : Mise en ligne & maintenance
21. Formation client
Explication gestion CMS Webflow
Session vidéo / guide PDF
P5 : Mise en ligne & maintenance
22. Sauvegarde & archivage
Export / duplication du projet
Backup Webflow + dossier source
P5 : Mise en ligne & maintenance
23. Maintenance post-lancement
Suivi et correctifs
Contrat de maintenance (optionnel)
There are no rows in this table
⚙️ Outils conseillés :
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.