SlideShare une entreprise Scribd logo

2015 cours-projet web-infonum-part2

Eric Giraudin
Eric Giraudin
Eric GiraudinDirecteur de la communication et des TICE à IUT 2 Grenoble

Support de la deuxième partie du cours Projet Web Collaboratif au département Information-Communication de l'IUT2 Grenoble, DUT 2ème année, option Information Numérique dans les Organisation

2015 cours-projet web-infonum-part2

1  sur  13
Télécharger pour lire hors ligne
Projet Web Collaboratif
Partie 2 – La stratégie éditoriale
Eric GIRAUDIN
Département Information-Communication,
option Information Numérique dans les Organisations - IUT2 Grenoble
Plan du cours
1. Démarrer
2. L’image de de la marque : ligne
éditoriale et identité visuelle
3. Organiser l’éditorial
4. Architecture de l’information
Démarrer
• Quelle thématique?
• A quelle problématique globale mon projet
doit répondre?
• Situation dans la stratégie de l’organisation?
• Analyser l’existant!
• Se différencier de la concurrence!
L’image de l’organisation :
la ligne éditoriale
Définir les périmètres du territoire éditorial
(publics, langues, contributeurs, informations…)
Définir les objectifs éditoriaux à atteindre
Définir les formats éditoriaux
(blogs, newsletter, flux RSS, articles, pages, catalogues…)
>> Rédiger une charte éditoriale
Exemple
de
stratégie
de
présence
en ligne
L’image de l’organisation :
L’identité visuelle
• L’identité visuelle :
– Ensemble des éléments visuels qui permettent la reconnaissance d’une organisation
• La charte graphique
– Document qui formalise les éléments de l’identité visuelle
• Le Wireframing
– Travail sur les gabarits de page (maquette non réaliste).
• La maquette visuelle réaliste
– Epreuves graphiques donnant un aperçu réaliste de la future apparence du site
• Le thème graphique
– Découpage de la maquette visuelle du design du portail en fichiers (XHTML,
CSS…) permettant son intégration de manière cohérente.
Publicité

Recommandé

2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEOEric Giraudin
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au coursEric Giraudin
 
2016 Cours projet Web Collaboratif - Partie 2
2016 Cours projet Web Collaboratif - Partie 22016 Cours projet Web Collaboratif - Partie 2
2016 Cours projet Web Collaboratif - Partie 2Eric Giraudin
 
2016 Cours projet Web Collaboratif - Partie 3
2016 Cours projet Web Collaboratif - Partie 3 2016 Cours projet Web Collaboratif - Partie 3
2016 Cours projet Web Collaboratif - Partie 3 Eric Giraudin
 
2018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie12018 Cours projet web collaboratif Partie1
2018 Cours projet web collaboratif Partie1Eric Giraudin
 
Cours projet web collaboratif - partie 3 : Les contenus : optimisation & diff...
Cours projet web collaboratif - partie 3 : Les contenus : optimisation & diff...Cours projet web collaboratif - partie 3 : Les contenus : optimisation & diff...
Cours projet web collaboratif - partie 3 : Les contenus : optimisation & diff...Eric Giraudin
 
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019Eric Giraudin
 
Cours projet web collaboratif - partie 1 : Introduction, version 2019
Cours projet web collaboratif - partie 1 : Introduction, version 2019Cours projet web collaboratif - partie 1 : Introduction, version 2019
Cours projet web collaboratif - partie 1 : Introduction, version 2019Eric Giraudin
 

Contenu connexe

Tendances

Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site webChris Gaillard
 
Netlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociauxNetlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociauxbusinessmarches
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.itscoopit_fr
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Christian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisationChristian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisationChristian Amauger
 
Mettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsMettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsAlesiacom
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDournaux Christophe
 
2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans
2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans 2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans
2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans Patrick Guimonet
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PEArnaud Cantaloube
 
Configuration Wordpress et bons plugins pour améliorer son référencement
Configuration Wordpress et bons plugins pour améliorer son référencementConfiguration Wordpress et bons plugins pour améliorer son référencement
Configuration Wordpress et bons plugins pour améliorer son référencementJuliette Frank de Cuzey
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Odomia
 
Rédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et GoogleRédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et GoogleEditoile
 
Solution de recherche Drupal
Solution de recherche DrupalSolution de recherche Drupal
Solution de recherche DrupalCore-Techs
 
Webinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheWebinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheCore-Techs
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014Julien Voyez
 
Présentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentairePrésentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentairemickaelboussard29
 

