SlideShare une entreprise Scribd logo
1  sur  12
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, thématique, tonalité…)
Définir les objectifs éditoriaux à atteindre
en fonction des objectifs de communication
Définir les formats éditoriaux
(blogs, articles, pages, catalogues, newsletter…)
>> 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.
Ressources et exemples
app.mockflow.com
Wireframing
dafont.org
Exemple charte
graphique
Flaticon
Trouver sa typo
Icônes gratuits
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
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 accessibles ses contenus :
documentalistes, spécialistes de
l’information numériques…
>> Et surtout, mettre en place un Workflow!
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 contenus, 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.
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)
Ressources
Pour mettre en place une architecture ne pas hésiter
à utiliser des outils de mindmapping (ex : framindmap)

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
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitaleChris Gaillard
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.itscoopit_fr
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PEArnaud Cantaloube
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015webschooltours
 
Formation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementFormation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementDMPROCONSEIL
 
Veille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociauxVeille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociauxwebschooltours
 
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
 
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
 
Présentation Scoop.it Entreprise
Présentation Scoop.it EntreprisePrésentation Scoop.it Entreprise
Présentation Scoop.it Entreprisescoopit_fr
 
Rediger pour le web - infosourcing
Rediger pour le web - infosourcingRediger pour le web - infosourcing
Rediger pour le web - infosourcingJCD srcmontbeliard
 
Typologie des réseaux sociaux
Typologie des réseaux sociauxTypologie des réseaux sociaux
Typologie des réseaux sociauxKDerraze
 
WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016Boiteaweb
 

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
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Conférence cours Internet
Conférence cours InternetConférence cours Internet
Conférence cours Internet
 
StratégieContenu
StratégieContenuStratégieContenu
StratégieContenu
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.it
 
Rubedo premiers pas et concepts
Rubedo premiers pas et conceptsRubedo premiers pas et concepts
Rubedo premiers pas et concepts
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PE
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
 
Formation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencementFormation blog entreprise et ecriture web et referencement
Formation blog entreprise et ecriture web et referencement
 
Veille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociauxVeille sur Internet et les réseaux sociaux
Veille sur Internet et les réseaux sociaux
 
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
 
Cours1
Cours1Cours1
Cours1
 
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
 
Web visibilite
Web visibiliteWeb visibilite
Web visibilite
 
Présentation Scoop.it Entreprise
Présentation Scoop.it EntreprisePrésentation Scoop.it Entreprise
Présentation Scoop.it Entreprise
 
Spark Me
Spark MeSpark Me
Spark Me
 
Rediger pour le web - infosourcing
Rediger pour le web - infosourcingRediger pour le web - infosourcing
Rediger pour le web - infosourcing
 
Typologie des réseaux sociaux
Typologie des réseaux sociauxTypologie des réseaux sociaux
Typologie des réseaux sociaux
 
WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016
 

Similaire à 2016 Cours projet Web Collaboratif - Partie 2

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
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocClaire Chignard
 
Catalogue pour les municipalités 2012
Catalogue pour les municipalités   2012Catalogue pour les municipalités   2012
Catalogue pour les municipalités 2012Voyez Julien
 
formations editoriales digitales
formations editoriales digitalesformations editoriales digitales
formations editoriales digitalesscoopitone
 
Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...
Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...
Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...scoopitone
 
FOrmation Réseaux sociaux Toulouse
FOrmation Réseaux sociaux ToulouseFOrmation Réseaux sociaux Toulouse
FOrmation Réseaux sociaux ToulouseBernard MARTINEZ
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014Julien Voyez
 
Notre catalogue 2012-2013
Notre catalogue   2012-2013Notre catalogue   2012-2013
Notre catalogue 2012-2013Julien Voyez
 
Journalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième PartieJournalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième Partieyannbelloir
 
Scoopitone formations éditorial et contenu 2019
Scoopitone formations éditorial et contenu 2019Scoopitone formations éditorial et contenu 2019
Scoopitone formations éditorial et contenu 2019scoopitone
 
Les réseaux sociaux, opportunités du web 2.0 pour les entreprises | Communiq...
Les réseaux sociaux, opportunités du web 2.0 pour les entreprises  | Communiq...Les réseaux sociaux, opportunités du web 2.0 pour les entreprises  | Communiq...
Les réseaux sociaux, opportunités du web 2.0 pour les entreprises | Communiq...Dandy Maxim
 
Doxa inter2019-exploiter les réseaux sociaux
Doxa inter2019-exploiter les réseaux sociauxDoxa inter2019-exploiter les réseaux sociaux
Doxa inter2019-exploiter les réseaux sociauxDOXACONSEILRHetFORMA
 
Guillaume Goyard's Social Media Manager's Portfolio
Guillaume Goyard's Social Media Manager's PortfolioGuillaume Goyard's Social Media Manager's Portfolio
Guillaume Goyard's Social Media Manager's PortfolioGuillaume Goyard
 

Similaire à 2016 Cours projet Web Collaboratif - Partie 2 (20)

Médiation Numérique Montpellier
Médiation Numérique MontpellierMédiation Numérique Montpellier
Médiation Numérique Montpellier
 
Xd 2013 form_offre_com
Xd 2013 form_offre_comXd 2013 form_offre_com
Xd 2013 form_offre_com
 
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
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidoc
 
Projet et strategie
Projet et strategieProjet et strategie
Projet et strategie
 
Les réseaux sociaux
Les réseaux sociauxLes réseaux sociaux
Les réseaux sociaux
 
Catalogue pour les municipalités 2012
Catalogue pour les municipalités   2012Catalogue pour les municipalités   2012
Catalogue pour les municipalités 2012
 
