Projet web

Création & exploitation de sites Internet
Projet MMI 2016 – 2018 – Semestre 1

Accès aux projets par équipe 

Objectifs

  • Favoriser la transversalité dans les différents domaines enseignés
  • Plonger les étudiants dans des conditions réalistes d’une agence web et d’un annonceur sur le web et les faire participer aux rendez vous animant ce type de structures
  • Permettre sur les 3 semestres d’enseignement de couvrir l’ensemble des domaines permettant la conception, le développement et l’exploitation des projets web en mêlant différents domaines :
    • développements front end,
    • développements back end,
    • web design et infographie,
    • ergonomie,
    • conduite de projets web & méthode agile,
    • écriture web,
    • présence réseaux sociaux et communauty management,
    • webmarketing,
    • analyse d’audience,
    • amélioration et enrichissement progressif,
    • audit de sites web,
    • qualité des sites internet,…

Principes

  • 6 équipes “annonceurs” de 8 étudiants produisent et exploitent 5 sites web de types médias/opinions
  • 6 sites internet différents seront mis en ligne courant semestre 1 et exploités/améliorés ensuite
  • Au sein de chaque équipe de 8 étudiants les étudiants travaillent à chaque étape par binôme :
    • 3 binômes en concurrence
    • 1 binôme « chef de projet »
  • Les binômes sont réorganisés à chaque nouvelle étape
  • Lors de la finalisation de certaines étapes du projet, les productions des binômes sont mises en concurrence et 1 seule solution est retenue par toute l’équipe des 8 et sert de base à l’étape suivante,
  • Le projet sera conduit selon les principes de l’agilité. Des comités de pilotage et des comités rédactionnels sont des points de rendez vous obligatoires,
  • Les étudiants réalisent sur les 3 semestres toutes les phases du projet de la conception à l’exploitation,  
  • Le site sera conçu de manière à être développé et mis à jour via 2 CMS :
    • le CMS simple Kiubi sur les 1er et 2nd semestre, 
    • puis via le CMS Wordpress à partir du semestre 2,
  • Le site devra disposer d’une version “allégée” en anglais.

Notation 

  • A la plupart des étapes correspondent des livraisons effectuées par les binômes ou les équipes de 8 étudiants, elles sont l’occasion de notation comptant pour différents modules,
  • Une note plus importante pourra être utilisée pour différents modules et sera basée sur :
    • des critères objectifs d’audience (nombre visiteurs uniques, durées des visites,...) et d’engagement (nombre de likes, partages,...) et de visibilité (positionnement SEO,...),
    • une présentation de synthèse devant l’ensemble des étudiants qui servira de conclusion au projet

Les sujets 

Nous proposons aux étudiants une liste de sujet et chacun des 6 groupes de 8 étudiants devra au début du projet identifier sa thématique.
  • Manger à Bordeaux
  • Se déplacer à Bordeaux
  • Faire du sport à Bordeaux
  • S’informer à Bordeaux
  • Vivre la diversité culturelle à Bordeaux
  • Sortir le soir à Bordeaux
  • Grandir à Bordeaux
  • Être artiste à Bordeaux
  • Se loger à Bordeaux
  • Vivre zen à Bordeaux

Macro planning

Dans le déroulé présenté ci-après les grandes phases sont présentées linéairement, dans les faits le projet sera conduit en mode agile et la plupart des phases de production s'enchaineront sous forme de sprints. 

Semestre 1

  • Création des équipes et choix du sujet
  • Notes de cadrage / spécifications / stratégie webmarketing / planning
  • Mise en place présence web minimale
    • Nom de marque, nom de domaine
    • Logo
    • Page d’attente 
      • charte graphique 
      • intégration html 
      • mise en ligne 
      • suivi d'audience et animation 
  • Réseaux sociaux
    • stratégie 
    • mise en place 
    • suivi d'audience et animation 
  • Mise en place première version site web sur CMS simple : 
    • prise en main du CMS 
    • choix d'un template et mise en place dans le CMS 
      • personnalisation design et ergonomie 
      • personnalisation et développements des fonctionnalités 
    • production de contenu 
    • mise en place de contenu 
  • Ouverture commerciale du site 
  • Exploitation du site 
    • suivi d'audience et reporting
    • actions webmarketing
    • amélioration progressive 
    • erichissement continu en contenu 

Semestre 2 & 3

  • Production d'une nouvelle version de site 
    • nouveau CMS, nouvelles fonctionnalités, nouveau design et ergonomie
    • migration et enrichissement des contenus 
    • mise en production 
  • Exploitation du site 
    • suivi d'audience et reporting
    • actions webmarketing
    • amélioration progressive 
    • erichissement continu en contenu 

