Missions, compétences clés, environnement professionnel et formation du métier de chef de projet digital / web — pour vous orienter et réussir votre alternance.
Sans mot de passe : entrez votre email et accédez aux offres d'alternance correspondantes à Lyon, avec alertes personnalisées.
Bienvenue dans ce premier module consacré au métier de chef de projet digital et web. Une chose doit être claire dès maintenant : ce cours n'est pas une visite guidée académique du métier, c'est un manuel d'exercice. À la fin de cette séance, vous saurez où postuler et à quel salaire, quelles règles légales vérifier avant chaque mise en ligne, comment cadrer et chiffrer un projet réel en jours-homme, quels outils utiliser et combien ils coûtent vraiment, et quels emails écrire, mot pour mot, quand un prestataire dérape ou qu'un client s'énerve. Chaque partie s'appuie sur des cas concrets traités de bout en bout : la situation, les actions, le geste exact, le résultat. Prenez des notes actionnables : tout ce que vous verrez ici est utilisable dès votre première semaine en alternance.
Voici comment nous allons progresser. Première partie : l'environnement du métier. Vous découvrirez les quatre types d'employeurs et leurs salaires réels, le cadre légal que vous devrez appliquer en poste, et votre place exacte dans l'organisation avec les circuits de décision. Deuxième partie : les missions réelles du quotidien. Nous traiterons un projet de bout en bout : le brief client avec les questions exactes à poser, le chiffrage en jours-homme, le planning outillé clic par clic, les rituels de pilotage, puis la recette et la mise en ligne sans casse. Troisième partie : les compétences et les standards de performance. Vous apprendrez la boîte à outils complète avec les coûts réels de chaque logiciel, les scripts de communication qui protègent, et le plan d'action des quatre-vingt-dix premiers jours d'alternance. Chaque sous-partie se termine par un encadré à retenir, et la séance se clôt par un exercice noté et un auto-test de dix questions.
Le métier de chef de projet web est jeune : il naît avec le Web lui-même, inventé par Tim Berners-Lee au CERN en 1989. En 2001, le Manifeste Agile bouleverse la conduite des projets logiciels : on livre par petites itérations plutôt qu'en un bloc final, et ce principe structure encore vos futurs plannings. En 2007, l'iPhone impose le mobile : depuis, aucun site ne se conçoit sans version mobile, et vous testerez systématiquement sur téléphone réel. En 2018, le RGPD entre en application : la conformité des données devient une tâche obligatoire de chaque projet, donc une de vos responsabilités directes. En 2020, la crise sanitaire pousse les TPE-PME françaises à s'équiper en ligne, ce qui gonfle durablement le carnet de commandes des agences. Enfin, depuis 2022, l'IA générative accélère la production de contenus et de maquettes : elle change les outils, pas la responsabilité du pilote. Ce pilote, c'est vous.
Quatre environnements possibles, et le choix change tout. En agence, vous pilotez cinq à quinze projets en parallèle pour des clients différents : rythme soutenu, apprentissage très rapide, salaire junior autour de trente-deux à trente-six mille euros brut annuels. C'est le meilleur terrain d'alternance : en un an, vous rencontrez plus de situations réelles qu'en trois ans ailleurs. Chez l'annonceur, c'est-à-dire l'entreprise qui possède le site, vous travaillez sur un seul produit dans la durée : moins de pression commerciale, salaires souvent supérieurs de dix pour cent, progression plus lente. En ESN, vous êtes salarié d'une société de services et détaché en mission chez un client, parfois pendant des mois : bon tremplin vers les grands comptes. En freelance, vous facturez entre trois cent cinquante et six cents euros la journée, mais vous consacrez vingt pour cent de votre temps à prospecter et vous assumez seul les impayés. Recommandation concrète : commencez en agence, envisagez l'annonceur ou le freelancing après trois à cinq ans.
Déroulons le cas complet d'une étudiante qui cherche son alternance de chef de projet à Lyon. Situation : deux cents candidatures génériques envoyées, zéro réponse. Actions. Un : sur LinkedIn, elle ouvre la recherche, tape « agence web », clique sur le filtre Lieux, saisit Lyon, puis filtre les entreprises de dix à cinquante salariés : elle obtient une liste de vingt agences. Deux : pour chacune, elle identifie le directeur ou la directrice de production, pas le service recrutement. Trois : elle envoie ce message, mot pour mot : « Bonjour, je prépare un titre RNCP en alternance. J'ai cadré et chiffré un projet de site vitrine que je peux vous présenter en dix minutes. Auriez-vous quinze minutes cette semaine ? » Quatre : elle joint un portfolio d'une page créé gratuitement dans Notion et mis en ligne via le bouton Partager, puis Publier sur le web. Résultat : sur vingt messages personnalisés, six réponses, quatre entretiens, une signature en trois semaines. La leçon tient en une phrase : vingt candidatures travaillées battent deux cents candidatures copiées-collées.
Créez votre compte gratuit et recevez les offres d'alternance chef de projet digital / web à Lyon.
Lisez ce graphique comme un carnet de commandes. Soixante-huit pour cent des TPE françaises disposent d'un site web, quatre-vingt-quatre pour cent des PME, quatre-vingt-seize pour cent des grandes entreprises. Deux enseignements concrets pour vous. Premier enseignement : le tiers de TPE encore non équipées constitue le vivier de prospection des agences locales, donc vos futurs projets de sites vitrines, exactement le type de projet que nous chiffrerons en deuxième partie. Deuxième enseignement : près d'une TPE-PME sur deux confie son site à un prestataire externe ; le travail passe donc par des agences, précisément là où vous chercherez votre alternance. Ajoutez la progression de onze points de l'équipement des TPE depuis 2020 : le flux de créations, de refontes, de mises en conformité et de contrats de maintenance est structurel, pas conjoncturel. Ce métier ne manque pas de travail ; il manque de professionnels capables de tenir les engagements.
Récapitulons cette première sous-partie en quatre points opérationnels. Un : pour apprendre vite, visez l'agence ; la multiplicité des projets vous exposera en un an à plus de situations réelles que n'importe quel autre environnement. Deux : connaissez les chiffres pour négocier, trente-deux à trente-six mille euros brut en junior agence, un taux journalier de trois cent cinquante à six cents euros en freelance après quelques années d'expérience. Trois : le flux d'affaires vient des TPE-PME françaises qui s'équipent et externalisent ; c'est ce qui garantit le carnet de commandes des agences qui vous recruteront. Quatre : pour décrocher l'alternance, appliquez la méthode du cas pratique, vingt cibles identifiées sur LinkedIn, un message de quatre phrases, un portfolio Notion publié gratuitement. La prochaine sous-partie passe aux règles légales que vous appliquerez en poste, projet après projet.
Le RGPD n'est pas un chapitre de droit, c'est une checklist que vous déroulerez avant chaque mise en ligne. Concrètement, voici les gestes. Un : ouvrez chaque formulaire du site et vérifiez que la case de consentement existe et qu'elle est décochée par défaut ; une case pré-cochée est illégale. Deux : sous chaque formulaire, contrôlez la mention obligatoire : pourquoi les données sont collectées, combien de temps elles sont conservées, qui contacter pour les supprimer. Trois : téléchargez gratuitement le modèle de registre des traitements sur le site de la CNIL, c'est un simple tableur, et ajoutez une ligne par formulaire : données collectées, finalité, durée de conservation. Quatre : si le projet utilise un outil d'emailing ou un hébergeur, vérifiez que le contrat contient une clause de sous-traitance RGPD ; demandez-la par écrit au prestataire si elle manque. Quinze minutes par projet, et vous protégez votre employeur d'un contrôle douloureux. C'est le chef de projet qui déroule cette liste, personne d'autre ne le fera.
Trois chantiers concrets sur chaque site. D'abord le bandeau cookies : la règle CNIL est simple, refuser doit être aussi facile qu'accepter, donc deux boutons de même niveau, et aucun cookie de mesure ou de publicité déposé avant le clic. Deux solutions selon le budget : tarteaucitron point js, gratuit et open source, que le développeur intègre en déclarant chaque service ; ou Axeptio, solution française payante autour de trente euros par mois, avec une interface d'administration sans code, adaptée aux clients qui veulent de l'autonomie. Ensuite les mentions légales, obligatoires sur tout site français : raison sociale de l'éditeur, adresse, nom du directeur de publication, coordonnées de l'hébergeur. Gardez un modèle prêt à remplir, cinq minutes par projet. Enfin l'accessibilité, cadrée par le référentiel RGAA : pour vérifier le contraste d'un texte, faites clic droit, Inspecter, cliquez sur la valeur de couleur dans les styles, et Chrome affiche le ratio de contraste ; il doit atteindre au moins quatre virgule cinq pour un. Ces trois vérifications figurent dans votre checklist de mise en ligne, que nous verrons en partie deux.
Situation réelle type : une PME cliente possède un site WordPress sans bandeau cookies, avec un formulaire de contact sans consentement, et Google Analytics qui se déclenche dès l'arrivée. Le client a reçu un courrier d'avocat d'un concurrent et panique. Actions, dans l'ordre. Un : audit de trente minutes, on liste quatre non-conformités dans un tableur. Deux : dans WordPress, menu Extensions, bouton Ajouter une extension, recherche « tarteaucitron », Installer maintenant, puis Activer ; dans les réglages de l'extension, on déclare Google Analytics comme service soumis à consentement, ce qui bloque son déclenchement avant le clic. Trois : dans le formulaire créé avec Contact Form 7, on ajoute la balise d'acceptation avec ce texte : « J'accepte que mes données soient utilisées pour traiter ma demande. Elles sont conservées douze mois. » Quatre : on crée la page Mentions légales depuis le modèle de l'agence et on la lie dans le pied de page. Cinq : on ajoute une ligne au registre des traitements. Résultat : une journée facturée quatre cent cinquante euros, un client conforme et rassuré, et un contrat de maintenance signé dans la foulée.
Prenez la mesure du risque, car c'est vous qui serez en première ligne. Le RGPD prévoit des amendes jusqu'à quatre pour cent du chiffre d'affaires mondial, et la CNIL a déjà sanctionné lourdement de grands acteurs pour des cookies déposés avant consentement : cent millions d'euros pour Google et trente-cinq millions pour Amazon en décembre 2020. Pour une PME, la sanction typique est plus modeste mais la mise en demeure publique, elle, détruit la réputation locale : votre client boulanger ou avocat ne s'en relève pas commercialement. Votre réflexe professionnel, à graver dès maintenant : si un client refuse la mise en conformité pour des raisons de coût, vous ne portez pas la décision à sa place, mais vous l'actez par écrit. Un email simple : « Nous vous avons signalé les non-conformités suivantes ; vous avez choisi de reporter leur correction. » Ce mail vous protège, protège votre agence, et neuf fois sur dix, il fait changer le client d'avis.
Ce qu'il faut emporter de cette sous-partie tient en quatre réflexes. Premier réflexe : le RGPD se traite comme une checklist opérationnelle de quinze minutes avant chaque mise en ligne, cases de consentement décochées, mentions sous les formulaires, ligne ajoutée au registre CNIL. Deuxième réflexe : un bandeau cookies n'est conforme que si le refus est aussi simple que l'acceptation et qu'aucun traceur ne part avant le clic. Troisième réflexe : vous connaissez désormais les deux solutions et leurs coûts réels, tarteaucitron point js gratuit et open source, Axeptio autour de trente euros mensuels pour les clients qui veulent une interface d'administration. Quatrième réflexe, le plus important pour votre carrière : quand un client refuse une correction de conformité, vous actez son refus par écrit, avec la date. Vous n'êtes pas juriste, mais vous êtes le dernier maillon avant la mise en ligne. Passons maintenant à votre place dans l'organisation.
Connaître les rôles, c'est savoir à qui poser chaque question, et c'est ce qui distingue immédiatement un professionnel d'un stagiaire. Le designer UX/UI conçoit les parcours et les maquettes dans Figma : c'est à lui que vous demandez « peut-on simplifier ce formulaire ? ». Le développeur front transforme les maquettes en écrans réels : question type, « ce composant est-il réutilisable ou refait à chaque page ? ». Le développeur back gère les données, le serveur et les connexions aux services externes : c'est lui que vous interrogez sur les temps de réponse ou une synchronisation avec l'outil de gestion du client. Le référenceur ou traffic manager pilote la visibilité : redirections, mots-clés, campagnes. Et vous, vous êtes le liant : vous ne produisez rien, mais vous arbitrez, vous protégez le planning et vous portez la relation client. Erreur classique du débutant à ne jamais commettre : demander au développeur front un correctif de base de données. Vous perdez du temps et votre crédibilité. Apprenez la carte des rôles dès la première semaine.
Un projet se pilote dans quatre rendez-vous, et vous animez les quatre. Le kick-off, en tout début de projet : une heure pour valider le périmètre, les jalons et surtout le circuit de validation côté client, c'est-à-dire une question à poser mot pour mot : « Qui, chez vous, a le pouvoir de valider les maquettes, et en combien de jours ouvrés ? » Cette réponse conditionne tout le planning. Le weekly interne, trente minutes avec l'équipe de production : chacun annonce ce qui est fait, ce qui est en cours, ce qui bloque ; vous levez les blocages dans la journée. Le comité client, souvent toutes les deux semaines : vous présentez l'avancement, vous obtenez les validations, vous actez les demandes nouvelles. Le comité de pilotage, ou copil, réunit les décideurs pour les sujets lourds : dépassement de budget, décalage de jalon, changement de périmètre. Règle d'or transversale : toute décision prise dans une de ces instances est confirmée par écrit dans les vingt-quatre heures. Une décision non écrite n'existe pas, et c'est toujours le chef de projet qui paie l'ambiguïté.
Situation vécue dans toutes les agences. Le client appelle directement votre développeur, lui demande « un petit changement de rien du tout » sur la page d'accueil. Le développeur, serviable, s'exécute : une journée de travail non chiffrée, et le jalon de fin de semaine saute. Vous découvrez tout le vendredi. Actions. Un : vous parlez au développeur, sans reproche, avec cette phrase : « Tu as bien fait de vouloir aider ; la prochaine fois, tu réponds au client que tu transmets sa demande au chef de projet, et tu me préviens dans la foulée. » Deux : vous écrivez au client, mot pour mot : « Pour garantir vos délais et la fiabilité du chiffrage, toute demande passe par moi. Votre demande de vendredi représente une journée de travail : je vous propose de l'intégrer au lot deux, ou de la traiter en avenant. Quelle option préférez-vous ? » Trois : au comité suivant, vous faites acter le circuit unique de demandes. Résultat : le client garde un canal, le développeur est protégé, et chaque demande redevient chiffrée. Aucun conflit, deux emails, un rappel de processus.
Prenons de la hauteur sur l'ensemble de vos interlocuteurs, car votre semaine type les traverse tous. Le client, d'abord : il décide et il paie ; votre travail consiste à le tenir informé avant qu'il ne demande. La direction de votre agence ensuite : elle regarde la marge de vos projets ; quand vous consommez plus de jours que vendus, c'est elle que vous alertez en premier. L'équipe de production, créa et développeurs : vous la protégez des sollicitations directes et vous lui donnez de la visibilité sur la semaine. Les prestataires externes, hébergeur, rédacteur, photographe, freelance en renfort : vous les briefez par écrit et vous suivez leurs livraisons comme des jalons à part entière. Enfin la sphère administrative : devis signés avant de commencer, factures émises aux jalons, contrats archivés. Un bon chef de projet sait, pour chaque sujet qui atterrit sur son bureau, vers lequel de ces cinq mondes le router en moins d'une minute. C'est cette fluidité de routage qui fait dire d'un pilote qu'il est fiable.
Quatre acquis à emporter de cette sous-partie. Un : apprenez la carte des rôles dès votre première semaine, designer pour les parcours, développeur front pour les écrans, développeur back pour les données, référenceur pour la visibilité ; poser la bonne question à la bonne personne est votre premier gage de crédibilité. Deux : au kick-off, verrouillez le circuit de validation client avec la question exacte du cours, qui valide et en combien de jours ; c'est la variable cachée de tous les plannings. Trois : aucune décision n'existe tant qu'elle n'est pas écrite ; confirmez tout par email sous vingt-quatre heures. Quatre : toute demande client passe par vous, et vous savez désormais recadrer un court-circuit sans conflit, avec les deux emails du cas pratique. La première partie s'achève : vous connaissez le terrain, les règles et votre position. Place aux missions réelles du quotidien.
Un brief raté se paie pendant des mois : voici les questions à poser, littéralement. « Quel résultat business attendez-vous du site dans un an : des appels, des devis, des ventes en ligne, combien ? » Cette question transforme un projet flou en objectif mesurable. « Qui sont vos clients et comment vous trouvent-ils aujourd'hui ? » Vous saurez si le trafic viendra du référencement local ou des réseaux. « Quelle est votre fourchette de budget ? » Osez-la dès le premier rendez-vous : un client qui pense en trois mille euros et une agence qui pense en quinze mille perdent leur temps ensemble ; la question posée tôt évite trois semaines de travail commercial pour rien. « Qui rédige les textes et fournit les photos ? » C'est la cause numéro un des retards de sites vitrines : si le client dit « nous », inscrivez une date limite de remise des contenus dans le cahier des charges, avec décalage automatique du planning en cas de retard. Et enfin la question du circuit de validation, vue en partie une. Sortez de chaque brief avec ces réponses écrites, relues au client en fin de réunion.
Le chiffrage est la compétence qui fait le plus peur aux débutants, alors que la méthode tient en cinq gestes. Premier geste : découpez le projet en lots, par exemple maquettes, intégration, développement, contenus, recette, mise en ligne. Deuxième geste : dans chaque lot, listez les tâches et demandez à chaque producteur d'estimer les siennes en demi-journées ; jamais plus fin, c'est illusoire, jamais plus gros, c'est invérifiable. Troisième geste : additionnez et ajoutez quinze à vingt pour cent de marge pour risques ; ce n'est pas du confort, c'est la couverture statistique des imprévus, il y en a toujours. Quatrième geste : ajoutez la gestion de projet, votre propre temps, environ quinze pour cent du total production ; les débutants l'oublient et offrent leur travail. Cinquième geste : multipliez par le tarif jour de votre structure, entre trois cent cinquante et six cents euros hors taxes selon les agences et les régions. Vous obtenez un devis défendable ligne par ligne, ce qui change tout en négociation : quand le client demande une remise, vous retirez du périmètre, pas de la marge.
Appliquons la méthode sur un cas réel type : une menuiserie veut un site vitrine de huit pages sous WordPress pour générer des demandes de devis. Découpage et estimations recueillies auprès de l'équipe : maquettes, trois jours ; intégration WordPress des huit pages, quatre jours ; formulaire de devis avec pièces jointes, deux jours ; intégration des contenus fournis par le client, un jour ; recette et corrections, un jour ; mise en ligne et conformité RGPD, une demi-journée. Total production : onze jours et demi. Ajoutons la gestion de projet, un jour et demi, soit treize jours. La marge de risque est ici intégrée dans les estimations de l'équipe, qui a l'habitude de ce type de projet. Au tarif de quatre cent cinquante euros la journée, le devis sort à cinq mille huit cent cinquante euros hors taxes. Côté client, il faut ajouter l'hébergement, par exemple o2switch, hébergeur français autour de quatre-vingt-sept euros par an, et le nom de domaine, une douzaine d'euros. Le devis part avec le détail des lots : le client voit ce qu'il paie, et vous pouvez défendre chaque ligne. Il signe sous huit jours.
Quatre règles de cadrage à emporter. Première règle : aucun projet ne démarre sans cahier des charges signé ; ce document décide seul de ce qui est compris dans le prix et de ce qui devient avenant. Deuxième règle : au brief, posez tôt les deux questions inconfortables, la fourchette de budget et la fourniture des contenus ; ce sont elles qui tuent ou sauvent les plannings. Troisième règle : chiffrez avec la méthode des cinq gestes, découpage en lots, estimation en demi-journées par les producteurs eux-mêmes, marge de quinze à vingt pour cent, gestion de projet à quinze pour cent, multiplication par le tarif jour, trois cent cinquante à six cents euros selon la structure. Quatrième règle : un devis détaillé par lots se défend ligne par ligne ; face à une demande de remise, on réduit le périmètre, jamais la marge. Vous savez cadrer. Voyons maintenant comment piloter la production au quotidien.
Construisons le planning dans Notion, un outil gratuit en usage individuel et facturé environ neuf euros cinquante par utilisateur et par mois en version Plus pour les équipes. Suivez les clics. Un : créez une nouvelle page, nommez-la du nom du projet. Deux : tapez la commande slash database et choisissez vue Table. Trois : créez les colonnes une par une : Tâche en texte, Responsable en personne, Statut en sélection avec les options à faire, en cours, en validation, terminé, et Échéance en date. Quatre : saisissez les tâches issues de votre chiffrage, une ligne par tâche, un seul responsable par ligne, jamais deux. Cinq : cliquez sur le bouton plus à côté du nom de la vue, ajoutez une vue Timeline : votre rétroplanning apparaît, et vous glissez les barres pour ajuster les dates. Marquez les jalons client d'une couleur dédiée : ce sont eux que vous surveillez. Alternatives selon le contexte : Trello, gratuit et suffisant pour un petit projet en tableau kanban ; Asana, gratuit jusqu'à dix utilisateurs puis environ onze euros par utilisateur ; Jira, gratuit jusqu'à dix utilisateurs, standard dans les équipes très techniques. L'outil importe moins que la règle : un planning vivant, mis à jour chaque jour, visible par toute l'équipe.
Deux rituels suffisent à tenir la plupart des projets, à condition de les tenir vraiment. Le premier est le point quotidien avec l'équipe, quinze minutes, debout ou en visio, avec trois questions rituelles par personne : qu'as-tu terminé hier, que fais-tu aujourd'hui, qu'est-ce qui te bloque ? Votre seul travail ensuite : lever chaque blocage dans les vingt-quatre heures, car un développeur bloqué deux jours, c'est deux jours de budget brûlés en silence. Le second rituel est le mail d'avancement au client, chaque vendredi, avec un gabarit fixe de quatre blocs que je vous donne mot pour mot : fait cette semaine, en cours la semaine prochaine, points d'attention ou risques, décisions attendues de votre part avec date limite. Dix minutes de rédaction, et le client n'appelle plus jamais en panique le lundi. Pour objectiver le tout, faites saisir les temps passés dans Toggl Track, dont la version gratuite suffit largement à une petite équipe : c'est votre thermomètre budget, la comparaison chaque semaine entre jours consommés et jours vendus, lot par lot.
Situation : le développeur freelance qui réalise le module de réservation devait livrer lundi ; nous sommes jeudi, silence radio, et la recette client démarre dans dix jours. Actions, dans l'ordre exact. Un : vous appelez, vous n'écrivez pas ; l'email en premier est une fuite. Au téléphone, une question factuelle : « Où en es-tu précisément, et de quoi as-tu besoin pour finir ? » Il annonce trois jours de travail restants. Deux : vous envoyez dans l'heure l'email de cadrage, mot pour mot : « Suite à notre échange, nous actons la livraison du module au mardi 12 à 12 h. Ce jalon conditionne la recette client du 19. Conformément à notre bon de commande, un nouveau report entraînerait l'application des pénalités prévues. Merci de me confirmer par retour. » Ferme, factuel, sans agressivité, et ça crée la trace. Trois : vous prévenez le client avant que le retard ne le touche : « Un lot technique décale de trois jours ; la recette reste au 19 car nous avons réorganisé l'ordre des travaux. » Quatre : vous notez de doubler les points d'étape avec ce prestataire sur le prochain projet. Résultat : module livré le mardi, recette tenue, client jamais surpris. Le retard était réel ; la crise, elle, n'a pas eu lieu.
Un principe transversal mérite sa boîte dédiée : dans ce métier, ce qui n'est pas écrit n'existe pas. Chaque appel téléphonique important se termine par un mail de synthèse envoyé dans l'heure : « Suite à notre échange, nous avons convenu de… merci de me signaler toute divergence. » Ce mail n'est pas de la paperasse : c'est lui qui tranchera le jour où le client affirmera n'avoir jamais validé la maquette. Normez vos objets d'email : nom du projet entre crochets, la nature, décision, validation ou alerte, puis le sujet ; vos emails deviennent retrouvables en dix secondes. Les validations client se font par écrit, idéalement par un clic tracé, réponse formelle à un email listant précisément ce qui est validé. Enfin, tenez un canal unique par projet, un canal Slack dédié ou un fil d'emails avec toujours les mêmes destinataires, archivé en fin de projet. Le jour d'un litige, cette discipline vaut un avocat. Et au quotidien, elle vous fait passer pour ce que vous serez devenu : quelqu'un de fiable.
Retenez quatre gestes de pilotage. Premier geste : un planning vivant dans Notion, Trello ou Asana, une ligne par tâche, un seul responsable par ligne, une vue chronologique avec les jalons client en couleur ; vous connaissez maintenant le coût réel de ces outils, de gratuit à une dizaine d'euros par utilisateur. Deuxième geste : le point quotidien de quinze minutes avec ses trois questions, et l'engagement qui va avec, tout blocage signalé est levé sous vingt-quatre heures. Troisième geste : le mail d'avancement du vendredi en quatre blocs, fait, en cours, risques, décisions attendues ; c'est lui qui remplace les appels de panique du client. Quatrième geste : face à un prestataire en retard, l'ordre est immuable, appel d'abord pour comprendre, email de cadrage daté ensuite pour tracer, information proactive du client enfin, avec un plan. Et en toile de fond, la règle d'or : rien n'existe tant que ce n'est pas écrit. Reste à livrer sans casse : c'est la prochaine sous-partie.
La recette, c'est la vérification systématique du site avant livraison, et son outil est d'une banalité assumée : un Google Sheets gratuit, partagé avec l'équipe et le client. Construisez-le colonne par colonne : colonne A, la page ou l'écran concerné ; colonne B, le scénario de test ; colonne C, le résultat attendu ; colonne D, le résultat constaté ; colonne E, le statut. Toute la valeur est dans la formulation des scénarios : un scénario est une action précise et vérifiable. N'écrivez jamais « tester le formulaire » ; écrivez « remplir le formulaire de devis avec une pièce jointe de 8 Mo et vérifier la réception de l'email de confirmation ». La première formulation produit un survol ; la seconde attrape le bug de limite de taille avant que le client ne le trouve. Déroulez le cahier sur trois environnements au minimum : Chrome, Safari, et un vrai téléphone, pas seulement le mode responsive du navigateur, qui masque des défauts tactiles. Cycle de vie des statuts : OK, KO, corrigé, revalidé ; un correctif non revalidé n'est pas un correctif. Comptez une ligne de recette pour chaque fonctionnalité du cahier des charges : la boucle est bouclée avec le document de cadrage.
Le jour de la mise en ligne, on ne réfléchit pas, on déroule une checklist. La voici, dans l'ordre. Un : sauvegarde complète du site existant, fichiers et base de données, avant de toucher quoi que ce soit ; c'est votre bouton retour arrière. Deux : si le site remplace un ancien, tableau de redirections 301, chaque ancienne adresse pointant vers sa nouvelle page ; sans cela, le client perd du jour au lendemain son référencement accumulé. Trois : test réel de chaque formulaire, vous les remplissez vous-même et vous vérifiez la réception effective des emails, y compris dans les indésirables. Quatre : mesure d'audience branchée, Google Analytics 4, gratuit, via le bandeau de consentement, et le site déclaré dans Google Search Console : bouton Ajouter une propriété, saisie du domaine, validation par l'enregistrement DNS que l'hébergeur vous fournit. Cinq : HTTPS forcé sur toutes les adresses et page 404 personnalisée qui ramène vers l'accueil. Dernière règle, non technique mais absolue : on met en ligne le mardi ou le mercredi matin, jamais le vendredi après-midi, pour avoir des jours ouvrés devant soi si un problème émerge.
Le scénario que tout chef de projet vit un jour. Une boutique en ligne est mise en production à dix heures ; à midi, le client appelle : des acheteurs signalent que le paiement échoue. Actions, chronométrées. Douze heures cinq : vous reproduisez le bug vous-même, une commande test avec la carte de test ; l'erreur survient à l'étape du paiement, vous notez le message exact et faites une capture. Douze heures quinze : décision avec le développeur ; le correctif est incertain, donc vous choisissez le retour arrière : restauration de la sauvegarde faite le matin même, depuis l'interface de l'hébergeur, et l'ancienne version refonctionne à douze heures trente. Douze heures quarante : message au client, mot pour mot : « Un dysfonctionnement du paiement a été détecté à 12 h. L'ancienne version du site a été rétablie à 12 h 30 : vos ventes continuent. Correctif en cours, nouvelle bascule demain 9 h, je vous confirme ce soir. » Le lendemain : cause identifiée, une clé de configuration du prestataire de paiement restée en mode test ; correctif, re-recette du parcours complet, nouvelle mise en ligne. Vendredi : post-mortem d'une demi-page et ajout d'une ligne à la checklist go-live : « vérifier les clés de paiement en mode production ». C'est toute la différence entre un incident et une catastrophe : la sauvegarde du matin et un message client sans panique.
Deux filets de sécurité doivent exister sur chacun de vos projets, et c'est à vous de vérifier qu'ils existent, pas au développeur de s'en souvenir. Premier filet : un environnement de préproduction, c'est-à-dire une copie exacte du site sur une adresse cachée, où toutes les modifications se testent avant d'être poussées sur le site réel. La règle associée ne souffre aucune exception : on ne modifie jamais directement la production, même pour « une virgule », car la virgule d'aujourd'hui est la page blanche de demain. Second filet : des sauvegardes automatiques quotidiennes, fichiers plus base de données, activées chez l'hébergeur ; la plupart des offres sérieuses les incluent, vérifiez-le au démarrage du projet dans l'interface d'administration, rubrique sauvegardes. Et complétez par le réflexe que presque personne n'a : tester une restauration réelle une fois par trimestre. Une sauvegarde jamais restaurée est une hypothèse, pas une protection. Le cas précédent l'a montré : trente minutes de rollback tranquille valent mieux qu'une nuit de correctifs paniqués.
Voici vos quatre acquis de livraison. Un : le cahier de recette est un tableur gratuit mais exigeant, chaque ligne est une action précise avec un résultat attendu, et le cycle des statuts va jusqu'à la revalidation ; un correctif non revalidé n'existe pas. Deux : on teste sur trois environnements au minimum, Chrome, Safari et un téléphone réel, parce que le mode responsive du navigateur ne montre pas tout. Trois : la mise en ligne est une checklist, sauvegarde d'abord, redirections, formulaires testés en réel, mesure d'audience et Search Console, HTTPS ; et elle se déroule un mardi ou mercredi matin, jamais un vendredi. Quatre : face au bug critique, la séquence est reproduire, décider vite entre correctif et retour arrière, informer le client avec des faits et une échéance, puis tirer la leçon en enrichissant la checklist. Vous savez désormais exécuter un projet de bout en bout. La troisième partie vous donne les outils, les scripts et les standards pour le faire au niveau d'un professionnel confirmé.
Passons la boîte à outils en revue, avec les prix réels, car en poste on vous demandera d'arbitrer des abonnements. Pilotage : Notion, gratuit seul, environ neuf euros cinquante par utilisateur et par mois en équipe ; Jira, gratuit jusqu'à dix utilisateurs puis environ sept euros cinquante, incontournable dans les équipes de développement. Design : Figma ; vous n'aurez pas besoin de licence d'édition, la consultation et les commentaires sur les maquettes sont gratuits, et c'est exactement votre usage : commenter, pas dessiner. Communication : Slack en version gratuite limite l'historique à quatre-vingt-dix jours, la version Pro coûte environ sept euros par utilisateur ; beaucoup de clients grands comptes imposeront plutôt Teams, inclus dans leur abonnement Microsoft. Mesure d'audience : Google Analytics 4 est gratuit ; Matomo, l'alternative française appréciée des secteurs sensibles à la donnée, est gratuit auto-hébergé et démarre autour de dix-neuf euros par mois en version cloud. Capture vidéo : Loom, gratuit jusqu'à vingt-cinq vidéos, parfait pour montrer un bug ou faire valider un parcours à distance. Règle d'arbitrage à retenir : pour un projet, la version gratuite suffit presque toujours ; on paie quand l'équipe dépasse dix personnes ou que l'historique devient critique.
Vous ne coderez pas, mais vous devez pouvoir regarder sous le capot, et le navigateur vous en donne les moyens gratuitement. Appuyez sur F12, ou faites clic droit puis Inspecter : les outils de développement s'ouvrent. Trois onglets vous concernent. L'onglet Console affiche les erreurs en rouge : quand un client signale que « le bouton ne marche pas », ouvrez la console, faites une capture de l'erreur et joignez-la au ticket ; le développeur gagnera une heure de diagnostic et vous gagnerez son respect. L'onglet Network, ou Réseau : rechargez la page avec cet onglet ouvert et triez par taille ou par durée ; vous verrez immédiatement si la lenteur vient d'une image de dix mégaoctets, cas le plus fréquent, ou d'un service externe qui ne répond pas. L'onglet Lighthouse enfin : cliquez sur Analyser le chargement de la page, et vous obtenez des scores de performance, d'accessibilité et de référencement, avec la liste des corrections proposées ; c'est votre argumentaire chiffré pour vendre au client une optimisation. L'objectif n'est jamais de réparer vous-même : c'est de qualifier le problème et de dialoguer avec le développeur en langage précis.
Vendredi, onze heures : le client envoie « le site ne marche pas ». Le débutant transfère tel quel au développeur, qui ne peut rien en faire ; le professionnel déroule ceci. Un, qualifier, en répondant au client avec trois questions précises : « Sur quelle page exactement ? Quelle action faisiez-vous ? Sur quel navigateur et quel appareil ? » Réponse : le formulaire de devis, sur Safari, sur iPhone. Deux, reproduire : vous prenez un iPhone, vous déroulez le parcours ; effectivement, le bouton d'envoi reste grisé quand on ajoute une pièce jointe. Trois, documenter : vous filmez le parcours en trente secondes avec Loom, gratuit pour ce volume, et vous rédigez le ticket avec le gabarit en cinq champs : contexte, étapes de reproduction numérotées, résultat attendu, résultat constaté, environnement. Quatre, prioriser : formulaire de devis en panne égale perte de chiffre d'affaires directe pour le client, donc priorité critique, et un message au développeur : « Peux-tu regarder avant la fin de journée ? La vidéo et les étapes sont dans le ticket. » Résultat : bug corrigé en deux heures, client informé avant qu'il ne relance. Le même bug, transmis en « ça ne marche pas », aurait erré trois jours. Documenter, c'est piloter.
Vue d'ensemble pour arbitrer en situation, famille par famille. Gestion de tâches : Trello gratuit pour un projet simple en kanban ; Notion quand il faut mêler documentation et planning ; Asana pour les équipes marketing ; Jira quand les développeurs y vivent déjà, et dans ce cas c'est vous qui allez à eux, pas l'inverse. Design : Figma pour tout ce qui est maquettes d'interface, en consultation gratuite pour vous ; Canva, gratuit avec une version Pro autour de douze euros par mois, pour produire vite un visuel de réseau social ou un support de réunion sans mobiliser un designer. Recette et tests : Google Sheets gratuit pour le cahier de recette ; BrowserStack, environ vingt-neuf dollars par mois, quand il faut tester sur des dizaines de combinaisons de navigateurs et d'appareils sans les posséder. Mesure : Google Analytics 4 et Search Console gratuits, Matomo pour les contextes exigeants sur la donnée. Échanges : Slack ou Teams selon la culture du client, Loom pour remplacer une réunion par trois minutes de vidéo. Le standard de performance ici : choisir l'outil que l'équipe utilise déjà plutôt que celui que vous préférez.
Quatre acquis sur l'outillage. Premier acquis : vous connaissez les prix réels, Notion et Jira gratuits puis sept à dix euros par utilisateur, Figma gratuit en consultation, Slack Pro à sept euros, Matomo dès dix-neuf euros, BrowserStack à vingt-neuf dollars ; et la règle d'arbitrage, la version gratuite suffit presque toujours en dessous de dix utilisateurs. Deuxième acquis : F12 est votre fenêtre sur la technique, Console pour capturer les erreurs, Network pour localiser les lenteurs, Lighthouse pour auditer en un clic ; vous ne réparez pas, vous qualifiez. Troisième acquis : face à un bug, la séquence professionnelle est qualifier avec trois questions, reproduire soi-même, filmer avec Loom, rédiger le ticket en cinq champs, prioriser selon l'impact business. Quatrième acquis : le meilleur outil est celui que l'équipe utilise déjà ; on ne dépense pas son capital politique sur un choix de logiciel. Prochaine étape : la communication, l'arme principale du métier.
Le compte rendu de réunion est l'acte de communication le plus rentable du métier, à condition de respecter deux contraintes. La première est le délai : envoyé sous vingt-quatre heures ; au-delà, les mémoires divergent et le document perd sa force. La seconde est la structure, cinq blocs invariables. Bloc un, les décisions prises, formulées sans ambiguïté : « La maquette de la page d'accueil est validée en version 3 », pas « on avance bien sur les maquettes ». Bloc deux, les actions : qui fait quoi pour quand, une ligne par action, un prénom par ligne ; une action sans responsable et sans date est un vœu. Bloc trois, les points en attente côté client, avec dates limites : « Textes de la page Services attendus pour le 15, le planning décale d'autant en cas de retard » ; cette phrase, écrite noir sur blanc, vous évitera le grand classique du client qui retarde tout puis s'étonne du décalage. Bloc quatre, les risques, énoncés sans langue de bois. Bloc cinq, la date et l'ordre du jour du prochain rendez-vous. Terminez toujours par la formule qui verrouille : « Sans retour de votre part sous quarante-huit heures, ce compte rendu vaut validation. »
Deux scripts à connaître par cœur, car vous les utiliserez des dizaines de fois. Pour annoncer un retard, la structure est fait, impact, options, choix, et voici le texte : « Le développement du module de paiement a pris quatre jours de retard, voilà le fait. L'impact : la mise en ligne prévue le 20 n'est pas tenable. Deux options : décaler la mise en ligne au 26, sans surcoût ; ou renforcer l'équipe pour tenir le 20, avec un surcoût de deux jours-homme, soit neuf cents euros. Quelle option préférez-vous ? » Remarquez la mécanique : vous n'arrivez jamais avec un problème, vous arrivez avec des faits et deux options chiffrées, et c'est le client qui choisit ; il n'est plus victime du retard, il redevient décideur. Pour dire non à une demande hors périmètre, on ne prononce jamais le mot non ; le script est : « Oui, c'est faisable. Cela représente trois jours de travail, soit mille trois cent cinquante euros, et un décalage d'une semaine. Souhaitez-vous un avenant, ou préférez-vous l'inscrire dans une phase deux ? » Le périmètre est protégé, la relation aussi. Entraînez-vous à voix haute : ces phrases doivent sortir naturellement le jour où la pression sera réelle.
Situation : le lancement du site coïncidait avec un salon professionnel du client ; le décalage d'une semaine le met en difficulté commerciale, et il appelle, furieux, en menaçant de tout arrêter. Déroulé professionnel, étape par étape. Étape un : vous écoutez sans interrompre, deux à trois minutes, en notant les faits qu'il cite ; la colère qui ne rencontre pas de résistance retombe d'elle-même. Étape deux : vous reformulez, mot pour mot : « Si je résume : le site devait être en ligne avant votre salon du 22, le décalage vous prive d'un argument commercial important, et vous doutez de notre capacité à tenir nos engagements. C'est bien cela ? » Cette phrase, à elle seule, change le ton de l'appel : il se sent entendu. Étape trois : vous ne promettez rien à chaud ; le texte exact est : « Je ne veux pas vous répondre à la légère. Je vérifie deux points avec l'équipe et je vous envoie un plan précis avant 18 h. » Étape quatre : le plan part le jour même, écrit : une version allégée du site, cinq pages essentielles, en ligne avant le salon, le reste une semaine après. Étape cinq : appel de suivi le lendemain du salon. Résultat : client conservé, et six mois plus tard, c'est lui qui recommande l'agence. Une colère bien traitée crée plus de fidélité qu'un projet sans accroc.
Cette sous-partie vous a donné trois armes, résumons-les. Première arme, le compte rendu en cinq blocs envoyé sous vingt-quatre heures : décisions sans ambiguïté, actions avec prénom et date, attentes côté client datées, risques énoncés franchement, prochain rendez-vous ; et la formule de verrouillage, sans retour sous quarante-huit heures, ce compte rendu vaut validation. Deuxième arme, les scripts d'annonce : jamais un problème seul, toujours le fait, son impact, deux options chiffrées en jours et en euros, et le choix laissé au client ; et pour refuser sans dire non, le oui conditionné, c'est faisable, voici le coût et le délai, avenant ou phase deux. Troisième arme, le protocole face à la colère : écouter sans interrompre, reformuler avec la phrase « si je résume », ne rien promettre à chaud, envoyer un plan écrit le jour même, rappeler pour le suivi. La communication n'est pas un talent inné dans ce métier : c'est un répertoire de gestes qui s'apprennent. Vous venez de les apprendre.
Voici les standards de performance du métier, ceux que les directeurs de production regardent pour décider d'une embauche en fin d'alternance. Standard un : l'anticipation ; le professionnel repère le risque au moment du daily, le débutant le découvre au moment de la crise ; concrètement, chaque vendredi, le pro se pose une question rituelle : qu'est-ce qui peut faire dérailler la semaine prochaine ? Standard deux : aucun engagement sans vérification ; quand un client demande une date, le débutant répond oui pour faire plaisir, le pro répond « je vérifie avec l'équipe et je vous confirme demain matin », et sa confirmation vaut de l'or parce qu'elle est toujours tenue. Standard trois : tout est chiffré ; une demande égale un impact en jours, en euros et en risque, jamais un ressenti. Standard quatre : il rend compte avant qu'on le lui demande ; le mail du vendredi part même quand tout va bien, surtout quand tout va bien. Standard cinq : il connaît son devis et son contrat par cœur, périmètre, jalons, pénalités, conditions de paiement ; dans une négociation tendue, celui qui connaît le contrat gagne. Ces cinq standards ne demandent aucun talent : ils demandent de la discipline. C'est une excellente nouvelle, la discipline s'acquiert.
Votre visibilité professionnelle se construit avec deux outils gratuits et une discipline hebdomadaire. Le portfolio d'abord : créez une page Notion, structurez-la en trois études de cas, chacune en trois blocs, le contexte en deux phrases, vos actions en cinq puces, les résultats en chiffres ; même un projet étudiant se raconte ainsi, un site chiffré à cinq mille huit cents euros avec la méthode de ce cours est une étude de cas crédible. Pour publier : bouton Partager en haut à droite, activez Publier sur le web, copiez le lien ; deux heures de travail, coût zéro, et vous avez ce que quatre-vingt-quinze pour cent des candidats n'ont pas. LinkedIn ensuite : le titre sous votre nom ne doit pas dire « étudiant en master », mais métier plus valeur, par exemple « Chef de projet digital junior — je cadre, chiffre et livre des projets web en agence » ; c'est ce champ que le moteur de recherche des recruteurs indexe en priorité. Puis la discipline : une publication par semaine racontant une leçon concrète vécue en cours ou en alternance, et après chaque projet livré, une recommandation demandée à chaud, avec cette phrase : « Accepteriez-vous d'écrire trois lignes sur notre collaboration ? C'est le moment où c'est frais. » En un an, ce système produit plus d'opportunités que cent candidatures.
Terminons par le plan d'exécution de vos quatre-vingt-dix premiers jours en agence, celui qui transforme un alternant en recrue qu'on veut garder. Jours un à quinze : vous cartographiez ; qui fait quoi, quels projets sont en cours, quels outils, quels clients ; vous tenez un glossaire personnel de chaque terme inconnu, dix mots par jour, et vous assistez à tous les rituels en observateur actif, celui qui note et pose une bonne question par réunion. Jours seize à quarante-cinq : vous demandez un petit projet en autonomie surveillée, une refonte de page, une mise en conformité cookies comme dans le cas de la partie une ; vous y appliquez les gestes du cours, planning Notion, daily, mail du vendredi, cahier de recette. Jours quarante-six à quatre-vingt-dix : vous pilotez un vrai projet client de bout en bout avec votre tuteur en filet ; vous animez le kick-off, vous envoyez les comptes rendus en cinq blocs, vous tenez la checklist de mise en ligne. Pendant toute la période, un rituel non négociable : chaque vendredi, un mail de reporting à votre tuteur, fait, appris, difficultés, questions. Au jour quatre-vingt-dix, l'objectif est simple et mesurable : que l'équipe demande à vous confier le projet suivant. Être redemandé, c'est le premier indicateur de performance de votre carrière.
Regardons les chiffres qui vous concernent directement. Le salaire médian d'un chef de projet digital junior s'établit autour de trente-six mille euros brut annuels, monte vers quarante-cinq mille après trois à cinq ans, et dépasse cinquante mille en senior, avec des écarts selon la région et le type d'employeur que nous avons vus en première partie : ajoutez environ dix pour cent chez l'annonceur, davantage en Île-de-France. Deux chiffres complémentaires méritent votre attention. Les offres cadres du digital progressent d'environ huit pour cent sur un an : la demande reste structurellement supérieure à l'offre de profils fiables, ce qui joue pour vous en négociation. Et sept alternants du supérieur sur dix sont en emploi six mois après le diplôme, une proportion encore plus favorable dans le numérique : l'alternance est statistiquement la meilleure porte d'entrée du métier. Traduction opérationnelle de ce tableau : votre objectif de première négociation en sortie d'alternance se situe entre trente-quatre et trente-huit mille euros, à ajuster avec le portfolio et les recommandations que ce cours vous a appris à construire.
Dernier encadré du cours, le plus stratégique pour votre carrière. Un : les cinq standards de performance, anticiper chaque vendredi ce qui peut dérailler, ne jamais s'engager sans vérifier, chiffrer toute demande en jours et en euros, rendre compte avant qu'on le demande, connaître son contrat par cœur ; aucun ne demande du talent, tous demandent de la discipline. Deux : votre visibilité se construit dès maintenant, portfolio Notion gratuit en trois études de cas chiffrées, titre LinkedIn formulé en métier plus valeur, une publication par semaine, une recommandation demandée après chaque livraison. Trois : les quatre-vingt-dix jours d'alternance se jalonnent, cartographier d'abord, petit projet en autonomie ensuite, projet client complet enfin, avec le mail de reporting du vendredi comme colonne vertébrale, et un objectif unique : être redemandé. Quatre : vous connaissez les chiffres du marché, trente-six mille euros en médiane junior, et votre fourchette de négociation. Il ne reste qu'à passer à l'exercice pratique.
Un mot sur les sources de cette séance, car un chef de projet cite les siennes. Les données de marché proviennent du Baromètre France Num, l'observatoire public de la transformation numérique des entreprises, et les salaires du baromètre de l'APEC, l'association pour l'emploi des cadres : deux références que vous pouvez consulter librement en ligne et réutiliser dans vos propres argumentaires. Le cadre légal s'appuie directement sur les publications de la CNIL, notamment le guide RGPD du développeur et les règles applicables aux cookies, ainsi que sur le référentiel d'accessibilité RGAA publié par la direction interministérielle du numérique. Pour prolonger la réflexion sur la culture professionnelle du numérique, l'ouvrage de Dominique Cardon aux Presses de Sciences Po reste la meilleure porte d'entrée, et la boîte à outils du chef de projet chez Dunod constitue un compagnon pratique utile pendant l'alternance. Enfin, la presse spécialisée, Stratégies et BDM, vous servira de veille hebdomadaire sur les évolutions du secteur.
Ce lexique rassemble les termes que vous entendrez quotidiennement, et trois d'entre eux méritent un commentaire d'usage. Le scope creep, d'abord : cette dérive du périmètre par accumulation de petites demandes jamais chiffrées est la première cause de projets déficitaires ; votre parade, vous la connaissez désormais, c'est le oui conditionné avec avenant. Le jalon, ensuite : ce n'est pas une simple date de planning, c'est un engagement contractuel qui déclenche souvent une facturation ; quand un jalon glisse, c'est la trésorerie de votre agence qui glisse avec lui, d'où l'importance des alertes précoces. Le rollback, enfin : vous l'avez vu en action dans le cas du bug de paiement, c'est la manœuvre qui transforme une catastrophe potentielle en incident maîtrisé, et elle n'est possible que si la sauvegarde a été faite avant la bascule. Relisez ce lexique avant votre premier entretien d'alternance : employer ces termes à bon escient est un signal fort de maturité professionnelle.
Bienvenue dans ce second module du cours métier consacré au chef de projet digital et web. Le premier module vous a présenté l'environnement, les missions et les compétences clés de ce métier. Celui-ci change complètement de registre : vous allez apprendre à faire. Nous allons ouvrir la boîte à outils réelle du chef de projet, logiciel par logiciel, avec les noms exacts, les prix constatés et la prise en main jusqu'au niveau du bouton : WordPress et Elementor pour construire, Trello, Notion, Asana et Figma pour piloter, Google Analytics 4 et Search Console pour mesurer. Puis nous traiterons de bout en bout cinq situations professionnelles réelles : une refonte de site vitrine, un brief prestataire, une recette avant mise en ligne, un incident site down et un suivi de projet hebdomadaire. Nous terminerons par les indicateurs de performance, les pratiques des meilleurs, et une sous-partie unique sur la rémunération et la carrière.
Voici comment cette séance est organisée. La première partie est la boîte à outils proprement dite : trois familles de logiciels que vous devez savoir manipuler. D'abord la construction du site, avec WordPress, le constructeur de pages Elementor et le choix d'un hébergement chez OVHcloud ou o2switch, prix réels à l'appui. Ensuite le pilotage du projet, avec Trello, Notion, Asana et les maquettes simples dans Figma. Enfin la mesure et la vérification, avec Google Analytics 4, la Search Console et la checklist de recette multi-navigateurs. La deuxième partie plonge dans cinq situations professionnelles traitées de bout en bout, du premier constat au résultat final : refonte d'un site vitrine, brief prestataire, recette avant mise en ligne, incident site down et point projet hebdomadaire. La troisième partie vous apprend à performer : les KPI et leurs benchmarks sourcés, les pratiques des meilleurs chefs de projet, et, pour finir seulement, la rémunération et les évolutions de carrière.
La boîte à outils du chef de projet web s'est construite en une vingtaine d'années. En 2003, WordPress naît comme simple moteur de blog : il équipe aujourd'hui plus de quatre sites sur dix dans le monde selon les relevés de W3Techs. En 2005, Google rachète Urchin et lance Google Analytics : la mesure d'audience devient gratuite et universelle. En 2011, Trello transpose sur le web le tableau Kanban issu de l'industrie : le suivi de tâches devient visuel. En 2016, Figma et Notion imposent le travail collaboratif en temps réel, pour les maquettes comme pour la documentation. En 2018, le RGPD entre en application : la conformité des données devient une étape obligatoire de tout projet. En 2020, Google lance Analytics 4, qui remplace définitivement Universal Analytics en 2023. Retenez la logique : chaque génération d'outils a déplacé le métier du technique vers la coordination. C'est exactement là que vous vous situez.
WordPress est un logiciel libre, gratuit, sous licence GPL, qui équipe environ quarante-trois pour cent des sites web mondiaux selon les relevés continus de W3Techs. Voici la prise en main concrète. L'installation se fait en un clic depuis l'espace client de votre hébergeur, nous y reviendrons. Une fois installé, vous vous connectez à l'administration en ajoutant wp-admin à l'adresse du site. Le tableau de bord s'organise en menus dans la colonne de gauche : Pages pour les contenus fixes comme l'accueil ou la page contact, Articles pour les actualités, Apparence pour choisir le thème graphique, Extensions pour ajouter des fonctionnalités, Utilisateurs pour gérer les comptes et leurs droits. Pour créer une page, vous cliquez sur Pages, puis Ajouter, vous saisissez le titre et le contenu, et vous cliquez sur le bouton bleu Publier en haut à droite. Premier réflexe professionnel après toute installation : ouvrir Réglages puis Permaliens et choisir le format « Titre de la publication », pour obtenir des adresses lisibles, meilleures pour le référencement.
Elementor est un constructeur de pages, une extension qui ajoute à WordPress un éditeur visuel en glisser-déposer. La version gratuite couvre les besoins d'un site vitrine ; la version Pro, autour de cinquante-neuf dollars par an pour un site au tarif constaté chez l'éditeur, ajoute notamment les formulaires avancés et la personnalisation des en-têtes. Prise en main concrète : vous installez l'extension via Extensions puis Ajouter, vous ouvrez une page, et vous cliquez sur le bouton « Modifier avec Elementor ». L'écran se divise alors en deux : à gauche, le panneau des widgets, ces briques prêtes à l'emploi comme Titre, Éditeur de texte, Image, Bouton ou Vidéo ; à droite, votre page en rendu réel. Vous faites glisser un widget vers la page, puis vous le réglez dans les trois onglets du panneau : Contenu pour le texte, Style pour les couleurs et polices, Avancé pour les marges. En bas du panneau, l'icône d'écran permet de vérifier l'affichage mobile et tablette. Un chef de projet qui maîtrise cette mécanique corrige une page en cinq minutes sans mobiliser personne.
Un site doit être hébergé sur un serveur, et c'est souvent le chef de projet qui choisit et commande. Deux acteurs français dominent les projets de type site vitrine. o2switch, hébergeur basé à Clermont-Ferrand, propose une offre mutualisée autour de sept euros hors taxes par mois au tarif constaté, avec espace disque généreux, interface cPanel et installateur WordPress automatique. OVHcloud, à Roubaix, propose des hébergements mutualisés étagés d'environ trois à huit euros hors taxes par mois selon la gamme, gérés depuis son espace client. Ajoutez le nom de domaine : un point fr coûte de l'ordre de sept à dix euros par an chez les bureaux d'enregistrement accrédités par l'Afnic. Le certificat SSL, qui affiche le cadenas et le préfixe sécurisé, est aujourd'hui gratuit via Let's Encrypt chez ces deux hébergeurs : refusez tout devis qui le facture cher. Avant de signer, vérifiez trois points : la fréquence des sauvegardes automatiques, la qualité du support, et la localisation des données en France, un argument de conformité RGPD apprécié des clients.
Voici l'astuce qui distingue immédiatement un professionnel d'un débutant : on ne modifie jamais directement un site en production. Les chefs de projet aguerris travaillent sur une préproduction, c'est-à-dire une copie du site installée sur un sous-domaine du type preprod point votre-site point fr, invisible du public et bloquée à l'indexation. On y teste la mise à jour, la nouvelle page ou le changement de thème, on fait valider, puis seulement on reporte en production. Deuxième réflexe : la sauvegarde automatisée. L'extension UpdraftPlus, gratuite dans sa version de base, programme une sauvegarde complète, fichiers et base de données, à la fréquence choisie, et l'envoie vers un stockage externe comme Google Drive ou Dropbox. Le point décisif : une sauvegarde stockée sur le même serveur que le site disparaît avec lui en cas d'incident. Externalisez systématiquement. Ces deux gestes coûtent zéro euro et évitent la quasi-totalité des catastrophes que nous verrons en partie deux.
Récapitulons cette première sous-partie. La pile de construction standard d'un site vitrine tient en trois briques dont vous connaissez maintenant le prix réel. WordPress, le CMS libre et gratuit qui équipe environ quarante-trois pour cent du web, s'administre via wp-admin et se prend en main par les menus Pages, Extensions et Apparence. Elementor ajoute l'édition visuelle en glisser-déposer, gratuite pour l'essentiel, environ cinquante-neuf dollars par an pour la version Pro sur un site. L'hébergement mutualisé chez o2switch ou OVHcloud coûte de trois à huit euros hors taxes par mois, le domaine en point fr de sept à dix euros par an, et le certificat SSL est gratuit. Un site vitrine professionnel démarre donc pour moins de cent cinquante euros de coûts techniques annuels : gardez ce chiffre en tête quand vous lirez des devis. Enfin, deux règles d'hygiène absolues : on travaille en préproduction, jamais directement en production, et on externalise des sauvegardes automatiques, par exemple avec UpdraftPlus.
Trello est l'outil de pilotage le plus simple à déployer, et souvent suffisant pour un projet web de taille moyenne. Son principe est le Kanban : des cartes représentant les tâches avancent de colonne en colonne jusqu'à leur achèvement. Prise en main : vous créez un tableau, puis quatre listes qui matérialisent votre flux de travail, par exemple À faire, En cours, En recette, Terminé. Vous cliquez sur « Ajouter une carte » pour créer chaque tâche : rédiger la page services, intégrer le formulaire de contact, livrer les photos. En ouvrant une carte, vous lui ajoutez une checklist d'étapes, une date limite, un membre responsable et des pièces jointes. Chacun voit en un coup d'œil où en est le projet : c'est toute la valeur de l'outil. Côté prix constatés chez l'éditeur : gratuit jusqu'à dix tableaux par espace de travail, ce qui suffit très souvent ; le plan Standard autour de cinq dollars par utilisateur et par mois ajoute les checklists avancées ; le plan Premium, autour de dix dollars, ajoute les vues calendrier et chronologie.
Deux autres outils dominent le pilotage de projet, avec des logiques différentes de Trello. Notion est d'abord un outil de documentation : des pages imbriquées qui accueillent comptes rendus, briefs et décisions, et des bases de données affichables en tableau, en Kanban ou en calendrier. Le plan gratuit suffit pour un usage individuel ; le plan Plus, autour de dix dollars par utilisateur et par mois au tarif constaté, ouvre la collaboration d'équipe complète. Asana, lui, est un pur outil de gestion de tâches multi-projets : chaque tâche a un responsable et une échéance, et se visualise en liste, en tableau ou en chronologie de type Gantt selon l'abonnement. Il est gratuit pour les petites équipes ; le plan Starter se situe autour de onze euros par utilisateur et par mois. Comment choisir ? Trello pour un projet simple avec un client à embarquer, Notion quand la documentation est le cœur du besoin, Asana quand vous coordonnez plusieurs projets et plusieurs personnes en parallèle.
Le chef de projet n'est pas designer, mais il doit savoir produire un wireframe, une maquette fil de fer qui cadre la structure d'une page avant tout développement. Figma est l'outil de référence : il fonctionne dans le navigateur, tout le monde travaille sur le même fichier en temps réel, et l'usage léger est gratuit ; le plan professionnel se situe autour de quinze dollars par éditeur et par mois au tarif constaté. Prise en main minimale : vous créez un fichier de design, vous appuyez sur la touche F et choisissez un cadre au format Desktop dans le panneau de droite ; ce cadre représente votre page. La touche R dessine un rectangle, pour matérialiser un bandeau ou un bloc image ; la touche T pose du texte pour les titres et les boutons ; une image se glisse directement depuis votre ordinateur. Vous partagez ensuite par le bouton de partage, en donnant au client le droit de commenter mais pas de modifier : ses remarques s'épinglent directement sur la maquette, ce qui remplace des pages d'e-mails ambigus.
Quatre pièges guettent le débutant sur le pilotage. Premier piège : le mille-feuille d'outils. Empiler Trello pour les tâches, Notion pour les notes, Asana parce que l'équipe cliente l'utilise, plus les e-mails : au bout de trois semaines, plus personne ne sait où est la vérité du projet. Choisissez un outil de référence unique et tenez-le. Deuxième piège : découvrir les limites du plan gratuit en plein projet, le onzième tableau Trello refusé ou une fonction bloquée au pire moment ; vérifiez les quotas avant le lancement, pas pendant. Troisième piège, le plus grave : le tableau qui n'est pas mis à jour. Un Kanban où les cartes datent de quinze jours est pire que pas d'outil du tout, car il donne une fausse assurance ; la mise à jour du tableau doit être un rituel quotidien de cinq minutes. Quatrième piège : garder l'outil pour soi. Un client invité sur le tableau, même en lecture seule, appelle deux fois moins pour demander où en est le projet.
Retenons l'essentiel du pilotage. Trello matérialise le flux de travail en Kanban : quatre listes, des cartes avec responsable, échéance et checklist ; il est gratuit jusqu'à dix tableaux par espace, autour de cinq à dix dollars par utilisateur et par mois au-delà. Notion structure la documentation vivante du projet : comptes rendus, accès, décisions, plannings en bases de données. Asana s'impose quand vous coordonnez plusieurs projets et plusieurs équipes, avec ses vues liste, tableau et chronologie. Figma, enfin, vous permet de produire vous-même des wireframes : un cadre avec la touche F, des rectangles avec R, du texte avec T, et un lien de partage en mode commentaire pour recueillir les retours du client au bon endroit. Les deux règles d'or valent plus que le choix de l'outil : une seule source de vérité par projet, annoncée à tous dès le lancement, et une mise à jour quotidienne, faute de quoi votre pilotage devient une fiction.
Google Analytics 4, ou GA4, est l'outil gratuit de mesure d'audience de Google, standard de fait du marché. Installation concrète sur un site WordPress : vous créez un compte sur analytics point google point com, puis dans le menu Administration, vous créez une propriété et un flux de données web pour votre site ; Google vous fournit alors un identifiant de mesure. Plutôt que de coller du code, installez l'extension officielle Site Kit by Google : elle connecte le site à Analytics et à la Search Console en quelques clics de validation. Ensuite, la lecture. Le rapport Acquisition répond à la question d'où viennent les visiteurs : recherche Google, réseaux sociaux, accès directs, campagnes. Le rapport Engagement, avec Pages et écrans, montre quelles pages sont vues et combien de temps. Enfin, le geste qui change tout : marquer une conversion. Dans Administration puis Événements, vous basculez l'interrupteur « Marquer comme événement clé » sur l'événement qui compte, par exemple l'envoi du formulaire de contact. À partir de là, vous ne mesurez plus du trafic, vous mesurez des résultats.
Là où GA4 mesure ce qui se passe sur le site, la Search Console, gratuite elle aussi, mesure ce qui se passe avant : la visibilité dans les résultats de recherche Google. Mise en place : vous vous connectez à la Search Console, vous déclarez la propriété, soit par domaine avec une validation DNS chez l'hébergeur, soit par préfixe d'URL, plus simple, notamment via Site Kit. Ensuite, deux rapports font l'essentiel de votre travail. Le rapport Performances affiche quatre chiffres pour chaque requête tapée par les internautes : les impressions, c'est-à-dire le nombre d'affichages dans les résultats, les clics, le taux de clic et la position moyenne. Le rapport Indexation des pages liste les pages que Google connaît et celles qu'il exclut, avec le motif : une page importante non indexée est un problème à traiter en priorité. Dernier geste de mise en route : soumettre le sitemap, le plan du site au format XML généré automatiquement par les extensions SEO comme Yoast ou Rank Math, dans le menu Sitemaps.
La recette est la vérification systématique d'un site avant sa mise en ligne, et c'est une responsabilité directe du chef de projet. L'outil de base n'est pas un logiciel : c'est une checklist tenue dans un tableur partagé, avec une ligne par vérification et des colonnes page, test, navigateur, statut, capture d'écran. Que teste-t-on ? Tous les liens du site, chaque formulaire en conditions réelles jusqu'à la réception de l'e-mail, l'absence de pages 404, le certificat SSL actif sur toutes les pages, la présence des mentions légales et du bandeau de consentement aux cookies exigé par le RGPD. Sur combien de navigateurs ? Au minimum Chrome, Safari, Firefox et Edge, car le rendu diffère réellement d'un moteur à l'autre, plus un test sur téléphone. Pour simuler les tailles d'écran, ouvrez les outils de développement du navigateur avec Contrôle Majuscule I, puis l'icône d'appareil mobile : vous basculez la page en affichage téléphone ou tablette. Complétez par un passage dans PageSpeed Insights, l'outil gratuit de Google qui note la vitesse de chargement mobile et liste les corrections prioritaires.
Ce graphique justifie, chiffres à l'appui, la recette multi-navigateurs. Selon les relevés continus de StatCounter, recoupés par les mesures de Cloudflare et de la fondation Wikimédia, Chrome domine avec environ soixante-cinq pour cent du marché mondial, tous appareils confondus. Mais regardez le reste : Safari pèse autour de dix-huit pour cent, porté par l'iPhone, Edge autour de cinq pour cent, Firefox autour de trois pour cent. Autrement dit, un site testé uniquement sous Chrome ignore environ un tiers des visiteurs réels, et notamment les utilisateurs d'iPhone, dont le moteur de rendu se comporte différemment sur les formulaires et les vidéos. Les statistiques annexes enfoncent le clou : environ soixante pour cent du trafic web mondial se fait désormais sur mobile, ce qui rend le test téléphone aussi important que le test ordinateur. Le réflexe professionnel consiste d'ailleurs à consulter, dans GA4, la répartition réelle des navigateurs et des appareils de votre propre audience : c'est elle qui hiérarchise votre plan de recette.
Résumons la mesure et la vérification. Google Analytics 4, gratuit, s'installe proprement sur WordPress via l'extension officielle Site Kit ; vous y lisez trois rapports au quotidien, Temps réel, Acquisition et Engagement, et surtout vous marquez comme événement clé l'action qui compte vraiment, comme l'envoi du formulaire de contact : c'est la différence entre mesurer du trafic et mesurer des résultats. La Search Console, gratuite également, surveille votre visibilité dans Google : clics, impressions, taux de clic et position par requête, état d'indexation des pages, soumission du sitemap. Enfin, la recette avant mise en ligne s'appuie sur une checklist en tableur partagé, testée au minimum sur Chrome, Safari, Firefox et Edge plus un mobile réel, parce que le marché des navigateurs est fragmenté, comme le montre StatCounter, et qu'environ soixante pour cent du trafic est mobile. Liens, formulaires, pages 404, certificat SSL, mentions légales et consentement cookies : rien ne part en ligne sans cette passe complète.
Une refonte de site vitrine suit toujours les six mêmes phases. Première phase, l'audit de l'existant : les données GA4 et Search Console de l'ancien site disent quelles pages sont réellement consultées et sur quelles requêtes le site est trouvé ; on ne refond pas à l'aveugle. Deuxième phase, le cadrage : objectifs mesurables, budget, planning sous forme de rétroplanning en partant de la date de mise en ligne visée. Troisième phase, la conception : l'arborescence, c'est-à-dire la liste organisée des pages, puis les maquettes Figma des gabarits principaux, validées par écrit avant toute production. Quatrième phase, la production sur WordPress et Elementor, en préproduction, jamais sur le site en ligne. Cinquième phase, la recette complète telle que nous l'avons outillée en partie un. Sixième phase, la mise en ligne : bascule, et surtout le tableau de redirections 301, qui fait pointer chaque ancienne adresse vers la nouvelle pour préserver le référencement acquis. Oublier cette dernière étape est l'erreur la plus coûteuse d'une refonte : le trafic issu de Google peut s'effondrer en quelques semaines.
Situation de départ : une PME de services régionale dispose d'un site créé en 2015, illisible sur téléphone, avec une poignée de visites par jour ; la direction demande une refonte. Actions du chef de projet, dans l'ordre. D'abord l'audit : geste exact, ouvrir GA4, rapport Engagement puis Pages et écrans, régler la période sur douze mois, cliquer sur l'icône de partage pour exporter en CSV, trier par nombre de vues. Ensuite, un atelier de cadrage de deux heures avec la direction : quels clients veut-on toucher, quelle action attend-on du visiteur, appel, formulaire ou devis. Sur cette base, l'arborescence passe de quatorze pages à huit, et trois gabarits sont maquettés dans Figma : accueil, page service, page contact. Le chef de projet envoie enfin un document de cadrage d'une page : objectifs, périmètre, budget, planning en huit semaines, et le fait valider par écrit. Résultat de cette phase amont : un périmètre net, un budget accepté, des maquettes commentées puis approuvées dans Figma. Tout le reste du projet s'appuiera sur ces validations écrites.
Suite du même cas, côté aval. La production se fait sur une préproduction hébergée sur un sous-domaine. Deux tours de recette sont menés : le premier par le chef de projet avec sa checklist multi-navigateurs, le second par le client, les anomalies étant déposées dans une liste Trello dédiée. Vient le geste décisif de toute refonte : le tableau de redirections. Concrètement, le chef de projet liste dans un tableur chaque ancienne adresse et lui associe la nouvelle page correspondante ; ce tableau est ensuite saisi dans l'extension gratuite Redirection de WordPress : ancienne adresse à gauche, nouvelle à droite, code 301, qui signifie déplacement définitif. La bascule est programmée un mardi matin, jamais un vendredi, afin d'avoir toute la semaine pour réagir. À J plus sept, contrôle dans la Search Console : rapport Indexation pour vérifier l'absence d'erreurs 404 en hausse, rapport Performances pour surveiller les positions. Résultat typique quand la procédure est respectée : aucune perte durable de visibilité, et une fréquentation en progression au fil des mois suivants grâce au site adapté au mobile.
Ce qu'il faut retenir de la refonte. Elle suit six phases invariables : audit, cadrage, conception, production, recette, mise en ligne. L'audit s'appuie sur les données réelles, l'export du rapport Pages et écrans de GA4 et les requêtes de la Search Console, qui dictent quelles pages garder, fusionner ou supprimer. Le cadrage et les maquettes Figma sont validés par écrit : chaque validation écrite est un point d'appui pour la suite du projet, notamment quand le client demande des changements en cours de route. La production se déroule en préproduction, l'ancien site restant en ligne jusqu'à la bascule. Le geste le plus important de toute la refonte est le tableau de redirections 301, saisi par exemple dans l'extension Redirection : chaque ancienne adresse doit mener à sa nouvelle page, sous peine de voir le référencement acquis s'évaporer. Enfin, on bascule en début de semaine, jamais un vendredi, et on contrôle la Search Console à J plus sept : indexation et positions. Cette mécanique vaut pour tous les sites, quel que soit le secteur.
Le brief est le document que vous envoyez aux prestataires pour obtenir des devis. Sa qualité détermine directement la qualité des réponses : un brief flou produit des devis incomparables entre eux et des malentendus facturés plus tard en avenants. La structure professionnelle tient en huit rubriques. Les objectifs, toujours mesurables : générer des demandes de devis, être trouvé sur ses métiers dans sa région. Les cibles et le parcours attendu du visiteur. Le périmètre fonctionnel : nombre de pages, formulaire, prise de rendez-vous, multilingue ou non ; c'est la rubrique qui évite les mauvaises surprises. Les contenus : qui fournit les textes et les photos. Les contraintes techniques : hébergement existant, conformité RGPD, accès à transmettre. La fourchette budgétaire : l'annoncer n'affaiblit pas la négociation, elle élimine les réponses hors sujet et permet de comparer à périmètre égal. Enfin le planning et les critères de sélection. Un bon brief tient en trois ou quatre pages, et sa règle d'or est simple : tout ce qui n'est pas écrit sera facturé en supplément.
Situation : le brief d'un site vitrine a été envoyé à trois agences ; les devis reviennent, et les montants vont du simple au triple. Le geste professionnel est la grille de comparaison pondérée. Concrètement, le chef de projet ouvre un tableur et construit un tableau : une colonne par agence, une ligne par critère. Quatre critères classiques : le prix, pondéré à trente pour cent ; la méthode proposée, vingt-cinq pour cent, en vérifiant que le devis prévoit explicitement les phases de recette et de redirections, ce qui trahit immédiatement le sérieux ; les références comparables, vingt-cinq pour cent, en appelant réellement un client de chaque agence ; le délai et la disponibilité, vingt pour cent. Chaque critère est noté de un à cinq, la note est multipliée par la pondération, et le total tombe. Résultat : une recommandation argumentée, présentée à la direction en une page, avec le tableau en annexe. La décision devient défendable, et le chef de projet a démontré sa valeur avant même le début du projet.
Situation : le prestataire annonce que le site est terminé et propose de mettre en ligne dans la foulée. Le chef de projet refuse poliment et déclenche la recette. Action : il déroule son cahier de recette, une soixantaine de points dans un tableur partagé, sur quatre navigateurs, Chrome, Safari, Firefox et Edge, plus deux téléphones réels, un Android et un iPhone. Chaque formulaire est soumis réellement, jusqu'à vérifier la réception de l'e-mail de notification, et la page de remerciement qui déclenche l'événement de conversion dans GA4. Geste exact pour chaque anomalie : une carte Trello dans la liste Anomalies, avec une capture d'écran annotée, l'adresse exacte de la page, le navigateur et l'appareil concernés, et un niveau de gravité, bloquant, majeur ou mineur. Bilan typique de ce cas : quatorze anomalies détectées, dont un formulaire qui n'envoyait rien sous Safari. Résultat : deux jours de corrections, une contre-recette sur les points en échec, zéro anomalie bloquante en production. La mise en ligne est signée sur la base d'un document, le procès-verbal de recette, pas sur une impression.
Astuce de terrain qui fait gagner des heures pendant la recette : signalez les bugs en vidéo plutôt que par écrit. Un e-mail qui dit que le formulaire ne fonctionne pas déclenche invariablement la réponse « chez moi ça marche », puis trois allers-retours pour préciser le navigateur, la page et la manipulation. Une vidéo de trente secondes règle tout : on voit la page, le clic exact, et le résultat anormal. L'outil le plus répandu est Loom, une extension de navigateur gratuite jusqu'à vingt-cinq vidéos au plan constaté chez l'éditeur : vous cliquez sur l'icône, vous enregistrez l'écran, et le lien de partage se copie automatiquement à la fin de l'enregistrement ; il ne reste qu'à le coller dans la carte Trello de l'anomalie. Les systèmes d'exploitation récents offrent aussi une capture vidéo d'écran intégrée qui fait l'affaire. Prenez l'habitude d'ajouter systématiquement le navigateur et l'appareil en commentaire : une anomalie bien documentée est une anomalie corrigée du premier coup, et les prestataires respectent les chefs de projet qui documentent proprement.
Retenons cette sous-partie charnière. Le brief prestataire suit huit rubriques, du contexte aux critères de sélection, tient en trois ou quatre pages, et annonce la fourchette budgétaire : c'est ce qui rend les devis comparables et élimine les réponses hors sujet. Sa règle d'or : tout ce qui n'est pas écrit sera facturé en supplément, à commencer par la question des contenus, textes et photos, qui retarde un projet sur deux. Les devis se comparent avec une grille pondérée en tableur, prix, méthode, références, délai, et l'on vérifie dans la méthode que recette et redirections sont explicitement prévues. La recette elle-même se mène sur quatre navigateurs et deux mobiles réels, formulaires soumis jusqu'à l'e-mail reçu ; chaque anomalie est documentée avec capture ou vidéo Loom, adresse, navigateur et gravité, dans un outil partagé. Et l'on ne met en ligne que sur procès-verbal de recette signé, jamais sur la parole d'un prestataire pressé. Ces documents, brief, grille, procès-verbal, sont la trace professionnelle de votre valeur ajoutée.
Un site qui tombe, cela arrive à tous les chefs de projet ; ce qui distingue le professionnel, c'est la procédure. Premier réflexe : confirmer la panne. Le site peut être inaccessible uniquement depuis votre réseau ; testez depuis un autre appareil en partage de connexion mobile, ou avec un service de vérification en ligne. Deuxième réflexe : consulter la page de statut de l'hébergeur. Troisième réflexe : ouvrir un ticket au support avec l'heure de début, le message d'erreur et des captures,. Quatrième réflexe, trop souvent oublié : informer le client avant qu'il ne découvre la panne lui-même, avec un délai estimé, même approximatif. Cinquième réflexe : si la cause est interne, restaurer la dernière sauvegarde saine. Sixième réflexe : le post-mortem, quelques lignes qui répondent à trois questions, que s'est-il passé, pourquoi, et quelle mesure évite la récidive. En amont de tout cela, un outil gratuit change la donne : UptimeRobot surveille le site toutes les cinq minutes et vous alerte par e-mail, ce qui vous fait apprendre la panne avant le client.
Situation vécue dans toutes les équipes web : lundi, huit heures douze, UptimeRobot envoie une alerte, le site renvoie une erreur 500. Le chef de projet la voit avant le client, premier bénéfice du monitoring. Diagnostic : la dernière action connue est la mise à jour d'une extension vendredi en fin de journée. C'est le suspect numéro un. Geste exact, à connaître même si un prestataire peut le faire pour vous : se connecter aux fichiers du site, via le gestionnaire de fichiers du cPanel ou un client FTP comme FileZilla, ouvrir le dossier wp-content puis plugins, et renommer le dossier de l'extension suspecte, par exemple en ajoutant point off à la fin. WordPress désactive alors automatiquement cette extension, sans rien supprimer. Rechargement : le site répond de nouveau. Durée totale : quarante minutes, pendant lesquelles le client a reçu deux messages, un à la détection, un au rétablissement. Le post-mortem tient en trois lignes et débouche sur deux règles désormais permanentes : aucune mise à jour le vendredi, et toute mise à jour se teste d'abord en préproduction.
Dernière situation, la moins spectaculaire et la plus déterminante : le suivi hebdomadaire. Situation : une refonte sur huit semaines implique un prestataire, un client et un rédacteur. Action : le chef de projet installe dès le lancement un point hebdomadaire de trente minutes, jour et heure fixes, avec un ordre du jour invariable en quatre temps. Un, l'avancement par rapport au planning, écran partagé sur le tableau Trello, en commentant uniquement les écarts. Deux, le budget consommé par rapport au budget prévu. Trois, les risques et points de blocage, par exemple des textes client en retard. Quatre, les décisions attendues, chacune avec un responsable et une date. Geste professionnel qui suit la réunion : le compte rendu d'une page maximum, envoyé sous vingt-quatre heures, structuré en décisions prises, actions avec responsables et dates, points de vigilance ; il est archivé dans la page Notion du projet. Résultat sur la durée du projet : aucune décision perdue, les retards visibles dès la semaine où ils naissent, et un client qui n'appelle plus en urgence puisqu'il a son rendez-vous.
Quatre pièges classiques autour de l'incident et du suivi. Premier piège : la sauvegarde de papier. Beaucoup d'équipes découvrent le jour de la panne que la sauvegarde automatique échouait depuis des mois, ou qu'elle est inutilisable. La règle professionnelle : une sauvegarde n'existe que si sa restauration a été testée au moins une fois, sur la préproduction par exemple. Deuxième piège : le silence pendant l'incident. Le réflexe naturel est de réparer d'abord et de prévenir ensuite ; c'est l'inverse qu'il faut faire, car un client qui découvre la panne par un tiers perd durablement confiance, alors qu'un client informé en cinq lignes avec un délai estimé reste serein. Troisième piège : la dépendance aux accès. Identifiants de l'hébergeur, du nom de domaine, de l'administration WordPress détenus par un unique prestataire : le jour où la relation se tend, l'entreprise est prisonnière. Exigez dès le début du projet un coffre-fort de mots de passe partagé côté client. Quatrième piège, déjà croisé : la mise à jour du vendredi soir, qui transforme un problème mineur en week-end de crise.
Synthèse de cette sous-partie. Sur l'incident : le monitoring gratuit d'UptimeRobot vous fait apprendre la panne avant le client, ce qui change toute la dynamique. La procédure tient en six réflexes : confirmer la panne depuis un autre réseau, consulter la page statut de l'hébergeur, ouvrir un ticket documenté, informer le client sans attendre, restaurer si nécessaire, et conclure par un post-mortem en trois questions, quoi, pourquoi, quelle mesure corrective. Le geste technique à connaître : désactiver une extension fautive en renommant son dossier dans wp-content slash plugins, via le gestionnaire de fichiers ou FTP. Et les garde-fous : sauvegarde testée en restauration, aucune mise à jour le vendredi, accès partagés dans un coffre-fort côté client. Sur le suivi : un point hebdomadaire de trente minutes à ordre du jour fixe, avancement, budget, risques, décisions, suivi d'un compte rendu d'une page sous vingt-quatre heures, archivé dans Notion. L'incident bien géré construit votre crédibilité ; le rituel hebdomadaire construit votre autorité.
Voici les six indicateurs qui couvrent le métier, chacun avec son outil de mesure. Un, le respect des délais et du budget : l'écart en pourcentage entre le prévu et le réalisé, tenu dans votre tableur de pilotage ; c'est l'indicateur de conduite par excellence, celui que retiendra votre direction. Deux, le trafic : utilisateurs et sessions dans GA4. Trois, la conversion : le nombre d'événements clés, formulaires envoyés, appels cliqués, mesurés dans GA4 comme nous l'avons paramétré en première partie ; c'est l'indicateur qui intéresse vraiment le client. Quatre, la visibilité : clics, impressions et position moyenne dans la Search Console, sur les requêtes qui correspondent au métier du client. Cinq, la vitesse : le score PageSpeed Insights et notamment le LCP, le temps d'affichage du contenu principal, que Google recommande de maintenir sous deux secondes et demie dans sa documentation Core Web Vitals. Six, la disponibilité : le taux d'uptime relevé par UptimeRobot ; la référence professionnelle est quatre-vingt-dix-neuf virgule neuf pour cent, ce qui représente déjà près de neuf heures d'indisponibilité par an.
Ce tableau chiffre un phénomène que tout chef de projet doit savoir citer de mémoire : la vitesse de chargement se paie directement en visiteurs perdus. L'étude de référence, menée par Google avec SOASTA sur des millions de pages mobiles et publiée en 2017, mesure la hausse de la probabilité de rebond, c'est-à-dire le départ immédiat du visiteur, quand le temps de chargement s'allonge. Par rapport à une page chargée en une seconde, la probabilité de rebond augmente de trente-deux pour cent à trois secondes, de quatre-vingt-dix pour cent à cinq secondes, et plus que double à dix secondes. Une étude mobile antérieure de Google, en 2016, complète le tableau : cinquante-trois pour cent des mobinautes abandonnent une page qui met plus de trois secondes à s'afficher. C'est pourquoi Google recommande, dans sa documentation Core Web Vitals, un affichage du contenu principal sous deux secondes et demie. Traduction opérationnelle pour vous : la vitesse n'est pas un sujet de développeur, c'est un indicateur économique, à tester avec PageSpeed Insights avant toute mise en ligne.
Attention aux vanity metrics, ces indicateurs de vanité qui flattent sans rien piloter. Premier piège : les pages vues brutes. Annoncer dix mille pages vues ne dit rien si personne ne remplit le formulaire ; un site vitrine se juge à ses conversions, pas à son volume. Deuxième piège : la moyenne globale qui masque les écarts. Un temps de chargement moyen correct peut cacher un site inutilisable sur mobile, là où se trouve environ soixante pour cent du trafic ; ventilez toujours vos lectures GA4 par appareil, la dimension s'appelle catégorie d'appareil. Troisième piège : oublier de mesurer avant le projet. Sans photographie de départ, trafic, conversions, positions, vitesse, vous ne pourrez jamais prouver votre apport ; la mesure initiale se fait le premier jour du projet, pas la veille du bilan. Quatrième piège : le chiffre sans référence. Un taux de conversion de deux pour cent est-il bon ? Sans benchmark sectoriel ni historique, impossible à dire. Un indicateur professionnel a toujours trois colonnes : la valeur, la période précédente, et la référence.
Retenons l'essentiel des indicateurs. Le chef de projet digital pilote avec six KPI : l'écart délais et budget côté conduite de projet, puis le trafic, la conversion, la visibilité, la vitesse et la disponibilité côté résultat du site. Tous se mesurent avec des outils gratuits déjà vus : GA4, Search Console, PageSpeed Insights et UptimeRobot. Trois benchmarks sont à connaître par cœur, sources à l'appui : cinquante-trois pour cent des mobinautes abandonnent une page qui charge en plus de trois secondes selon Google, la probabilité de rebond augmente de trente-deux pour cent entre une et trois secondes de chargement selon l'étude Google et SOASTA de 2017, et Google recommande un LCP sous deux secondes et demie dans les Core Web Vitals. La référence de disponibilité est quatre-vingt-dix-neuf virgule neuf pour cent. Enfin, deux règles d'usage : fuyez les vanity metrics, un chiffre ne vaut que comparé à une période et à une référence, et mesurez toujours l'état initial dès le premier jour du projet, car c'est cette photographie qui vous permettra de prouver vos résultats.
Qu'est-ce qui distingue observablement un excellent chef de projet d'un chef de projet moyen ? Pas le talent : des habitudes. Première pratique : tout est écrit. Brief validé, maquettes approuvées par commentaire daté, comptes rendus systématiques. Deuxième pratique : la mesure avant, après sur chaque projet, sans exception, même les petits ; c'est ce qui alimente les études de cas dont nous parlerons juste après. Troisième pratique : la bibliothèque de modèles. Les meilleurs ne repartent jamais de zéro ; ils entretiennent dans Notion leurs modèles de brief, de cahier de recette, de rétroplanning, de compte rendu, et chaque projet améliore le modèle. Quatrième pratique : la marge de sécurité, environ vingt pour cent ajoutés au planning annoncé, parce que les contenus client arrivent toujours en retard et qu'un imprévu technique survient toujours ; les meilleurs livrent en avance parce qu'ils promettent avec marge. Cinquième pratique : la veille outillée, trente minutes bloquées au calendrier chaque semaine, sources fiables plutôt que fils d'actualité, et chaque nouvel outil testé sur un projet personnel avant d'être proposé à un client.
Les meilleurs professionnels ne se contentent pas de bien faire : ils rendent leurs résultats visibles, et cela s'outille. L'outil central est Looker Studio, l'outil gratuit de tableaux de bord de Google. Prise en main : sur lookerstudio point google point com, vous créez un rapport, vous cliquez sur Ajouter des données, et vous choisissez les connecteurs natifs Google Analytics et Search Console ; vous glissez ensuite vos indicateurs sous forme de courbes et de tableaux, avec comparatif automatique de période. Le rapport se met à jour seul et s'envoie par e-mail à échéance programmée. La pratique distinctive : un rapport mensuel d'une page, envoyé au client ou à la direction sans qu'on vous le demande, avec trois lignes de lecture rédigées par vous. Second pilier : le portfolio. Trois études de cas chiffrées avant, après suffisent, nous verrons comment les construire dans le cas suivant. Enfin, tenez vos KPI personnels de chef de projet : pourcentage de projets livrés dans les délais, écart budgétaire moyen. Ce sont ces chiffres-là qui négocient un salaire ou une mission.
Voici comment les meilleurs transforment un projet terminé en actif de carrière. Situation : la refonte vue en partie deux est en ligne depuis six mois, les indicateurs sont bons. Action : construire l'étude de cas pendant que les données sont fraîches. Geste exact : dans GA4, comparer deux périodes strictement identiques, par exemple les six mois suivant la mise en ligne contre les six mêmes mois de l'année précédente ; exporter les captures des rapports utilisateurs et événements clés ; faire de même dans la Search Console sur les clics et la position moyenne. La structure du document tient en quatre blocs sur une page : le contexte et le problème de départ, trois lignes ; les actions menées, en citant la méthode, audit, maquettes Figma, recette, redirections ; les chiffres avant, après, présentés honnêtement, sources et périodes indiquées ; et l'enseignement tiré, une ligne. Demandez l'accord du client pour la diffusion. Résultat : ce document d'une page devient votre meilleur support en entretien annuel, en entretien d'embauche ou en prospection freelance.
Prenons trente secondes de recul pour visualiser la stack complète, c'est-à-dire l'ensemble d'outils cohérent que ce module vous a fait manipuler. Pour construire : WordPress et Elementor. Pour héberger : o2switch ou OVHcloud, de trois à huit euros hors taxes par mois, avec le domaine chez un bureau d'enregistrement accrédité Afnic. Pour piloter : Trello pour les projets simples, Notion pour la documentation, Asana pour le multi-projets. Pour maquetter : Figma. Pour mesurer : GA4 et la Search Console, restitués dans Looker Studio. Pour surveiller : UptimeRobot côté disponibilité, PageSpeed Insights côté vitesse. Faites le total : en dehors de l'hébergement et d'éventuelles licences Pro, cette stack complète fonctionne en version gratuite, soit un coût de démarrage inférieur à cent cinquante euros par an. C'est une singularité de ce métier qu'il faut mesurer : l'outillage professionnel complet est accessible à un étudiant. Concrètement, rien ne vous empêche de monter cette stack ce week-end sur un projet personnel. C'est le meilleur investissement possible dans votre future employabilité : vous arriverez en entretien avec une stack déjà pratiquée, pas seulement citée.
Dernière astuce de terrain, sur la veille. Le piège de la veille est de la faire au fil de l'eau, en suivant les fils d'actualité : on y perd des heures pour des informations de seconde main. La pratique efficace tient en quatre gestes. D'abord, choisir peu de sources mais fiables : la documentation web point dev de Google pour la performance et le référencement technique, France Num pour les usages numériques des PME et les dispositifs d'aide, les blogs officiels des éditeurs de votre stack, WordPress, Elementor, Figma, qui annoncent les évolutions avant tout le monde. Ensuite, bloquer un créneau fixe de trente minutes par semaine dans votre calendrier. Troisième geste, déjà évoqué mais décisif : tout nouvel outil se teste sur un projet personnel avant d'être proposé en clientèle. Enfin, partagez votre veille : un court message mensuel à votre équipe, trois liens commentés, suffit à vous installer comme référent digital de votre structure. C'est de la visibilité interne gratuite, et c'est souvent comme cela que commencent les évolutions de poste dont nous allons parler.
Résumons ce qui fait les meilleurs. Ce ne sont pas des dons, ce sont des habitudes observables et copiables dès votre premier poste. Tout écrire : briefs, validations datées, comptes rendus sous vingt-quatre heures ; l'écrit protège et fait autorité. Mesurer avant et après chaque projet, sans exception, parce que la photographie initiale est la condition de toute preuve ultérieure. Capitaliser : une bibliothèque de modèles, brief, cahier de recette, rétroplanning, entretenue dans Notion, qui vous rend deux fois plus rapide au troisième projet. Prévoir une marge planning d'environ vingt pour cent, pour livrer en avance plutôt qu'en retard. Rendre les résultats visibles : un tableau de bord Looker Studio connecté à GA4 et à la Search Console, et un rapport mensuel d'une page, commenté, envoyé sans relance. Construire son portfolio : trois études de cas chiffrées avant, après, validées par les clients, qui prouvent au lieu d'affirmer. Et entretenir une veille outillée de trente minutes par semaine, partagée en interne. L'ensemble ne demande aucun budget : seulement de la constance.
Parlons chiffres, avec la prudence d'usage : les rémunérations varient selon la taille de l'entreprise, le secteur, la région, et les fourchettes qui suivent sont des ordres de grandeur constatés dans les études de rémunération des cadres publiées notamment par l'Apec et par les baromètres des cabinets de recrutement spécialisés dans le digital. En début de carrière, un chef de projet digital junior se situe généralement entre trente-deux et trente-huit mille euros bruts annuels. Avec trois à cinq ans d'expérience, la fourchette passe à quarante, quarante-huit mille euros. Un profil senior ou lead, qui encadre d'autres chefs de projet ou gère des budgets importants, atteint cinquante à soixante mille euros. Comptez un écart de dix à quinze pour cent entre l'Île-de-France et les régions. En indépendant, les tarifs journaliers constatés sur les plateformes de freelances s'étagent d'environ trois cent cinquante à cinq cent cinquante euros selon l'expérience. Retenez surtout le levier de négociation : c'est le dossier de preuves, études de cas chiffrées et KPI personnels de la sous-partie précédente, qui fait basculer une fourchette vers le haut.
Terminons par les trajectoires. La voie verticale d'abord : chef de projet senior, puis directeur de projet, qui pilote des portefeuilles et des budgets, puis responsable de pôle digital, un poste de chef de service qui recrute, arbitre et répond de la performance de son équipe ; c'est l'horizon naturel du niveau que vous préparez. La voie transversale ensuite : le métier de product owner, côté produit, très proche dans ses réflexes et accessible avec une certification agile ; ou le conseil en assistance à maîtrise d'ouvrage. La voie indépendante enfin : le freelancing, raisonnable après quatre ou cinq ans de salariat. Trois accélérateurs valent l'investissement : les certifications gratuites ou peu coûteuses, celles de Google sur Analytics notamment, une certification agile ; l'anglais professionnel, qui ouvre les entreprises internationales et les documentations avant leur traduction ; et une spécialisation lisible, e-commerce, SEO ou accessibilité, qui vous différencie des profils généralistes. Mais la constante de toutes ces trajectoires, vous la connaissez déjà : le dossier de preuves. Dans ce métier, le portfolio pèse durablement plus que le diplôme.
Dernier récapitulatif du cours. Les fourchettes de rémunération constatées dans les études cadres, notamment celles de l'Apec, situent le chef de projet digital junior entre trente-deux et trente-huit mille euros, le profil confirmé entre quarante et quarante-huit mille, le senior au-delà de cinquante mille, avec un écart de dix à quinze pour cent entre l'Île-de-France et les régions, et des tarifs journaliers freelance de trois cent cinquante à cinq cent cinquante euros. Trois trajectoires s'ouvrent : la voie verticale vers la direction de projet et la responsabilité d'un pôle digital, la voie transversale vers le product ownership ou le conseil, et l'indépendance après quelques années de salariat. Les accélérateurs sont accessibles dès maintenant : certifications Google et agiles, anglais professionnel, spécialisation lisible. Et la leçon qui relie cette sous-partie à tout le reste du module : ce qui négocie un salaire ou décroche une mission, ce n'est pas la liste des outils sur un CV, c'est la preuve chiffrée que vous savez vous en servir pour produire des résultats. Cette preuve, vous savez désormais exactement comment la construire.
Un mot sur les sources de cette séance, car un chef de projet cite toujours les siennes. Les données de marché des navigateurs proviennent de StatCounter, recoupées par d'autres mesures publiques ; la part de WordPress vient des relevés continus de W3Techs. Les benchmarks de vitesse s'appuient sur les études publiées par Google, notamment l'étude menée avec SOASTA en 2017, et sur la documentation officielle des Core Web Vitals sur web point dev. Les repères de rémunération viennent des études de l'Apec, croisées avec les baromètres des cabinets spécialisés. Les prix des outils sont les tarifs constatés sur les sites des éditeurs à la date du cours : ils évoluent, vérifiez-les avant tout budget. Côté institutionnel, France Num publie des fiches pratiques précieuses pour accompagner la numérisation des PME, la CNIL fait référence sur les cookies et le RGPD, et l'Afnic sur les noms de domaine en point fr. Pour prolonger la réflexion, la Culture numérique de Dominique Cardon éclaire le contexte général, et les ouvrages pratiques de Dunod et Eyrolles cités complètent l'outillage métier.
Complétons avec le vocabulaire technique du module. La recette est la vérification systématique avant mise en ligne, menée en préproduction, cette copie de travail invisible du public. La redirection 301 renvoie définitivement une ancienne adresse vers la nouvelle : c'est elle qui sauve le référencement lors d'une refonte. Le sitemap est le plan du site soumis à Google via la Search Console. Le wireframe est la maquette fil de fer produite dans Figma pour cadrer une page, et l'arborescence, la liste organisée des pages du site. Le Kanban est la méthode visuelle de Trello, et le rétroplanning, le planning construit à rebours depuis la date de livraison visée. L'uptime mesure la disponibilité du site, surveillée par UptimeRobot. L'événement clé est l'action marquée comme conversion dans GA4, celle qui transforme la mesure de trafic en mesure de résultat. Le post-mortem est l'analyse écrite qui clôt tout incident. Et la vanity metric, l'indicateur flatteur qui ne pilote rien, est précisément ce que ce vocabulaire doit vous aider à débusquer.