formations editoriales digitales
formations editoriales digitalesformations editoriales digitales
formations editoriales digitales
 
Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...
Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...
Formations | écrire pour le web | blogs et résaux sociaux | contenu digital |...
 
FOrmation Réseaux sociaux Toulouse
FOrmation Réseaux sociaux ToulouseFOrmation Réseaux sociaux Toulouse
FOrmation Réseaux sociaux Toulouse
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014
 
Notre catalogue 2012-2013
Notre catalogue   2012-2013Notre catalogue   2012-2013
Notre catalogue 2012-2013
 
Journalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième PartieJournalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième Partie
 
Scoopitone formations éditorial et contenu 2019
Scoopitone formations éditorial et contenu 2019Scoopitone formations éditorial et contenu 2019
Scoopitone formations éditorial et contenu 2019
 
Connectez-vous !
Connectez-vous !Connectez-vous !
Connectez-vous !
 
Les réseaux sociaux, opportunités du web 2.0 pour les entreprises | Communiq...
Les réseaux sociaux, opportunités du web 2.0 pour les entreprises  | Communiq...Les réseaux sociaux, opportunités du web 2.0 pour les entreprises  | Communiq...
Les réseaux sociaux, opportunités du web 2.0 pour les entreprises | Communiq...
 
Doxa inter2019-exploiter les réseaux sociaux
Doxa inter2019-exploiter les réseaux sociauxDoxa inter2019-exploiter les réseaux sociaux
Doxa inter2019-exploiter les réseaux sociaux
 
Guillaume Goyard's Social Media Manager's Portfolio
Guillaume Goyard's Social Media Manager's PortfolioGuillaume Goyard's Social Media Manager's Portfolio
Guillaume Goyard's Social Media Manager's Portfolio
 
Dmdj pour-grec-mars-2012
Dmdj pour-grec-mars-2012Dmdj pour-grec-mars-2012
Dmdj pour-grec-mars-2012
 
Ebook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-referenceEbook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-reference
 

Plus de Eric Giraudin

seminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptxseminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptxEric Giraudin
 
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...Eric Giraudin
 
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMBSupport de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMBEric Giraudin
 
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...Eric Giraudin
 
Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+Eric Giraudin
 
Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Eric Giraudin
 
Présentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioPrésentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioEric Giraudin
 
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24Eric Giraudin
 
Les IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprisesLes IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprisesEric Giraudin
 
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...Eric Giraudin
 
Des axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEXDes axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEXEric Giraudin
 
Template demi Pecha Kucha
Template demi Pecha KuchaTemplate demi Pecha Kucha
Template demi Pecha KuchaEric Giraudin
 
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...Eric Giraudin
 
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...Eric Giraudin
 
Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)Eric Giraudin
 

Plus de Eric Giraudin (15)

seminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptxseminaire portfolio 1 en TC.pptx
seminaire portfolio 1 en TC.pptx
 
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences  :  Ka...
Pedagon'num Montpellier 2022 / E-portfolio et Approche par compétences : Ka...
 
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMBSupport de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
Support de séminaire portfolio et traces (APC) en BUT GEA IUT Annecy USMB
 
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
Centrale pédagogique : les saé dans la démarche portfolio et leur évaluation ...
 
Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+Conception du modèle eportfolio établissement ESR KAPC+
Conception du modèle eportfolio établissement ESR KAPC+
 
Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020
 
Présentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolioPrésentation lyon octobre 2018 karuta eportfolio
Présentation lyon octobre 2018 karuta eportfolio
 
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
KARUTA FRANCE PORTFOLIO ESUP DAYS PARIS 24
 
Les IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprisesLes IUT de France, un modèle conçu avec et pour les entreprises
Les IUT de France, un modèle conçu avec et pour les entreprises
 
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
Support d'un atelier pour sensibiliser les enseignants à adapteur leur enseig...
 
Des axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEXDes axes clés pour bâtir un ePortfolio - IDEX
Des axes clés pour bâtir un ePortfolio - IDEX
 
Template demi Pecha Kucha
Template demi Pecha KuchaTemplate demi Pecha Kucha
Template demi Pecha Kucha
 
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
Présentation KARUTA Interface 2.0 et cas d'usage portfolio à la conférence su...
 
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
Communication Colloque scientifique PGV : Prendre le virage compétences... Ba...
 
Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)Support de cours d'introduction au logo IUT2 Grenoble (GEA)
Support de cours d'introduction au logo IUT2 Grenoble (GEA)
 

Dernier

Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseTxaruka
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en FranceTxaruka
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxAbderrahim GHASSOUB
 
complement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxcomplement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxIbrahimBasallam
 
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
Chapitre3-Classififcation des structures de  chaussu00E9e.pptxChapitre3-Classififcation des structures de  chaussu00E9e.pptx
Chapitre3-Classififcation des structures de chaussu00E9e.pptxModesteTiemele
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024IEN_Jonzac
 
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxSaint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxMartin M Flynn
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbainesSocratis Vasiopoulos
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"ArchivesdeLyon
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationLeBaobabBleu1
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesLeBaobabBleu1
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONfrizzole
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxAbderrahim GHASSOUB
 

Dernier (13)

Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
complement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxcomplement de agri cours irrigation.pptx
complement de agri cours irrigation.pptx
 
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
Chapitre3-Classififcation des structures de  chaussu00E9e.pptxChapitre3-Classififcation des structures de  chaussu00E9e.pptx
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxSaint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 

2016 Cours projet Web Collaboratif - Partie 2

  • 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, thématique, tonalité…) Définir les objectifs éditoriaux à atteindre en fonction des objectifs de communication Définir les formats éditoriaux (blogs, articles, pages, catalogues, newsletter…) >> 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 accessibles 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 contenus, 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)