Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

developpement_projet_web_part_1

14 views

Published on

introduction à la conduite de projet web

Published in: Marketing
  • Be the first to comment

developpement_projet_web_part_1

  1. 1. 01/10/16 Documents Proprietaire : services@rokbarry.com 1 CONDUITE DE PROJET WEB INTRODUCTION À LA CONDUITE DE PROJET WEB Rokhaya BARRY services@rokbarry.com
  2. 2. 01/10/16 Documents Proprietaire : services@rokbarry.com 2 SOMMAIRE Processus de pilotage d’un projet web Définition d’un projet web Typologie des projets web De la définition du projet à la rédaction du cahier des charges De la conception du site à la mise en ligne Mise en pratique/exercices
  3. 3. 01/10/16 Documents Proprietaire : services@rokbarry.com 3 PROJET WEB, QUELAPPORT POUR L’ENTREPRISE ? Le projet web participe à la compétitivité de l’entreprise en répondant aux besoins des utilisateurs.
  4. 4. 01/10/16 Documents Proprietaire : services@rokbarry.com 4 Outil qui permet l’atteinte d’objectifs stratégiques. Projet => réalisation d’une prestation 1) Délai 2) Budget 3) Qualité PROJET WEB : DÉFINITION Périmètre du projet
  5. 5. 01/10/16 Documents Proprietaire : services@rokbarry.com 5 PROJET WEB : ÉTUDE PRÉLIMINAIRE De quoi s’agit il ? Collecter et à analyser les informations relatives au lancement du projet Pourquoi faire ? Analyser la nature du marché et identifier les besoins existants.
  6. 6. 01/10/16 Documents Proprietaire : services@rokbarry.com 6 ÉTUDE PRÉLIMINAIRE EN 3 ÉTAPES Celles ci consisent à faire : étude de faisabilité étude de marché avec la méthode SWOT étude de concurrence ou benchmark
  7. 7. 01/10/16 Documents Proprietaire : services@rokbarry.com 7 ÉTUDE PRÉLIMINAIRE : FINALITÉ À l’issue de l’étude préliminaire, l’objectif final est : identifier la cible et les besoins estimer le niveau d’équipement de vos futurs internautes définir les objectifs généraux et le type de site à développer
  8. 8. 01/10/16 Documents Proprietaire : services@rokbarry.com 8 LES DIFFÉRENTS TYPES DE PROJET TYPOLOGIES DES PROJETS WEB
  9. 9. 01/10/16 Documents Proprietaire : services@rokbarry.com 9 LES DIFFÉRENTS TYPES DE PROJET WEB ● site marchand ● site institutionnel ● site communautaire ● d’intranet ● de portail d’entreprise Les plus courants sont les projets de :
  10. 10. 01/10/16 Documents Proprietaire : services@rokbarry.com 10 SITE MARCHAND Qu’est ce que c’est ? site de commerce électronique proposant un catalogue de produits avec une possibilité de commander et de payer en ligne
  11. 11. 01/10/16 Documents Proprietaire : services@rokbarry.com 11 Cible Clients et prospects interessés par les produits proposés par le site SITE MARCHANDSITE MARCHAND
  12. 12. 01/10/16 Documents Proprietaire : services@rokbarry.com 12 Qu’est ce que c’est ? Présente l’activité d’une entreprise, les produits et services qu’elle propose, ses offres d’emploi, son implantation. SITE INSTITUTIONNEL
  13. 13. 01/10/16 Documents Proprietaire : services@rokbarry.com 13 Cible Clients et prospects de l’entreprise SITE INSTITUTIONNEL
  14. 14. 01/10/16 Documents Proprietaire : services@rokbarry.com 14 Il se definit comme : site web qui propose aux internautes un espace de communication pour échanger, publier, débattre, convaincre autour d’une passion voire d’une activité commune Il est destiné : membres de la communauté SITE COMMUNAUTAIRE
  15. 15. 01/10/16 Documents Proprietaire : services@rokbarry.com 15 Définition et objectif Outil de fédération des collaborateurs autour d’une vision commune, il permet d’accélér la circulation de l’information tout en facilitant le travail de groupe L’INTRANET
  16. 16. 01/10/16 Documents Proprietaire : services@rokbarry.com 16 PORTAIL D’ENTREPRISE Selon sa cible, il peut avoir plusieurs objectifs : pour les employés : intranet d’information, de collaboration ou d’applications ; pour les clients : site Internet de diffusion d’informations relatives à leur compte, leurs diverses requêtes permettant la mise en place d’un CRM… pour les partenaires et/ou fournisseurs : extranet pour le suivi des commandes, la gestion des stocks...
  17. 17. 01/10/16 Documents Proprietaire : services@rokbarry.com 17 DE LA DÉFINITION DU PROJET À LA REDACTION DU CAHIER DES CHARGES LA RÉDACTION DU CAHIER DES CHARGES
  18. 18. 01/10/16 Documents Proprietaire : services@rokbarry.com 18 RÉDACTION DU CAHIER DES CHARGES Définition Document par lequel le client (maîtrise d’ouvrage) exprime son besoin. Formulé en termes de fonctionnalités, il permet à l’équipe de réalisation : de savoir ce qu’elle doit développer et comment elle doit le développer.
  19. 19. 01/10/16 Documents Proprietaire : services@rokbarry.com 19 CAHIER DES CHARGES : COMMENT L’ÉLABORER ? L’élaboration du cahier des charges consiste en 3 phases : 1) recenser toutes les fonctionnalités possibles Chaque fonctionnalité est à exprimer exclusivement en termes de finalité et est formulée par un verbe à l’infinitif Exemple : « afficher de la documentation », « rechercher des informations »… 2) caractériser et quantifier chaque fonctionnalité en précisant les critères d’appréciation, les niveaux de chaque critère et la flexibilité de ces derniers. 3) indiquer à la maîtrise d’œuvre (moe) les services essentiels sur lesquels il faudra concentrer son savoir-faire
  20. 20. 01/10/16 Documents Proprietaire : services@rokbarry.com 20 DU CAHIER DES CHARGES AU PLAN PROJET Qu’est ce qu’un «plan projet» ? Document par lequel la maitrise d’oeuvre (moe) définit les orientations structurantes permettant de fixer le cadre des travaux à venir.
  21. 21. 01/10/16 Documents Proprietaire : services@rokbarry.com 21 DU CAHIER DES CHARGES AU PLAN PROJET Plan projet CONTRAT MOA (demandeur client) MOE (équipe de réalisation)
  22. 22. 01/10/16 Documents Proprietaire : services@rokbarry.com 22 PLAN PROJET : LES ELEMENTS CLÉS Le plan projet regroupera les éléments clés suivants : présentation générale du projet orientations fonctionnelles travaux et activités les acteurs du projet le plan d’assurance qualité (PAQ) planning budget
  23. 23. 01/10/16 Documents Proprietaire : services@rokbarry.com 23 DE LA CONCEPTION DU SITE À LA MISE EN LIGNE LES PHASES DE CONCEPTION DU SITE
  24. 24. 01/10/16 Documents Proprietaire : services@rokbarry.com 24 Ces éléments sont à définir avant la réalisation d’un site : l’arborescence et la structure des pages l’architecture logicielle, son infrastructure matérielle et télécoms, ainsi que son futur aspect. CONCEPTION DU SITE
  25. 25. 01/10/16 Documents Proprietaire : services@rokbarry.com 25 CONCEPTION FONCTIONNELLE DU SITE Consiste à : Point 1 : déterminer l’arborescence du site et des pages web
  26. 26. 01/10/16 Documents Proprietaire : services@rokbarry.com 26 Arborescence plan du site trame de page⇒ ⇒ CONCEPTION FONCTIONNELLE DU SITE
  27. 27. 01/10/16 Documents Proprietaire : services@rokbarry.com 27 CONCEPTION FONCTIONNELLE DU SITE Arborescence plan du site trame de page⇒ ⇒
  28. 28. 01/10/16 Documents Proprietaire : services@rokbarry.com 28 CONCEPTION FONCTIONNELLE DU SITE Ainsi que Point 2 : les specifications fonctionnelles dont l’objectif est de décrire précisément la future application web
  29. 29. 01/10/16 Documents Proprietaire : services@rokbarry.com 29 CONCEPTION TECHNIQUE Étape où on définit les différents modules à intégrer gestion des contenus, publication, personnalisation, utilisateurs L’architecture logicielle du site avec les : types de serveurs (Web, SMTP...), composants serveurs requis, annuaire LDAP, SGBD...
  30. 30. 01/10/16 Documents Proprietaire : services@rokbarry.com 30 L’infrastructure matérielle determinée en fonction du cahier des charges point de départ pour le choix d’une solution d’hébergement. CONCEPTION TECHNIQUE
  31. 31. 01/10/16 Documents Proprietaire : services@rokbarry.com 31 CONCEPTION VISUELLE Il s’agit de « l’apparence » du site
  32. 32. 01/10/16 Documents Proprietaire : services@rokbarry.com 32 CONCEPTION VISUELLE Quelques régles de conception à respecter avant production de la maquette du site ● Dimensions des pages ● Lisibilité contenu ● Navigation ● Couleur, Styles ● Types d’images ● Médias applicables régles graphiques ● Utilisabilité ● Navigateurs ● 3 clics régles ergonomiques
  33. 33. 01/10/16 Documents Proprietaire : services@rokbarry.com 33 RÉALISATION TECHNIQUE DU SITE Elle se fait en 3 phases Ossature du site => retranscription des templates graphiques en HTML.
  34. 34. 01/10/16 Documents Proprietaire : services@rokbarry.com 34 RÉALISATION TECHNIQUE DU SITE La phase des développements de la partie «statique» et «dynamique» et des contenus associés Livrables● Chef de projet technique ● Rédacteur ● Développeur web Site web sur serveur test Acteurs principaux
  35. 35. 01/10/16 Documents Proprietaire : services@rokbarry.com 35 RÉALISATION TECHNIQUE DU SITE Phase tests et recettes Pour verifier que le site fonctionne et qu’il correspond bien aux spécifications définies lors de la phase de conception
  36. 36. 01/10/16 Documents Proprietaire : services@rokbarry.com 36 DE LA CONCEPTION DU SITE À LA MISE EN LIGNE MISE EN LIGNE ET PROMOTION DU SITE
  37. 37. 01/10/16 Documents Proprietaire : services@rokbarry.com 37 MISE EN LIGNE DU SITE Dans cette phase, il s’agit de définir : processus d’exploitation du site documentation et formation (outil back office) mise en œuvre d’un système de mesure d’audience Vérifier les aspects juridiques et administratifs en terme de : respect des lois en vigueur déclaration du site (CNIL)
  38. 38. 01/10/16 Documents Proprietaire : services@rokbarry.com 38 LANCEMENT DU SITE ET CLÔTURE DU PROJET Définition de la stratégie de promotion du site : plan de communication soumettre le site auprès des outils de recherche du web d’établir un «bilan post mortem» du projet
  39. 39. 01/10/16 Documents Proprietaire : services@rokbarry.com 39 LEVIERS DE CROISSANCE D’UN SITE WEB Mise en place d’action stratégiques et opérationnels pour la visibilité et promotion d’un site Référencement SEM* Plan de communication
  40. 40. 01/10/16 Documents Proprietaire : services@rokbarry.com 40 RÉFÉRENCEMENT SEM Ça consiste en quoi ? L'ensemble des activités liées au référencement d'un site sur les SERPs* La «search engine marketing» ou SEM peut se résumer ainsi : SEO SMOSEA+ + * Confére glossaire SEM =
  41. 41. 01/10/16 Documents Proprietaire : services@rokbarry.com 41 RÉFÉRENCEMENT La technique SEO Qu’est ce que c’est ? Appelée aussi référencement naturel, cette méthode consiste à concevoir, rediger, encoder (en HTML*) et programmer un site web selon des mots clés choisis spécifiquement Pourquoi ? Favoriser une meilleure indexation par les moteurs de recherche ainsi qu’un bon positionnement des pages d'un site web dans les résultats de recherche * Confére glossaire
  42. 42. 01/10/16 Documents Proprietaire : services@rokbarry.com 42 RÉFÉRENCEMENT La technique SEA ou PPC Qu’est ce que c’est ? C'est le positionnement payant dans les moteurs de recherche avec la mention “liens commerciaux” ou “liens sponsorisés” Pourquoi ? Publicité dans les moteurs de recherche où l'annonceur paye pour chaque “click” sur sa publicité
  43. 43. 01/10/16 Documents Proprietaire : services@rokbarry.com 43 RÉFÉRENCEMENT La technique SMO Qu’est ce que c’est ? Travail de visibilité d'un site à partir des réseaux sociaux
  44. 44. 01/10/16 Documents Proprietaire : services@rokbarry.com 44 Affichage d'une page de resultats d'un moteur de recherche (SERPs) Illustration RÉFÉRENCEMENT
  45. 45. 01/10/16 Documents Proprietaire : services@rokbarry.com 45 Autre stratégie pour assurer la promotion et l’animation d’un site publicité en ligne assurée par un annonceur. Exemple : la bannière PLAN DE COMMUNICATION D’UN SITE WEB
  46. 46. 01/10/16 Documents Proprietaire : services@rokbarry.com 46 Le parrainage en ligne ou sponsoring Tactique qui consiste à parrainer un site ou une rubrique particulière en y associant son nom, sa marque ou son image PLAN DE COMMUNICATION D’UN SITE WEB
  47. 47. 01/10/16 Documents Proprietaire : services@rokbarry.com 47 L’affiliation marchande. Les principaux acteurs sont : Site affilieur, site affilié et programme d’affiliation PLAN DE COMMUNICATION D’UN SITE WEB
  48. 48. 01/10/16 Documents Proprietaire : services@rokbarry.com 48 Syndication de contenu Forme particulière d’affiliation entre site syndicateur et site syndiqué PLAN DE COMMUNICATION D’UN SITE WEB
  49. 49. 01/10/16 Documents Proprietaire : services@rokbarry.com 49 Le netlinking Échange croisé de liens entre deux sites web pour augmenter mutuellement le trafic des sites PLAN DE COMMUNICATION D’UN SITE WEB
  50. 50. 01/10/16 Documents Proprietaire : services@rokbarry.com 50 Des techniques de cybermarketing telles que : L’emailing La lettre d’information ou newsletter Le push Le marketing viral Le marketing tribal PLAN DE COMMUNICATION D’UN SITE WEB

×