Tendances (20)

Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Netlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociauxNetlinking : optimisation et réseaux sociaux
Netlinking : optimisation et réseaux sociaux
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.it
 
Niort numeric
Niort numericNiort numeric
Niort numeric
 
Web 2 0 Main Features
Web 2 0 Main FeaturesWeb 2 0 Main Features
Web 2 0 Main Features
 
Cms
CmsCms
Cms
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Christian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisationChristian Amauger - Contenus Web, stratégie et optimisation
Christian Amauger - Contenus Web, stratégie et optimisation
 
Mettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actionsMettre en place une stratégie de contenu en 11 actions
Mettre en place une stratégie de contenu en 11 actions
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligne
 
2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans
2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans 2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans
2011 05-23 Planification SharePoint Online - Club UGSF - avec copies d'écrans
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PE
 
Configuration Wordpress et bons plugins pour améliorer son référencement
Configuration Wordpress et bons plugins pour améliorer son référencementConfiguration Wordpress et bons plugins pour améliorer son référencement
Configuration Wordpress et bons plugins pour améliorer son référencement
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !
 
Rédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et GoogleRédaction Web : séduire les internautes et Google
Rédaction Web : séduire les internautes et Google
 
Spark Me
Spark MeSpark Me
Spark Me
 
Solution de recherche Drupal
Solution de recherche DrupalSolution de recherche Drupal
Solution de recherche Drupal
 
Webinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de rechercheWebinar : Les enjeux du moteur de recherche
Webinar : Les enjeux du moteur de recherche
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014
 
Présentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentairePrésentation stage Netvibes en politique documentaire
Présentation stage Netvibes en politique documentaire
 

Similaire à 2015 cours-projet web-infonum-part2

Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Synerg'hetic
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Médiathèque de Roubaix - La Grand-Plage
 
Médiation Numérique Montpellier
Médiation Numérique MontpellierMédiation Numérique Montpellier
Médiation Numérique MontpellierLaurent Magnac
 
La curation de contenu pour les Institutionnels
La curation de contenu pour les InstitutionnelsLa curation de contenu pour les Institutionnels
La curation de contenu pour les Institutionnelsscoopit_fr
 
Référencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesRéférencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesCéline Martinet
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges webFred Brouard
 
Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Le Moulin Digital
 
Introduction Gestion Projet web
Introduction Gestion Projet webIntroduction Gestion Projet web
Introduction Gestion Projet webguest6d3f53
 
introduction à la gestion de projet
introduction à la gestion de projetintroduction à la gestion de projet
introduction à la gestion de projetlaureno
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webNet Design
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Synerg'hetic
 
Le Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement NaturelLe Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement NaturelNicolas Richer
 
Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)Ardesi Midi-Pyrénées
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site InternetLe Moulin Digital
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocClaire Chignard
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransThomas Gomez de Mercado
 

Similaire à 2015 cours-projet web-infonum-part2 (20)

Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
 
Médiation Numérique Montpellier
Médiation Numérique MontpellierMédiation Numérique Montpellier
Médiation Numérique Montpellier
 
La curation de contenu pour les Institutionnels
La curation de contenu pour les InstitutionnelsLa curation de contenu pour les Institutionnels
La curation de contenu pour les Institutionnels
 
Référencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et FreelancesRéférencement naturel pour Entrepreneurs et Freelances
Référencement naturel pour Entrepreneurs et Freelances
 
Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
 
Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012
 
Portfolio
PortfolioPortfolio
Portfolio
 
Introduction Gestion Projet web
Introduction Gestion Projet webIntroduction Gestion Projet web
Introduction Gestion Projet web
 
introduction à la gestion de projet
introduction à la gestion de projetintroduction à la gestion de projet
introduction à la gestion de projet
 
Atelier Frotsi après-midi
Atelier Frotsi après-midiAtelier Frotsi après-midi
Atelier Frotsi après-midi
 
Siteweb Mini
Siteweb MiniSiteweb Mini
Siteweb Mini
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)
 
Le Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement NaturelLe Contenu, pilier principal du Référencement Naturel
Le Contenu, pilier principal du Référencement Naturel
 
Xd 2013 form_offre_com
Xd 2013 form_offre_comXd 2013 form_offre_com
Xd 2013 form_offre_com
 
Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site Internet
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidoc
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de Moirans
 

