{"id":1617,"date":"2026-05-21T10:48:06","date_gmt":"2026-05-21T08:48:06","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1617"},"modified":"2026-06-11T18:53:47","modified_gmt":"2026-06-11T16:53:47","slug":"1617","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1617","title":{"rendered":"Here Music"},"content":{"rendered":"\n

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

Emeline BATAILLE et Karla DEPLANQUE | Promotion 2025-2026<\/p>\n\n\n\n

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

Le projet pr\u00e9sent\u00e9 consiste en la conception d\u2019un site internet dynamique d\u00e9di\u00e9 \u00e0 une salle de concert fictive nomm\u00e9e \u00ab Here Music \u00bb. R\u00e9alis\u00e9 dans le cadre de notre formation en Humanit\u00e9s et Sciences de l\u2019Information, ce projet est n\u00e9 d\u2019une passion commune pour l\u2019univers musical et \u00e9v\u00e9nementiel.<\/p>\n\n\n\n

L\u2019objectif principal \u00e9tait de cr\u00e9er une plateforme immersive permettant aux utilisateurs de d\u00e9couvrir les concerts organis\u00e9s par la salle, de suivre l\u2019actualit\u00e9 des artistes invit\u00e9s et de r\u00e9server facilement leurs billets en ligne. La salle fictive \u00ab Here Music \u00bb, imagin\u00e9e comme \u00e9tant situ\u00e9e \u00e0 Dunkerque, accueille des artistes vari\u00e9s correspondant \u00e0 nos go\u00fbts musicaux et \u00e0 l\u2019univers que nous souhaitions transmettre \u00e0 travers ce portail web.<\/p>\n\n\n\n

Le site a \u00e9t\u00e9 pens\u00e9 comme une v\u00e9ritable plateforme culturelle et interactive, capable de centraliser toutes les informations utiles autour des \u00e9v\u00e9nements propos\u00e9s. Une attention particuli\u00e8re a \u00e9t\u00e9 port\u00e9e \u00e0 l\u2019exp\u00e9rience utilisateur afin de proposer une navigation fluide, moderne et intuitive, adapt\u00e9e \u00e0 un public jeune et connect\u00e9.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Afin d\u2019enrichir l\u2019immersion, plusieurs contenus dynamiques ont \u00e9t\u00e9 int\u00e9gr\u00e9s au portail, notamment des articles d\u00e9di\u00e9s aux artistes, des comptes-rendus de concerts, une galerie photo ainsi qu\u2019un syst\u00e8me de r\u00e9servation li\u00e9 \u00e0 un calendrier interactif. Le projet s\u2019inscrit \u00e9galement dans une logique de communication digitale gr\u00e2ce \u00e0 la pr\u00e9sence de comptes Instagram, Twitch et YouTube permettant de prolonger l\u2019exp\u00e9rience du site sur les r\u00e9seaux sociaux.<\/p>\n\n\n\n

Le portail \u00ab Here Music \u00bb a \u00e9t\u00e9 structur\u00e9 autour de plusieurs rubriques permettant aux utilisateurs de naviguer facilement entre les diff\u00e9rents contenus propos\u00e9s.<\/p>\n\n\n\n

La page d\u2019accueil permet d\u2019obtenir un aper\u00e7u rapide de la programmation, des derniers articles publi\u00e9s ainsi que des prochains \u00e9v\u00e9nements \u00e0 venir. Le menu principal donne acc\u00e8s aux principales cat\u00e9gories du site : le calendrier des concerts, la page \u00ab Artistes \u00bb, la galerie photo et les diff\u00e9rents contenus li\u00e9s \u00e0 l\u2019actualit\u00e9 de la salle.<\/p>\n\n\n\n

L\u2019organisation g\u00e9n\u00e9rale du portail a \u00e9t\u00e9 pens\u00e9e pour favoriser une consultation rapide des informations tout en proposant une exp\u00e9rience immersive coh\u00e9rente avec l\u2019univers musical repr\u00e9sent\u00e9.<\/p>\n\n\n\n

Le premier \u00e9l\u00e9ment cl\u00e9 du site repose sur le calendrier interactif int\u00e9gr\u00e9 au portail.<\/p>\n\n\n\n

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

Accessible directement depuis le menu principal, cette rubrique permet aux utilisateurs de consulter l\u2019ensemble des \u00e9v\u00e9nements \u00e0 venir organis\u00e9s par \u00ab Here Music \u00bb. Les concerts sont affich\u00e9s de mani\u00e8re claire gr\u00e2ce \u00e0 plusieurs modes de visualisation, notamment sous forme de grille ou de liste, afin d\u2019adapter l\u2019affichage aux pr\u00e9f\u00e9rences des visiteurs.<\/p>\n\n\n\n

Cette section joue un r\u00f4le central dans l\u2019exp\u00e9rience utilisateur puisqu\u2019elle permet \u00e9galement de r\u00e9server des billets directement depuis le site gr\u00e2ce \u00e0 un plugin de r\u00e9servation int\u00e9gr\u00e9. Une fois la commande valid\u00e9e, un e-mail de confirmation est automatiquement envoy\u00e9 \u00e0 l\u2019utilisateur avec le r\u00e9capitulatif de sa r\u00e9servation ainsi que les billets associ\u00e9s.<\/p>\n\n\n\n

Le calendrier propose \u00e9galement une fonctionnalit\u00e9 permettant d\u2019ajouter directement l\u2019\u00e9v\u00e9nement \u00e0 un agenda personnel. Cette option facilite le suivi des concerts et renforce l\u2019aspect pratique du portail.<\/p>\n\n\n\n

Gr\u00e2ce \u00e0 son fonctionnement dynamique, cette rubrique peut \u00eatre r\u00e9guli\u00e8rement mise \u00e0 jour afin d\u2019ajouter de nouveaux \u00e9v\u00e9nements et de maintenir une programmation vivante et \u00e9volutive.<\/p>\n\n\n\n

Le deuxi\u00e8me \u00e9l\u00e9ment cl\u00e9 du site concerne la page \u00ab Artistes \u00bb, con\u00e7ue comme un v\u00e9ritable espace \u00e9ditorial d\u00e9di\u00e9 \u00e0 la sc\u00e8ne musicale.<\/p>\n\n\n\n

\"\"
Figure 2 : Page \u00ab Artistes \u00bb<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Cette rubrique rassemble diff\u00e9rents articles pr\u00e9sentant les artistes invit\u00e9s, les \u00e9v\u00e9nements organis\u00e9s ainsi que des comptes-rendus de concerts pass\u00e9s. L\u2019objectif est de proposer un contenu plus immersif et informatif permettant aux visiteurs de d\u00e9couvrir l\u2019univers des artistes mis en avant par \u00ab Here Music \u00bb.<\/p>\n\n\n\n

Chaque article dispose d\u2019un espace de commentaires permettant aux utilisateurs d\u2019\u00e9changer leurs impressions et de r\u00e9agir aux contenus publi\u00e9s. Cette fonctionnalit\u00e9 contribue \u00e0 renforcer l\u2019interaction avec les visiteurs et \u00e0 cr\u00e9er une v\u00e9ritable communaut\u00e9 autour du site et des \u00e9v\u00e9nements propos\u00e9s.<\/p>\n\n\n\n

Les derniers articles publi\u00e9s apparaissent \u00e9galement sur la page d\u2019accueil via une section \u00ab Articles r\u00e9cents \u00bb, ce qui permet de mettre en avant l\u2019activit\u00e9 du portail et de favoriser la d\u00e9couverte des contenus \u00e9ditoriaux.<\/p>\n\n\n\n

Cette partie du site joue un r\u00f4le important dans la fid\u00e9lisation des visiteurs en proposant un contenu r\u00e9guli\u00e8rement actualis\u00e9 et en valorisant l\u2019univers musical de la salle de concert.<\/p>\n\n\n\n

Le troisi\u00e8me \u00e9l\u00e9ment cl\u00e9 concerne le travail r\u00e9alis\u00e9 autour de l\u2019identit\u00e9 visuelle et de la strat\u00e9gie communautaire du projet.<\/p>\n\n\n\n

\"\"
Figure 3 : Identit\u00e9 visuelle<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Le site a \u00e9t\u00e9 con\u00e7u pour proposer une ambiance immersive inspir\u00e9e de l\u2019univers des concerts et des \u00e9v\u00e9nements musicaux. Les contenus visuels, les galeries photo et les diff\u00e9rentes rubriques ont \u00e9t\u00e9 pens\u00e9s pour retranscrire l\u2019\u00e9nergie des soir\u00e9es organis\u00e9es par \u00ab Here Music \u00bb.<\/p>\n\n\n\n

Une galerie d\u00e9di\u00e9e permet notamment de conserver une trace visuelle des concerts pass\u00e9s et de mettre en valeur l\u2019ambiance des \u00e9v\u00e9nements aupr\u00e8s des visiteurs. Cette section contribue \u00e0 renforcer l\u2019aspect immersif du portail tout en valorisant les artistes et la communaut\u00e9 pr\u00e9sente autour de la salle.<\/p>\n\n\n\n

Le projet s\u2019appuie \u00e9galement sur une pr\u00e9sence active sur les r\u00e9seaux sociaux, notamment via Instagram, Twitch et YouTube. Cette strat\u00e9gie permet de prolonger l\u2019exp\u00e9rience utilisateur au-del\u00e0 du site internet et de d\u00e9velopper une v\u00e9ritable communaut\u00e9 autour de \u00ab Here Music \u00bb.<\/p>\n\n\n\n

Le projet \u00ab Here Music \u00bb illustre l\u2019importance des plateformes num\u00e9riques dans la promotion d\u2019\u00e9v\u00e9nements culturels et musicaux.<\/p>\n\n\n\n

Gr\u00e2ce \u00e0 une organisation claire des contenus, un calendrier interactif, des fonctionnalit\u00e9s de r\u00e9servation et une forte dimension communautaire, le site propose une exp\u00e9rience coh\u00e9rente avec l\u2019univers des salles de concert modernes.<\/p>\n\n\n\n

Cette r\u00e9alisation nous a permis de d\u00e9velopper des comp\u00e9tences en conception web, en gestion de contenus dynamiques et en exp\u00e9rience utilisateur, tout en travaillant sur des probl\u00e9matiques li\u00e9es \u00e0 l\u2019\u00e9v\u00e9nementiel, \u00e0 la communication digitale et \u00e0 l\u2019immersion num\u00e9rique.<\/p>\n","protected":false},"excerpt":{"rendered":"

Emeline BATAILLE et Karla DEPLANQUE | Promotion 2025-2026 Le projet pr\u00e9sent\u00e9 consiste en la conception d\u2019un site internet dynamique d\u00e9di\u00e9 \u00e0 une salle de concert fictive nomm\u00e9e \u00ab Here Music \u00bb. R\u00e9alis\u00e9 dans le cadre de notre formation en Humanit\u00e9s et Sciences de l\u2019Information, ce projet est n\u00e9 d\u2019une passion commune pour l\u2019univers musical et…<\/p>\n","protected":false},"author":4,"featured_media":1632,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[330,331,333,37,332],"class_list":["post-1617","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arts-et-artistes","tag-artistes","tag-concerts","tag-dunkerque","tag-musique","tag-salle-de-concert"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1617","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=1617"}],"version-history":[{"count":3,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1617\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1617\/revisions\/1826"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1632"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}