Please enable JavaScript.
Coggle requires JavaScript to display documents.
GESTION DE PROJET WEB, QU'EST-CE QU'UN PROJET WEB ?…
GESTION DE PROJET WEB
QU'EST-CE QU'UN PROJET WEB ?
Caractéristiques principales d'un projet
Définiton
Caractéristiques d'un projet
Unique
Bordé dans le temps
Objectifs
Ressources
Identification des acteurs d'un projet web
Pôle conception
UX Designer / Ergonome
Webdesigner
Pôle développement
Développeur web
Intégrateur
Administrateur système
Pôle commercial
Business développer
Pôle performance
Consultant SEO/SEA
Community manager
Pôle management
Chef de projet
Les typologies d'agence web
Freelance
Projet de 1000 à 5000
double compétences : web design + matière technique
200€ /jour
Studio
Projet de 5000 à 20 000 ( car forte masse salariale)
400€/jour
entre 2 et 10 salariés
Agence
Un acteur référant par tâche
20 000 à 100 000
500€/jour
Groupe
Cellule digitale
40 000 et 100 000€
600€/jours
ESN/SS2i
Entreprise du Service Numérique / Société de Service et Ingénierie Informatique
Travaille sur des logiciels métiers / augmenter ROI
Budget sur mesure
800€ /jour
Création d'un site web
From scratch
Notion
Lorsqu'on part de rien
Avantages
Performance
Sécurité
Fonctionnalités poussées
Evolutif
Inconvenients
Cout du projet
Le timing de production
Maintenance regulière
Etapes
Recueillir les besoins
Retranscrire en fonctionnalités
Les ecrire dans un cahier des charges
Création des maquettes
Developpe langage informatique
Developpe produit adapté à l'annonceur
Outils
Fram Work
Symfony
Rails
CMS
Avantages
Accessible
Rapide à mettre en place
Gain de temps
Communautaire
Le prix
Inconvenients
Code non maitrisé
Performnce
Pas adapté pour les fonctionnalités complexes
Sécurité
Notion
Content management system / Qualifié d'un moteur de site internet prêt a l'emploi
60% des sites sont fabriqués à partir d'un CMS
Word Press, Joomla, Drupal
Outils
envatomarket
themforest
Les differents produits web
Pour du desktop / ordinateur - tablette
Site vitrine
Multipage
One page
Landing page ( page d'aterissage)
Site institutionnel ( orienté information)
Site événementiel
Site e-commerce (démarche commerciale)
Site communautaire
Site collaboratif
Les blogs
pour du mobile
Application mobile
Page web
PWA ( Progressive Web App)
Méthodologies de projet web
Methode cascade (waterfall)
Methode chronologique et hierarchique
avantage
facilement definir budget et retro planning
inconvenients
impossible de revenir en arrière une fois qu'une phase achevée
pas flexible
non adapté aux projets qui sont pas bien definis
Methode agiles
méthode scrum
Caractéristiques
Méthode pour appliquer la methode Agiles en agence
Méthode/etapes
Backlog
Backlog sprint
Sprint
Mélée quotidienne
Produit partiel potentiellement utilisable
caractéristiques
Offre réactivité et flexibilité / cycles courts
isoler chaque fonctionnalité / concentrer sur une a la fois
Isoler une fonctionnalité > web design de la fonctionnalité
Annonceur impliqué et fait part de son feedback
Méthode
Expression de besoin
Spécification
Développement
Validation
Déploiement
Evaluation
Processus de réalisation en agence pour la livraison d'un produit web
Planification stratégique
Analyser la concurrence et du secteur d'activité de l'annonceur
Benchmark
Swot
Mapping concurrentiel
connaître faiblesses des concurrents pour strategie de differenciation
outils
Google alerts
evernote
Examiner les besoins de l'annonceur
Questions
Pourquoi ce projet ? Pourquoi maintenant ? Que voulez vous changer par rapport à l'ancien site ? Quels problèmes voulez-vous corriger ?
Quel est le plan de votre entreprise dans les grandes lignes et quelle est la place du site au sein du plan? Seul point de contact ou plusieurs supports
Qu'est-ce qui vous manque aujourd'hui ?
Les fonctionnalités
De uoi se plaignent les visiteurs ? Les retours clients ?
Feedback et AB testing
Definir les obj de l'appli, au dela de l'obj purement opperationnel ? Obj de notoriété, image de marque ou commercial ?
Définir les objectifs
Questions ci-dessus
Cerner les facteurs de succès
Questions ci-dessus
but : commencer à evoquer les indicateurs de performance du futur site ou appli
Identifier la clientèle (canva)
Experience
Client
Produit
pas a faire dans un projet web car amené par le client
Substitus
Assigner les rôles
Conception
Lister les fonctionnalités
Classifier les contenus
deja des contenus ? si non, recherche iconographique
outils pour contenu icono : unsplash, flaticon, undraw (vectoriel)
Créer un mood board
image qui vont refleter le partie prix graphique
outil : mural
Structurer l'arborescence
permet indexation des pages les unes entre les autres
outil : flowmapp
Création des mockup
Fixer échéancier de production + budget
Diagramme de Gantt
outil : tom's planner
fixer grandes dates, delais associés baliser et encadrer le suivis de production. Methodologie de planification des tâches
Bduget
outil : google sheet
utilisation : voir cours
Rédaction cahier des charges
Objectif
Exprimer les obj et lister les contraintes esthetiques, fonctionnelles
methodologie
Page de garde
Historique des versions
Client ( infos client, referant...)
Objet du contrat
Objectifs
Profils des utilisateurs
Comptabilité navgateurs
Création des maquettes front-office
Présentation des maquettes
Nomenclature
Développer et exprimer chaque fonctionnalité dans leurs details, exprimer leurs usages, a quoi elles repondent
Procedure de recette du site
Periode de test
Production
Design des interfaces (indesign) : png / pdf
outils de veille
Awwwards
Behance
Programmation ( CMS)
Mise en ligne
Construction d'un document d'assurance qualité (Trello)
utilisation
TO DO (action a realiser)
DOINT ( action en cours)
DONE (actions faites)
STAGING ( correction a faire)
Inspiré de la methode KANBAN et des cartes
Activer le compteur statistique de fréquence
Google analytics
audience
qui sont les visiteurs
acquisition
d'ou viennent-ils
Comportement
qu'est-ce qu'il font
Hotjar
permet d'analyser, affiche et recréer le comportement des visiteurs
Zones de chaleur
Nom de domaine / hébérgement / référencement
Nom de domaine
compositions
Le http et https pour securité
La racine : le nom du site
Extension : .fr, .net , .com
outils
OVH
GANDI
a savoir
prix varie de 4 à 20€, a renouveler tous les ans
Organisation qui gere les noms de domaines : AFNIC et ICANN au niveau mondial
Herbergement
A savoir
code infos viennent d'un fichier, qui doit etre stoké sur un serveur
herbgeur = une entrepreprise met a dispo un espace de stockage sur un serveur connecté en permanance a internet
les diff types d'hebergements
Herbegement mutualisé
fonctionnement
un serveur avec plusieurs sites stocké
Avantages
pas chère
Inconvenients
si un site infecté , plusieurs le risque
Hebergement dédié
Fonctionnement
que nos infos écrites dessus
Avantages
plus de secu
Inconvenients
plus chère
connaître un langage informatique pour l'installer
Hebergement infogéré
Fonctionnement
hybride entre les deux d'au dessus
Avantages
pas besoinde parametrer
Inconvenients
le prix
Hebergement cloud
Fonctionnement
gros organisme / dans les nuages
Avantages
pour site e-commerce : ne sature pas / repartissions de la charge
Inconvenients
très chère
Referencement
Exploitation + maintenance