{"id":1468,"date":"2026-05-05T11:57:41","date_gmt":"2026-05-05T09:57:41","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1468"},"modified":"2026-06-08T13:33:32","modified_gmt":"2026-06-08T11:33:32","slug":"fondvert","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1468","title":{"rendered":"FondVert"},"content":{"rendered":"\n

<\/p>\n\n\n\n

Adrien D\u2019ABBUNDO et Nicolas LOPEZ | Promotion 2025-2026<\/p>\n\n\n\n

<\/p>\n\n\n\n

Le projet FondVert consiste en la conception et la r\u00e9alisation d\u2019un site web vitrine pour un m\u00e9dia \u00e9tudiant ind\u00e9pendant, diffusant des contenus d\u2019actualit\u00e9 sur plusieurs plateformes num\u00e9riques telles qu\u2019Instagram, TikTok et YouTube. L\u2019objectif principal du site est de centraliser ces contenus au sein d\u2019un espace unique, permettant aux utilisateurs d\u2019y acc\u00e9der facilement et de mani\u00e8re organis\u00e9e.<\/p>\n\n\n\n

Le site se positionne ainsi comme une interface compl\u00e9mentaire aux r\u00e9seaux sociaux, en offrant une meilleure lisibilit\u00e9 des contenus et une navigation plus structur\u00e9e. Les actualit\u00e9s sont class\u00e9es \u00e0 la fois par rubriques et par th\u00e9matiques, afin de faciliter l\u2019acc\u00e8s \u00e0 l\u2019information et d\u2019am\u00e9liorer l\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n

Dans une premi\u00e8re phase, une \u00e9tude comparative a \u00e9t\u00e9 men\u00e9e \u00e0 partir de sites de r\u00e9f\u00e9rence tels que Brut et Konbini. Cette analyse a permis d\u2019identifier les bonnes pratiques en mati\u00e8re de pr\u00e9sentation de contenus, d\u2019ergonomie et de hi\u00e9rarchisation de l\u2019information. Le projet s\u2019est ensuite construit selon une approche bottom-up, en partant des contenus existants (articles et vid\u00e9os) pour structurer progressivement l\u2019architecture du site.<\/p>\n\n\n\n

Une maquette a \u00e9t\u00e9 r\u00e9alis\u00e9e afin de visualiser l\u2019organisation des pages et des contenus, avant de passer \u00e0 la phase de d\u00e9veloppement sur WordPress. Cette \u00e9tape a permis d\u2019int\u00e9grer l\u2019ensemble des fonctionnalit\u00e9s envisag\u00e9es et d\u2019aboutir \u00e0 un site coh\u00e9rent, fonctionnel et adapt\u00e9 aux usages num\u00e9riques actuels.<\/p>\n\n\n\n

Le portail s\u2019organise autour de diff\u00e9rentes rubriques th\u00e9matiques permettant de regrouper les contenus selon leur nature. Cette structuration facilite la navigation et permet aux utilisateurs d\u2019acc\u00e9der rapidement aux informations correspondant \u00e0 leurs centres d\u2019int\u00e9r\u00eat.<\/p>\n\n\n\n

Le premier \u00e9l\u00e9ment cl\u00e9 du site est l\u2019organisation des contenus par rubriques, illustr\u00e9e notamment par la section \u00ab Politique \u00bb. <\/p>\n\n\n\n

\"\"
Figure 1 : Rubriques<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Cette page regroupe l\u2019ensemble des contenus li\u00e9s \u00e0 l\u2019actualit\u00e9 politique trait\u00e9e par le m\u00e9dia FondVert.<\/p>\n\n\n\n

Chaque article est associ\u00e9 \u00e0 un contenu vid\u00e9o de format court, g\u00e9n\u00e9ralement compris entre 30 secondes et une minute, en coh\u00e9rence avec les codes des r\u00e9seaux sociaux. Ce choix permet de proposer une information rapide, accessible et adapt\u00e9e aux habitudes de consommation actuelles.<\/p>\n\n\n\n

La pr\u00e9sence d\u2019une fonction de recherche par mots-cl\u00e9s constitue \u00e9galement un atout important. Elle permet \u00e0 l\u2019utilisateur de retrouver facilement un contenu sp\u00e9cifique en fonction de ses int\u00e9r\u00eats, am\u00e9liorant ainsi la navigation et l\u2019accessibilit\u00e9 des informations.<\/p>\n\n\n\n

Cette organisation par th\u00e9matiques r\u00e9pond \u00e0 un enjeu central : rendre l\u2019information plus lisible et structur\u00e9e, tout en facilitant l\u2019exploration des contenus propos\u00e9s.<\/p>\n\n\n\n

Le second \u00e9l\u00e9ment cl\u00e9 du site est l\u2019espace de commentaires, situ\u00e9 en bas de chaque article. <\/p>\n\n\n\n

\"\"
Figure 3 : Espace commentaires<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Cette fonctionnalit\u00e9 permet aux internautes de r\u00e9agir aux contenus publi\u00e9s, de partager leur point de vue et de participer \u00e0 des \u00e9changes autour des sujets abord\u00e9s.<\/p>\n\n\n\n

Les commentaires publi\u00e9s sont visibles de mani\u00e8re p\u00e9renne, ce qui contribue \u00e0 cr\u00e9er un espace d\u2019expression et de discussion. L\u2019utilisateur a \u00e9galement la possibilit\u00e9 de s\u2019identifier en renseignant son nom et son adresse email, ce qui facilite son identification lors de futures interactions.<\/p>\n\n\n\n

Cet espace participe \u00e0 la dimension participative du site, en transformant l\u2019utilisateur en acteur du contenu. Il renforce \u00e9galement l\u2019engagement et favorise la cr\u00e9ation d\u2019une communaut\u00e9 autour du m\u00e9dia.<\/p>\n\n\n\n

Le troisi\u00e8me \u00e9l\u00e9ment cl\u00e9 du site r\u00e9side dans la centralisation des contenus issus des diff\u00e9rents r\u00e9seaux sociaux. <\/p>\n\n\n\n

\"\"
Figure 4 : Centralisation des contenus<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Le site agit comme un point d\u2019entr\u00e9e unique, permettant d\u2019acc\u00e9der facilement aux publications diffus\u00e9es sur Instagram, TikTok et YouTube.<\/p>\n\n\n\n

Cette centralisation pr\u00e9sente un double avantage : elle am\u00e9liore la visibilit\u00e9 des contenus en les regroupant sur une seule plateforme, et elle permet aux utilisateurs de naviguer plus librement entre les diff\u00e9rents formats propos\u00e9s.<\/p>\n\n\n\n

Le site joue ainsi un r\u00f4le compl\u00e9mentaire aux r\u00e9seaux sociaux, en offrant une vision globale et structur\u00e9e de l\u2019activit\u00e9 du m\u00e9dia, tout en facilitant l\u2019acc\u00e8s aux diff\u00e9rentes sources de contenu.<\/p>\n\n\n\n

Le site a \u00e9t\u00e9 d\u00e9velopp\u00e9 sous WordPress, permettant de proposer une solution flexible et adapt\u00e9e \u00e0 la gestion de contenus multim\u00e9dias. Il offre une interface claire, fonctionnelle et en ad\u00e9quation avec les usages actuels des m\u00e9dias num\u00e9riques.<\/p>\n\n\n\n

Ce projet met en \u00e9vidence l\u2019importance de la structuration de l\u2019information dans un contexte de surabondance de contenus. Il souligne \u00e9galement le r\u00f4le d\u2019un site web comme outil de centralisation, de valorisation et d\u2019interaction autour d\u2019un m\u00e9dia digital.<\/p>\n","protected":false},"excerpt":{"rendered":"

Adrien D\u2019ABBUNDO et Nicolas LOPEZ | Promotion 2025-2026 Le projet FondVert consiste en la conception et la r\u00e9alisation d\u2019un site web vitrine pour un m\u00e9dia \u00e9tudiant ind\u00e9pendant, diffusant des contenus d\u2019actualit\u00e9 sur plusieurs plateformes num\u00e9riques telles qu\u2019Instagram, TikTok et YouTube. L\u2019objectif principal du site est de centraliser ces contenus au sein d\u2019un espace unique, permettant…<\/p>\n","protected":false},"author":4,"featured_media":1719,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[203],"tags":[277,278,276],"class_list":["post-1468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pop-culture","tag-actualite","tag-contenu-digital","tag-media-numerique"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1468"}],"version-history":[{"count":3,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1468\/revisions"}],"predecessor-version":[{"id":1720,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1468\/revisions\/1720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1719"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}