Vos équipes

Equipe 1 Equipe 2
Nom Prénom Nom Prénom
ALLE MONNE Jonah CHAUVIERE Maïwenn
ARRAYAGO Raphaël COHEN Lucas
BAHUET Bastien COLLONGUES Clément
BAILLEUL Emeline CUBERTAFON Raphaël
BERARD Edouard DELIGANS Athenais
CARE Laurène DEMARS Thibault
CHAMPION Clément DESMESURE Arthur
CHARTAUD Romain CORBIN-PHILIPPON  
 
Equipe 3 Equipe 4
Nom Prénom Nom Prénom
DOURGUIA Aurore HAWKINS Thomas
DULHOSTE Roxane HERIL Galawesh
FLORENT Léa JUDIC Gwendal
FRATANI Mathias LAURES David
GAUDÉ VAUTRIN Lolita LE BUHAN Inès
GAYA Sébastien LE ROUX Yann
HARRIBEY-FOUCAULT Mathieu MAUGER Elisa
    MOQUET Benjamin
 
Equipe 5 Equipe 6
Nom Prénom Nom Prénom
MOY Cindy RENAUD Clément
NUNES Eva RICHARD Joshua
ORIGAS Marie ROBERT Bastien
PEBERAT Manon ROGER Lilou
PHILIP Guillaume SACOMANT Dorian
PILLAULT Clara SARAIVA Angélina
PONTOIZEAU Theo TREYSSAT-VINCENT Nino
PORTIER Michaël ZEBINA Roxane

 

Les prochaines étapes 

Une alternance de cours et TD dans différentes matières vont vous permettre de travailler sur les premières étapes du projet

  • Notes de cadrage et spécifications
  • Stratégie webmarketing
  • Product backlog et planning
  • Mise en place présence web minimale
    • Nom de marque, nom de domaine
    • Logo
    • Page d’attente 
      • charte graphique 
      • intégration html 
      • mise en ligne 
      • suivi d'audience et animation 
  • Réseaux sociaux
    • stratégie 
    • mise en place 
    • suivi d'audience et animation 
  • Production de contenus

Prochaines sessions consacrées au projet

Sont indiqués ci-après les prochains créneaux consacrés au projet avec pour chacun les thématiques réellement traitées 
  • 19/09/2016 - cours intégration web 
    • sites web et webmarketing 
    • note de cadrage et spécifications 
  • 22/09/2016 - cours intégration web 
    • intégration HTML CSS JS 
  • 22/09/2016 - TP intégration web 
    • sites web et webmarketing 
    • note de cadrage et spécifications 
  • 26/09/2016 - TP intégration web 
    • sites web et webmarketing 
    • note de cadrage et spécifications > livraison
  • 27/09/2016 - cours de gestion de projet 
    • cours gestion de projets, méthode linéaire
  • 29/09/2016 - cours de gestion de projet 
    • cours gestion de projets, méthode agile + rédaction du cahier des charges sprint 1
  • 30/09/2016 - TP intégration web
    • intégration HTML CSS JS 
  • 04/10/2016 - TP intégration web
    • intégration HTML CSS JS 
  • 02/11/2016 - TP infographie
    • charte graphique 
  • 02/11/2016 - TP de gestion de projet 
    • macroplanning et product backlog
  • 03/11/2016 - TP infographie
    • charte graphique 
  • 07/11/2016 - TP de gestion de projet 
    • clôture du sprint 1, débrief et lancement sprint 2
  • 08/11/2016 - TP infographie
    • intégration HTML CSS JS page d'attente 
  • 17/11/2016 - TP intégration web 
    • intégration HTML CSS JS page d'attente ​> livraison
  • 21/11/2016 - TP intégration web 
    • ouverture commerciale 
    • présence réseaux sociaux 
  • 23/11/2016 - TP intégration web 
    • premières étapes exploitation site (analyse audience, SEO)
  • 23/11/2016 - TP de gestion de projet 
    • rédaction user stories 
  • 02/12/2016 - Gestion de projet 
    • Clôture du sprint 2, débrief et lancement sprint 3
  • 19/01/2017 - Gestion de projet 
    • Clôture du sprint 3, débrief, lancement du sprint 4 

Séance 1 - 19/09/2016

Découverte site web et webmarketing
Découverte de l'intégration HTML CSS JS 

Lire la suite