Jan 23, 2020
#Opengif 5 avec les Produits Laitiers
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 ? Autant de questionnements auxquels nous avons répondu avec l’équipe web du CNIEL lors de notre soirée OpenGif #5, le 21 janvier 2020.
En mai 2019, nous mettions en ligne le nouveau site web des Produits Laitiers, après environ 6 mois de travail. Une refonte ambitieuse et pas comme les autres, dont nous avons voulu vous raconter les coulisses pendant ce 5ème OpenGif !
Retrouvez ci-dessous la présentation complète déroulée pendant la soirée :
Passer d’un site conso et encyclopédique… à un site média sur les produits laitiers
Le projet commence en automne 2018, avec la réception d’un brief hyper complet de la part du CNIEL, l’interprofession de l’économie laitière. L’idée : créer un site avec une approche plus “magazine” sur les produits laitiers avec plusieurs univers pour parler à différentes cibles.
C’est ce qu’on appelle dans le jargon média “des verticales”.
Un gros travail de conception
Cette refonte implique pour notre équipe un travail conséquent de tri des contenus, de cartographie et de conception ! Car si certains doivent être supprimés ou conservés tels quels, d’autres sont transformés pour se rapprocher des codes médias.
Au niveau de la conception pure, voici ci-dessous un aperçu de nos wireframes pour les homepage des verticales : chaque verticale est construite de la même façon avec une multitude de blocs qui peuvent être ajoutés (ou pas) pour construire en back-office des verticales sur mesure.
Pour les articles, c’est le même principe. Un seul template est créé avec la possibilité d’ajouter plus de 20 blocs différents, ce qui permet d’avoir un article très simple ou long format plus complet.
Une identité pour chaque verticale
Pour le design graphique, voici les règles que nous nous sommes imposées pour construire les 5 identités distinctes :
Après un travail de recherche de style sur chaque verticale et des échanges avec notre client, les maquettes peuvent voir le jour.
Pour les curieux qui veulent aller se promener sur les différentes verticales, le résultat est en ligne et a déjà bien évolué avec l’ajout d’animations et de nouvelles fonctionnalités : https://www.produits-laitiers.com
Une belle collaboration qui continue pour des évolutions avec de super équipes au CNIEL et chez notre partenaire Maecia.
Merci d’être toujours aussi nombreux.ses à répondre présent.es pour nos évènements, et à bientôt pour un prochain OpenGif 👋
