SlideShare une entreprise Scribd logo
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 web
Chris Gaillard
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
Chris Gaillard
 
Conférence cours Internet
Conférence cours InternetConférence cours Internet
Conférence cours Internet
Marie-France Beaudry
 
StratégieContenu
StratégieContenuStratégieContenu
StratégieContenu
Annie Chénier
 
Guide d'utilisation Scoop.it
Guide d'utilisation Scoop.itGuide d'utilisation Scoop.it
Guide d'utilisation Scoop.it
scoopit_fr
 
Rubedo premiers pas et concepts
Rubedo premiers pas et conceptsRubedo premiers pas et concepts
Rubedo premiers pas et concepts
Rubedo, a WebTales solution
 
Ligne Éditoriale - Blog Pro // 3PE
Ligne Éditoriale  - Blog Pro // 3PELigne Éditoriale  - Blog Pro // 3PE
Ligne Éditoriale - Blog Pro // 3PE
Arnaud 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/2015
webschooltours
 
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
DMPROCONSEIL
 
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
webschooltours
 
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
Dournaux 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 optimisation
Christian 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 actions
Alesiacom
 
Présentation Scoop.it Entreprise
Présentation Scoop.it EntreprisePrésentation Scoop.it Entreprise
Présentation Scoop.it Entreprise
scoopit_fr
 
Spark Me
Spark MeSpark Me
Spark Me
jcroyere
 
Rediger pour le web - infosourcing
Rediger pour le web - infosourcingRediger pour le web - infosourcing
Rediger pour le web - infosourcing
JCD srcmontbeliard
 
Typologie des réseaux sociaux
Typologie des réseaux sociauxTypologie des réseaux sociaux
Typologie des réseaux sociaux
KDerraze
 
WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016WordPress & les contributions — WordCamp Paris 2016
WordPress & les contributions — WordCamp Paris 2016
Boiteaweb
 

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 Institutionnels
scoopit_fr
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidoc
Claire Chignard
 
Catalogue pour les municipalités 2012
Catalogue pour les municipalités   2012Catalogue pour les municipalités   2012
Catalogue pour les municipalités 2012
Voyez Julien
 
formations editoriales digitales
formations editoriales digitalesformations editoriales digitales
formations editoriales digitales
scoopitone
 
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 2012-2013
Notre catalogue   2012-2013Notre catalogue   2012-2013
Notre catalogue 2012-2013
Julien Voyez
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014
Julien 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 2019
scoopitone
 
Connectez-vous !
Connectez-vous !Connectez-vous !
Connectez-vous !
Ulrich Fischer
 
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 sociaux
DOXACONSEILRHetFORMA
 
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
Guillaume Goyard
 
Dmdj pour-grec-mars-2012
Dmdj pour-grec-mars-2012Dmdj pour-grec-mars-2012
Dmdj pour-grec-mars-2012
Des mots d'un jour
 
Ebook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-referenceEbook redaction-web-lu-et-reference
Ebook redaction-web-lu-et-reference
Louis François Mavoungou
 

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 2012-2013
Notre catalogue   2012-2013Notre catalogue   2012-2013
Notre catalogue 2012-2013
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014
 
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.pptx
Eric 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 USMB
Eric 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 2020
Eric 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 eportfolio
Eric 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 24
Eric 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 entreprises
Eric 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 - IDEX
Eric Giraudin
 
Template demi Pecha Kucha
Template demi Pecha KuchaTemplate demi Pecha Kucha
Template demi Pecha Kucha
Eric 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

Presentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechniquePresentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechnique
mohammadaminejouini
 
Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
frizzole
 
Margaux Laurens - Neel.pptx
Margaux        Laurens     -     Neel.pptxMargaux        Laurens     -     Neel.pptx
Margaux Laurens - Neel.pptx
Txaruka
 
Proyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de pazProyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de paz
Morzadec Cécile
 
BATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en FranceBATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en France
Txaruka
 
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
MustaphaZhiri
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union
 

Dernier (7)

Presentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechniquePresentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechnique
 
Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
 
Margaux Laurens - Neel.pptx
Margaux        Laurens     -     Neel.pptxMargaux        Laurens     -     Neel.pptx
Margaux Laurens - Neel.pptx
 
Proyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de pazProyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de paz
 
BATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en FranceBATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en France
 
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
Dimensionnement réseau de transmission pour un réseau GSM-R - AIT KADDOUR Ghi...
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
 

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)