2015 cours-projet web-infonum-part2

  • 1. Projet Web Collaboratif Partie 2 – La stratégie éditoriale Eric GIRAUDIN Département Information-Communication, option Information Numérique dans les Organisations - IUT2 Grenoble
  • 2. Plan du cours 1. Démarrer 2. L’image de de la marque : ligne éditoriale et identité visuelle 3. Organiser l’éditorial 4. Architecture de l’information
  • 3. Démarrer • Quelle thématique? • A quelle problématique globale mon projet doit répondre? • Situation dans la stratégie de l’organisation? • Analyser l’existant! • Se différencier de la concurrence!
  • 4. L’image de l’organisation : la ligne éditoriale Définir les périmètres du territoire éditorial (publics, langues, contributeurs, informations…) Définir les objectifs éditoriaux à atteindre Définir les formats éditoriaux (blogs, newsletter, flux RSS, articles, pages, catalogues…) >> Rédiger une charte éditoriale
  • 6. L’image de l’organisation : L’identité visuelle • L’identité visuelle : – Ensemble des éléments visuels qui permettent la reconnaissance d’une organisation • La charte graphique – Document qui formalise les éléments de l’identité visuelle • Le Wireframing – Travail sur les gabarits de page (maquette non réaliste). • La maquette visuelle réaliste – Epreuves graphiques donnant un aperçu réaliste de la future apparence du site • Le thème graphique – Découpage de la maquette visuelle du design du portail en fichiers (XHTML, CSS…) permettant son intégration de manière cohérente.
  • 7. Ressources et exemples app.mockflow.com Wireframing dafont.org Exemple charte graphique Flaticon Trouver sa typo Icônes gratuits
  • 8. Organiser l’éditorial « La bible du projet éditorial qui précise la stratégie éditoriale, le design, le concept, la stratégie de référencement, la planification des étapes, les fonctionnalités attendues, les attentes techniques, etc. ». Exemple sur le site IMPALAWEBSTUDIO LE CAHIER DES CHARGES
  • 9. Organiser l’éditorial… au quotidien • Créer les contenus : rédacteurs web • Editer des contenus : éditeurs web • Enrichir les contenus : graphistes, photographes, illustrateurs, communicants, vidéastes, iconographes… • Publier et rendre trouvable ses contenus : documentalistes, spécialistes de l’information numériques… >> Et surtout, mettre en place un Workflow! • Créer les contenus : rédacteurs web • Editer des contenus : éditeurs web • Enrichir les contenus : graphistes, photographes, illustrateurs, communicants, vidéastes, iconographes… • Publier et rendre trouvables ses contenus : documentalistes, spécialistes de l’information numériques… >> Et surtout, mettre en place un Workflow!
  • 10. Pensez à l’accessibilité web • Créer les contenus : rédacteurs web • Editer des contenus : éditeurs web • Enrichir les contenus : graphistes, photographes, illustrateurs, communicants, vidéastes, iconographes… • Publier et rendre trouvable ses contenus : documentalistes, spécialistes de l’information numériques… >> Et surtout, mettre en place un Workflow! Extrait du site w3qc.org « L’accessibilité web signifie que les personnes handicapées peuvent utiliser le web » • Ce n’est pas à la personne handicapée de s’adapter à votre site mais à vous de le rendre accessible. • Il faut l’intégrer dans vos pratiques de rédaction web ou dans votre cahier des charges Exemples de bonnes pratiques : • Chaque image intégrée dans vos contenues, utile à la compréhension de vos informations, doit être renseignée en version alternative textuelle; • Les liens hypertextes doivent être sémantiques. « Cliquer ici » ne permet pas à un aveugle de savoir ce qu’il va trouver en cliquant sur ce lien. Par contre « Afficher la suite de l’article Partir en vacances » sera beaucoup plus explicite.
  • 11. Architecture de l’information « Chaque chose doit être à la bonne place! » • Travailler avec en co-design avec des usagers finaux, se mettre à la place des visiteurs, collaborer avec des ergonomes; • Définir : – L’architecture des contenus : plus utile à votre équipe de contributeurs – L’architecture fonctionnelle : plus utile à vos visiteurs (plan du site) – La (les) navigation(s)
  • 12. Ressources Pour mettre en place une architecture ne pas hésiter à utiliser des outils de mindmapping (ex : framindmap)
  • 13. Votre projet • Rendu de la fiche projet pour le 27 février 2015 • Aujourd’hui : continuer le travail de groupe : stratégie, ligne éditoriale et visuelle (début de cahier des charges) • Pour le 6 mars : mini charte graphique + avancer la maquette • Pour le 20 mars : mini cahier des charges • Pour le 31 mars : préparer sa présentation PPT et oral de jury