{"id":1597,"date":"2026-05-21T09:48:11","date_gmt":"2026-05-21T07:48:11","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1597"},"modified":"2026-05-21T09:48:11","modified_gmt":"2026-05-21T07:48:11","slug":"afrostorylab","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1597","title":{"rendered":"AfroStoryLab"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verona NDOMBI et Dominique MANI  | Promotion 2025-2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le projet pr\u00e9sent\u00e9 consiste en la conception et la r\u00e9alisation d\u2019un site internet pour l\u2019association \u00ab AfroStoryLab \u00bb, une structure lilloise en d\u00e9veloppement port\u00e9e par sa pr\u00e9sidente, Mme MANI Dominique Gabriella. Cette plateforme num\u00e9rique a \u00e9t\u00e9 pens\u00e9e comme un outil de communication et de valorisation destin\u00e9 \u00e0 faire conna\u00eetre l\u2019association, ses engagements et ses activit\u00e9s en France comme \u00e0 l\u2019international.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">AfroStoryLab s\u2019inscrit dans une d\u00e9marche culturelle et cr\u00e9ative centr\u00e9e autour de trois axes principaux : la culture, l\u2019art et la cr\u00e9ativit\u00e9 afrodescendante. L\u2019association souhaite promouvoir les talents, encourager l\u2019expression artistique et cr\u00e9er des espaces d\u2019\u00e9change \u00e0 travers des \u00e9v\u00e9nements, des concours, des actions sociales et des initiatives collaboratives.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le site web a donc \u00e9t\u00e9 con\u00e7u comme une vitrine num\u00e9rique permettant de transmettre les valeurs de l\u2019association tout en renfor\u00e7ant sa visibilit\u00e9 aupr\u00e8s du public. L\u2019objectif \u00e9tait \u00e9galement de proposer une identit\u00e9 visuelle moderne et dynamique capable de refl\u00e9ter l\u2019univers cr\u00e9atif port\u00e9 par AfroStoryLab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 travers ce projet, l\u2019association ambitionne de construire progressivement une pr\u00e9sence m\u00e9diatique forte et de d\u00e9velopper, \u00e0 long terme, un v\u00e9ritable incubateur culturel favorisant l\u2019\u00e9mergence de nouvelles formes d\u2019expression artistique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le portail a \u00e9t\u00e9 structur\u00e9 afin de mettre en avant les diff\u00e9rentes dimensions de l\u2019association tout en proposant une navigation fluide et accessible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019architecture du site repose sur plusieurs espaces permettant de d\u00e9couvrir les missions de l\u2019association, ses activit\u00e9s, ses univers cr\u00e9atifs ainsi que les retours et exp\u00e9riences des personnes ayant particip\u00e9 aux projets men\u00e9s par AfroStoryLab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_42_00-1024x573.png\" alt=\"\" class=\"wp-image-1602\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_42_00-1024x573.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_42_00-300x168.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_42_00-768x430.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_42_00-1536x859.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_42_00-850x475.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_42_00.png 1677w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Une attention particuli\u00e8re a \u00e9t\u00e9 port\u00e9e \u00e0 l\u2019aspect visuel du site afin de proposer une exp\u00e9rience immersive et dynamique. Les animations, les transitions et les contenus visuels ont \u00e9t\u00e9 pens\u00e9s pour renforcer l\u2019identit\u00e9 artistique de l\u2019association et cr\u00e9er un univers coh\u00e9rent avec ses engagements culturels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La section \u00ab Nos Univers \u00bb constitue l\u2019un des \u00e9l\u00e9ments centraux du portail. Cet espace a \u00e9t\u00e9 con\u00e7u afin de pr\u00e9senter de mani\u00e8re dynamique les diff\u00e9rents piliers artistiques et culturels port\u00e9s par l\u2019association.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_47_50-1024x421.png\" alt=\"\" class=\"wp-image-1605\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_47_50-1024x421.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_47_50-300x123.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_47_50-768x316.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_47_50-1536x631.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_47_50-850x349.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_47_50.png 1956w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">Figure 1 : La section \u00ab Nos Univers \u00bb<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 une mise en page anim\u00e9e et immersive, cette rubrique permet aux utilisateurs de d\u00e9couvrir les domaines d\u2019action d\u2019AfroStoryLab tout en plongeant dans son identit\u00e9 visuelle et cr\u00e9ative. Chaque univers repr\u00e9sente un aspect important des activit\u00e9s de l\u2019association et met en avant sa volont\u00e9 de valoriser les cultures afrodescendantes \u00e0 travers diff\u00e9rentes formes d\u2019expression artistique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le travail r\u00e9alis\u00e9 sur les animations et les transitions contribue \u00e0 rendre la navigation plus vivante et engageante. Cette approche permet \u00e9galement de renforcer l\u2019attractivit\u00e9 du site en proposant une exp\u00e9rience plus moderne et interactive aux visiteurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au-del\u00e0 de l\u2019aspect esth\u00e9tique, cette section joue un r\u00f4le essentiel dans la compr\u00e9hension du projet associatif puisqu\u2019elle permet d\u2019identifier rapidement les valeurs, les ambitions et les domaines d\u2019intervention d\u2019AfroStoryLab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La section \u00ab T\u00e9moignages \u00bb repr\u00e9sente un autre \u00e9l\u00e9ment important du portail puisqu\u2019elle permet de mettre en avant les retours d\u2019exp\u00e9rience de personnes ayant particip\u00e9 aux actions de l\u2019association.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"402\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_45_59-1024x402.png\" alt=\"\" class=\"wp-image-1604\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_45_59-1024x402.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_45_59-300x118.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_45_59-768x302.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_45_59-1536x603.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_45_59-850x334.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_45_59.png 2001w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">Figure 2 : La section \u00ab T\u00e9moignages \u00bb<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019int\u00e9gration de t\u00e9moignages contribue \u00e0 renforcer la cr\u00e9dibilit\u00e9 du projet en donnant la parole \u00e0 des individus r\u00e9els ayant \u00e9t\u00e9 touch\u00e9s par les initiatives men\u00e9es par AfroStoryLab. Ces messages permettent d\u2019illustrer concr\u00e8tement l\u2019impact humain, social et culturel de l\u2019association.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette rubrique apporte \u00e9galement une dimension plus authentique et plus humaine au site. Les visiteurs peuvent ainsi mieux comprendre les valeurs port\u00e9es par l\u2019association \u00e0 travers des exp\u00e9riences v\u00e9cues et des retours personnels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En termes de communication digitale, cette section joue un r\u00f4le strat\u00e9gique puisqu\u2019elle participe \u00e0 instaurer un climat de confiance aupr\u00e8s du public. Les t\u00e9moignages permettent de valoriser le s\u00e9rieux des actions men\u00e9es tout en renfor\u00e7ant l\u2019engagement \u00e9motionnel des utilisateurs vis-\u00e0-vis du projet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le troisi\u00e8me \u00e9l\u00e9ment cl\u00e9 du site repose sur le travail r\u00e9alis\u00e9 autour de l\u2019identit\u00e9 visuelle et de l\u2019ambiance graphique du portail.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"307\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_93729_356941.peda_.univ-lille.fr_-1024x307.jpeg\" alt=\"\" class=\"wp-image-1601\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_93729_356941.peda_.univ-lille.fr_-1024x307.jpeg 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_93729_356941.peda_.univ-lille.fr_-300x90.jpeg 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_93729_356941.peda_.univ-lille.fr_-768x230.jpeg 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_93729_356941.peda_.univ-lille.fr_-1536x460.jpeg 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_93729_356941.peda_.univ-lille.fr_-850x255.jpeg 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_93729_356941.peda_.univ-lille.fr_.jpeg 1738w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">Figure 3 : Ambiance graphique<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019ensemble du design a \u00e9t\u00e9 pens\u00e9 afin de refl\u00e9ter l\u2019univers artistique et culturel d\u2019AfroStoryLab. Les choix graphiques, les animations et les visuels contribuent \u00e0 cr\u00e9er une atmosph\u00e8re dynamique, moderne et inspirante, en coh\u00e9rence avec les valeurs de cr\u00e9ativit\u00e9 et de partage d\u00e9fendues par l\u2019association.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette identit\u00e9 visuelle joue un r\u00f4le essentiel dans l\u2019exp\u00e9rience utilisateur puisqu\u2019elle permet de diff\u00e9rencier le site tout en renfor\u00e7ant sa coh\u00e9rence globale. L\u2019objectif \u00e9tait de proposer une plateforme \u00e0 la fois professionnelle, accessible et capable de transmettre l\u2019\u00e9nergie cr\u00e9ative port\u00e9e par AfroStoryLab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette approche permet \u00e9galement d\u2019am\u00e9liorer l\u2019immersion des visiteurs et de valoriser l\u2019image de l\u2019association d\u00e8s les premi\u00e8res secondes de navigation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le projet AfroStoryLab met en avant l\u2019importance du num\u00e9rique dans la valorisation des initiatives culturelles et artistiques \u00e9mergentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 une interface moderne, une navigation structur\u00e9e et une identit\u00e9 visuelle forte, le site permet de pr\u00e9senter les activit\u00e9s de l\u2019association tout en renfor\u00e7ant sa visibilit\u00e9 aupr\u00e8s d\u2019un public plus large.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce travail illustre \u00e9galement les enjeux li\u00e9s \u00e0 la communication digitale des structures culturelles, notamment dans la cr\u00e9ation d\u2019une image coh\u00e9rente, la mise en valeur des projets artistiques et le d\u00e9veloppement d\u2019une communaut\u00e9 engag\u00e9e autour de valeurs communes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le portail constitue ainsi une base solide pour accompagner le d\u00e9veloppement futur d\u2019AfroStoryLab et soutenir ses ambitions culturelles \u00e0 l\u2019\u00e9chelle nationale et internationale.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Verona NDOMBI et Dominique MANI | Promotion 2025-2026 Le projet pr\u00e9sent\u00e9 consiste en la conception et la r\u00e9alisation d\u2019un site internet pour l\u2019association \u00ab AfroStoryLab \u00bb, une structure lilloise en d\u00e9veloppement port\u00e9e par sa pr\u00e9sidente, Mme MANI Dominique Gabriella. Cette plateforme num\u00e9rique a \u00e9t\u00e9 pens\u00e9e comme un outil de communication et de valorisation destin\u00e9 \u00e0&#8230;<\/p>\n","protected":false},"author":4,"featured_media":1603,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[324,21,323,325],"class_list":["post-1597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arts-et-artistes","tag-afrodescendance","tag-art","tag-association-culturelle","tag-culture"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1597","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=1597"}],"version-history":[{"count":1,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1597\/revisions"}],"predecessor-version":[{"id":1606,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1597\/revisions\/1606"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1603"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}