Comment passer d'un site vitrine à un site média magazine sur les produits laitiers ? Qu'est-ce qu'une verticale ? Comment appliquer une stratégie marketing à une solution média ?

10. le site conso
et encyclopédique
des produits laitiers

11. un site média
sur les produits
laitiers

12. PLUS QU’UNE REFONTE
CLASSIQUE DE SITE

13. Un changement complet de positionnement,
de direction éditoriale, de structure et de
charte graphique pour devenir un média
PLUS QU’UNE REFONTE
CLASSIQUE DE SITE

14. Un changement complet de positionnement,
de direction éditoriale, de structure et de
charte graphique pour devenir un média
PLUS QU’UNE REFONTE
CLASSIQUE DE SITE

15. Un changement complet de positionnement,
de direction éditoriale, de structure et de
charte graphique pour devenir un média
PLUS QU’UNE REFONTE
CLASSIQUE DE SITE

16. Un changement complet de positionnement,
de direction éditoriale, de structure et de
charte graphique pour devenir un média
PLUS QU’UNE REFONTE
CLASSIQUE DE SITE

17. • D’où viennent-ils ?
• Qui sont-ils ?
• Quels sont leurs réseaux?

23. La refonte d’un site
web : les bases
Un travail
préparatoire
Une identité
pour chaque
verticale
Penser la
structure
Une nouvelle
ligne éditoriale
Un site
évolutif
Conclusion
Gérer les
contenus

24. LA REFONTE
D’UN SITE WEB:
LES BASES

25. Conception - ateliers contenus
Création graphique
Développement

26. Conception - ateliers contenus
Création graphique
Développement
👋
Coucou Maecia !

27. UN TRAVAIL
PRÉPARATOIRE

28. Un brief très très trèèèèèèèèèèèèèèèèèèès complet

40. D’où vient ce projet ? Pourquoi mettre
en place une refonte ? Pourquoi avoir
eu besoin d’une agence ?

41. Passer d’un site conso et
encyclopédique à un site média
sur les produits laitiers, avec
plusieurs cibles

42. Datagif transforme cette
demande marketing en
solution média
● Plusieurs cibles → Verticales
● Un site avec une base commune

43. Mais c’est quoi
une verticale ?
● un thème qui parle à un public spécifique
● un ton spécifique
● un design spécifique

44. VERTICALE
CATÉGORIE

51. Les avantages
d’un système de
verticales
● parler à des publics différents
● avoir un site “souple”
● créer une identité forte pour chaque thématique

52. contenu
“inspiration
culinaire”
contenu sport
débats de société
contenu santé /bien-être

53. GÉRER LES
CONTENUS

54. Comment gérer les contenus dans
une refonte de site ?

55. à conserver
tels quels
à supprimer
à transformer
à ajouter

56. Projet média
=
articles + blocs de contenu

57. Que garder de l’ancien site ? Quel tri ?

58. Les “actualités”
Les dossiers
Migrés depuis l’ancien site
vers le nouveau site

59. Les “actualités”
Les dossiers
Migrés depuis l’ancien site
vers le nouveau site
Le moteur de recherche des
recettes / des produits
Non migrés

60. Les “actualités”
Les dossiers
Migrés depuis l’ancien site
vers le nouveau site
Le moteur de recherche des
recettes / des produits
Non migrés
Les évènements, les recettes,
les produits, les astuces,
les labels (pages)
Migrés sous un autre format
Bloc
Article
Les pages froides
Les définitions
(infobulles)

61. On travaille sur une cartographie
des contenus pour décider et
préciser ce qui reste ou pas

62. Pages transformées en blocs

63. Pages transformées en blocs

64. Au total, ce sont 3108 contenus qui
ont été migrés depuis l’ancien site vers
le nouveau site
1251 articles62 dossiers
1220 produits
24 astuces
339 recettes
212 définitions

65. La cartographie version tableur excel

66. Des nouveaux besoins en terme
de saisie de contenu, pour coller à
la nouvelle ligne éditoriale et
l’esprit magazine

67. Exemples : Stories, Citations,
Questions/Réponses aux experts,
quiz, sondages, influenceurs

68. PENSER LA
STRUCTURE

69. Un seul site avec une structure
commune pour faciliter les
développements et l’administration
des contenus

70. Chaque verticale est construite
de la même façon avec la même
arborescence et les mêmes
gabarits :
● sa propre homepage
● ses articles

73. Une navigation globale
Un menu unique,
identique sur chacune
des verticales, pour
passer d’une verticale
à une autre Un footer unique,
identique sur chacune
des verticales, pour
passer d’une verticale
à une autre

74. Un template d’article unique avec de
nombreux blocs à ajouter

77. Un template de homepage unique
avec de nombreux blocs à ajouter
Article à la une
Les sujets du moment
Listing de 3 articles à
moduler
Influenceur : ses derniers articles
Push article seul
Push article seul
Newsletter

78. Listing de 3 articles à
moduler
Listing de 3 articles à
moduler
Push article seul
Texte
Top 10
Laitflix (à venir)
Réseaux sociaux
Listing de 3 articles à moduler

79. UNE IDENTITÉ
POUR CHAQUE
VERTICALE

80. logos
couleurs
motifs
typoicono
la grille
une gamme de
modules
le header
le footer
le menu
la taille desimages

81. Comment établir la charte
graphique d’une verticale ?

82. RECHERCHES : BENCHMARK
THÉMATIQUE VERTICALE
Oh my Milk
thématique culture food

91. ÉTABLIR LES BASES : STYLEGUIDE

92. APPLICATION SUR DES MAQUETTES ET ITÉRATIONS

102. VALIDATION DES UNIVERS DÉFINITIFS

139. UNE
NOUVELLE
LIGNE
ÉDITORIALE

140. Avez-vous mis une nouvelle
organisation en place ? Qu’implique
cette refonte chez vous ?

141. UN SITE
ÉVOLUTIF

142. Un site flexible pour
l’ajout de nouvelles
fonctionnalités
● Blocs ajoutés dans le template article : Bon à savoir, FAQ
● Gifs dans les aperçus pushs articles
● Evolution UX stories
● Espace vidéo Laitflix

144. CONCLUSION

146. Questions ?