{"id":1607,"date":"2026-05-21T10:26:14","date_gmt":"2026-05-21T08:26:14","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1607"},"modified":"2026-05-21T10:26:14","modified_gmt":"2026-05-21T08:26:14","slug":"undercore-event","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1607","title":{"rendered":"Undercore Event"},"content":{"rendered":"\n

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

Julia MOTHE et L\u00e9onore FOUCHAN | 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 d\u00e9di\u00e9 \u00e0 l\u2019association \u00ab Undercore Event \u00bb, une structure sp\u00e9cialis\u00e9e dans l\u2019organisation d\u2019\u00e9v\u00e9nements de hard music et de soir\u00e9es techno. R\u00e9alis\u00e9 dans le cadre de la troisi\u00e8me ann\u00e9e de licence Information et Communication, ce projet avait pour objectif de cr\u00e9er une plateforme immersive capable de retranscrire l\u2019identit\u00e9 visuelle, sonore et artistique de l\u2019association.<\/p>\n\n\n\n

Le site a \u00e9t\u00e9 con\u00e7u par Julia Mothe et L\u00e9onore Fouchan en collaboration avec les membres de l\u2019association, qui ont accept\u00e9 de participer au projet et de partager leur univers musical. L\u2019objectif principal \u00e9tait de permettre aux utilisateurs de d\u00e9couvrir l\u2019identit\u00e9 d\u2019Undercore Event, les \u00e9v\u00e9nements organis\u00e9s, les artistes invit\u00e9s ainsi que l\u2019ambiance g\u00e9n\u00e9rale des soir\u00e9es propos\u00e9es.<\/p>\n\n\n\n

\u00c0 travers ce portail web, nous avons cherch\u00e9 \u00e0 proposer une exp\u00e9rience num\u00e9rique dynamique et interactive, en coh\u00e9rence avec l\u2019univers de la techno et de la hard music. Le site ne se limite donc pas \u00e0 une simple vitrine informative : il plonge directement l\u2019utilisateur dans une atmosph\u00e8re immersive gr\u00e2ce \u00e0 l\u2019utilisation de vid\u00e9os, d\u2019effets sonores et d\u2019\u00e9l\u00e9ments interactifs pens\u00e9s pour renforcer l\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n

Le projet a \u00e9galement permis de travailler plusieurs dimensions importantes de la cr\u00e9ation web, notamment la conception graphique, l\u2019ergonomie, la sc\u00e9narisation de l\u2019exp\u00e9rience utilisateur et l\u2019int\u00e9gration de contenus multim\u00e9dias adapt\u00e9s \u00e0 l\u2019identit\u00e9 de l\u2019association.<\/p>\n\n\n\n

Le portail a \u00e9t\u00e9 structur\u00e9 autour de plusieurs rubriques permettant aux visiteurs de d\u00e9couvrir progressivement l\u2019univers d\u2019Undercore Event.<\/p>\n\n\n\n

D\u00e8s l\u2019arriv\u00e9e sur la page d\u2019accueil, l\u2019utilisateur retrouve les diff\u00e9rentes sections principales du site : la page d\u2019accueil, la page \u00ab \u00c0 propos \u00bb, la galerie photo, les \u00e9v\u00e9nements \u00e0 venir ainsi qu\u2019une section d\u00e9di\u00e9e aux collaborations et aux artistes pr\u00e9sents lors des soir\u00e9es organis\u00e9es par l\u2019association.<\/p>\n\n\n\n

L\u2019ensemble de la navigation a \u00e9t\u00e9 pens\u00e9 de mani\u00e8re intuitive afin de permettre un acc\u00e8s rapide aux contenus tout en conservant une forte coh\u00e9rence visuelle avec l\u2019univers musical repr\u00e9sent\u00e9. Une attention particuli\u00e8re a \u00e9t\u00e9 port\u00e9e \u00e0 l\u2019ambiance g\u00e9n\u00e9rale du site, notamment gr\u00e2ce \u00e0 l\u2019int\u00e9gration de vid\u00e9os, de contenus visuels immersifs et de boutons interactifs destin\u00e9s \u00e0 rendre l\u2019exp\u00e9rience plus vivante et engageante.<\/p>\n\n\n\n

Le premier \u00e9l\u00e9ment cl\u00e9 du site concerne la page d\u2019accueil, pens\u00e9e comme une v\u00e9ritable porte d\u2019entr\u00e9e dans l\u2019univers d\u2019Undercore Event.<\/p>\n\n\n\n

\"\"
Figure 1 : Page d\u2019accueil<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Afin de capter imm\u00e9diatement l\u2019attention des visiteurs, une vid\u00e9o introductive mettant en sc\u00e8ne les artistes \u00ab Toxic Twins \u00bb a \u00e9t\u00e9 int\u00e9gr\u00e9e d\u00e8s l\u2019ouverture du site. Ce choix permet de plonger instantan\u00e9ment l\u2019utilisateur dans l\u2019ambiance des soir\u00e9es organis\u00e9es par l\u2019association et de retranscrire l\u2019\u00e9nergie propre \u00e0 la culture techno et hard music.<\/p>\n\n\n\n

La page d\u2019accueil met \u00e9galement en avant le logo de l\u2019association ainsi qu\u2019une phrase d\u2019accroche \u00ab pure rhythm, no distraction \u00bb renfor\u00e7ant l\u2019identit\u00e9 artistique du projet. Les r\u00e9seaux sociaux de l\u2019association sont accessibles directement depuis cette interface afin de favoriser la continuit\u00e9 entre le site web et les plateformes de communication d\u00e9j\u00e0 utilis\u00e9es par Undercore Event.<\/p>\n\n\n\n

Plusieurs aper\u00e7us des autres rubriques du site sont \u00e9galement int\u00e9gr\u00e9s \u00e0 cette page afin de faciliter la navigation et d\u2019encourager l\u2019exploration des contenus propos\u00e9s.<\/p>\n\n\n\n

Le deuxi\u00e8me \u00e9l\u00e9ment cl\u00e9 repose sur les diff\u00e9rents boutons interactifs int\u00e9gr\u00e9s \u00e0 plusieurs pages du site.<\/p>\n\n\n\n

\"\"
Figure 2 : Boutons interactifs<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Ces \u00e9l\u00e9ments interactifs d\u00e9clenchent des sons inspir\u00e9s de l\u2019univers techno et hard music lorsque l\u2019utilisateur clique dessus. Chaque effet sonore a \u00e9t\u00e9 s\u00e9lectionn\u00e9 de mani\u00e8re pr\u00e9cise afin de renforcer l\u2019identit\u00e9 immersive du portail et de proposer une exp\u00e9rience plus originale qu\u2019un site vitrine classique.<\/p>\n\n\n\n

Ces interactions sont pr\u00e9sentes sur plusieurs rubriques du site, notamment la page d\u2019accueil, la galerie photo et la page des \u00e9v\u00e9nements. Leur objectif est de cr\u00e9er une v\u00e9ritable immersion sensorielle et de rapprocher l\u2019exp\u00e9rience num\u00e9rique de l\u2019ambiance v\u00e9cue lors des soir\u00e9es organis\u00e9es par l\u2019association.<\/p>\n\n\n\n

Ce travail sur l\u2019interactivit\u00e9 permet \u00e9galement de dynamiser la navigation et d\u2019encourager l\u2019utilisateur \u00e0 explorer davantage les contenus propos\u00e9s.<\/p>\n\n\n\n

Le troisi\u00e8me \u00e9l\u00e9ment cl\u00e9 concerne la valorisation des \u00e9v\u00e9nements organis\u00e9s par l\u2019association ainsi que la cr\u00e9ation d\u2019un lien direct avec la communaut\u00e9.<\/p>\n\n\n\n

\"\"
Figure 3 : Ev\u00e9nements organis\u00e9s <\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Une page sp\u00e9cifique a \u00e9t\u00e9 d\u00e9velopp\u00e9e afin de pr\u00e9senter les prochains \u00e9v\u00e9nements propos\u00e9s par Undercore Event. Chaque soir\u00e9e dispose d\u2019une pr\u00e9sentation d\u00e9di\u00e9e accompagn\u00e9e d\u2019un lien externe permettant aux utilisateurs d\u2019acc\u00e9der directement \u00e0 la plateforme Shotgun pour r\u00e9server leurs places.<\/p>\n\n\n\n

Le site met \u00e9galement en avant une galerie photo immersive regroupant des images issues des \u00e9v\u00e9nements pr\u00e9c\u00e9dents. Cette rubrique permet de retranscrire visuellement l\u2019ambiance des soir\u00e9es et de valoriser l\u2019identit\u00e9 artistique de l\u2019association aupr\u00e8s des visiteurs.<\/p>\n\n\n\n

L\u2019objectif de cette section est double : promouvoir les futurs \u00e9v\u00e9nements tout en renfor\u00e7ant la cr\u00e9dibilit\u00e9 et la visibilit\u00e9 d\u2019Undercore Event \u00e0 travers des contenus authentiques et repr\u00e9sentatifs de leur univers.<\/p>\n\n\n\n

La cr\u00e9ation du site \u00ab Undercore Event \u00bb a permis de d\u00e9velopper une plateforme immersive en ad\u00e9quation avec l\u2019univers artistique et musical de l\u2019association.<\/p>\n\n\n\n

Gr\u00e2ce \u00e0 un travail approfondi sur l\u2019identit\u00e9 visuelle, l\u2019interactivit\u00e9 et les contenus multim\u00e9dias, le site propose une exp\u00e9rience utilisateur originale qui d\u00e9passe la simple pr\u00e9sentation informative. Le projet met en \u00e9vidence l\u2019importance de l\u2019immersion et de la coh\u00e9rence graphique dans la conception d\u2019un portail web d\u00e9di\u00e9 au domaine \u00e9v\u00e9nementiel et culturel.<\/p>\n\n\n\n

Cette r\u00e9alisation a \u00e9galement permis d\u2019acqu\u00e9rir de nouvelles comp\u00e9tences en conception web, en gestion de projet et en cr\u00e9ation d\u2019exp\u00e9riences num\u00e9riques interactives \u00e0 travers l\u2019utilisation de WordPress et de diff\u00e9rents outils multim\u00e9dias.<\/p>\n","protected":false},"excerpt":{"rendered":"

Julia MOTHE et L\u00e9onore FOUCHAN | Promotion 2025-2026 Le projet pr\u00e9sent\u00e9 consiste en la conception d\u2019un site internet d\u00e9di\u00e9 \u00e0 l\u2019association \u00ab Undercore Event \u00bb, une structure sp\u00e9cialis\u00e9e dans l\u2019organisation d\u2019\u00e9v\u00e9nements de hard music et de soir\u00e9es techno. R\u00e9alis\u00e9 dans le cadre de la troisi\u00e8me ann\u00e9e de licence Information et Communication, ce projet avait pour…<\/p>\n","protected":false},"author":4,"featured_media":1612,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[327,326,328,60],"class_list":["post-1607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arts-et-artistes","tag-association-musicale","tag-hard-music","tag-immersion-digitale","tag-techno"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1607","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=1607"}],"version-history":[{"count":1,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1607\/revisions"}],"predecessor-version":[{"id":1613,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1607\/revisions\/1613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1612"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}