{"id":1678,"date":"2026-06-01T15:54:55","date_gmt":"2026-06-01T13:54:55","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1678"},"modified":"2026-06-01T15:54:55","modified_gmt":"2026-06-01T13:54:55","slug":"glowia","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1678","title":{"rendered":"Glowia"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Siham ARABI et  Hanane ACHAIBOU | 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 de <strong>Glowia<\/strong>, une boutique en ligne sp\u00e9cialis\u00e9e dans la vente de cosm\u00e9tiques fabriqu\u00e9s en France. D\u00e9velopp\u00e9 dans le cadre du projet tutor\u00e9, ce portail e-commerce a \u00e9t\u00e9 pens\u00e9 pour r\u00e9pondre aux attentes des consommateurs \u00e0 la recherche de produits de beaut\u00e9 de qualit\u00e9, tout en mettant en avant le savoir-faire fran\u00e7ais et une exp\u00e9rience d\u2019achat moderne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con\u00e7u durant le semestre 5 puis d\u00e9velopp\u00e9 au semestre 6, le site repose sur une architecture claire permettant aux utilisateurs de parcourir facilement les diff\u00e9rentes cat\u00e9gories de produits, d\u2019acc\u00e9der \u00e0 des fiches d\u00e9taill\u00e9es et de g\u00e9rer leurs achats de mani\u00e8re intuitive. L\u2019objectif principal \u00e9tait de proposer une plateforme \u00e0 la fois esth\u00e9tique, fonctionnelle et rassurante, capable de valoriser l\u2019univers de la beaut\u00e9 tout en facilitant le parcours client.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019identit\u00e9 visuelle de Glowia s\u2019appuie sur une palette de couleurs douces compos\u00e9e de rose pastel, de gris et de blanc. Ce choix graphique permet de cr\u00e9er une ambiance \u00e9l\u00e9gante et apaisante, coh\u00e9rente avec les valeurs du secteur cosm\u00e9tique. D\u00e9velopp\u00e9 sous WordPress avec WooCommerce, le site int\u00e8gre \u00e9galement plusieurs fonctionnalit\u00e9s essentielles comme un espace personnel, une liste de favoris, un panier d\u2019achat et un moteur de recherche permettant d\u2019am\u00e9liorer l\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019arborescence du portail a \u00e9t\u00e9 pens\u00e9e afin de simplifier au maximum la navigation. Les visiteurs peuvent acc\u00e9der rapidement aux diff\u00e9rentes cat\u00e9gories de produits, d\u00e9couvrir les nouveaut\u00e9s, consulter les informations relatives \u00e0 leur compte ou encore finaliser leurs achats en quelques clics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une attention particuli\u00e8re a \u00e9t\u00e9 port\u00e9e \u00e0 la fluidit\u00e9 du parcours utilisateur afin de limiter les obstacles \u00e0 l\u2019achat. L\u2019ensemble des contenus est organis\u00e9 de mani\u00e8re coh\u00e9rente pour permettre une consultation rapide aussi bien sur ordinateur que sur mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019un des \u00e9l\u00e9ments centraux de Glowia repose sur son syst\u00e8me de navigation. D\u00e8s l\u2019arriv\u00e9e sur le site, les utilisateurs disposent d\u2019un acc\u00e8s direct aux fonctionnalit\u00e9s essentielles gr\u00e2ce \u00e0 un header clair et structur\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/eb58fe55-cfa9-4c95-9974-0f169ade9d44-1024x562.png\" alt=\"\" class=\"wp-image-1679\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/eb58fe55-cfa9-4c95-9974-0f169ade9d44-1024x562.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/eb58fe55-cfa9-4c95-9974-0f169ade9d44-300x165.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/eb58fe55-cfa9-4c95-9974-0f169ade9d44-768x421.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/eb58fe55-cfa9-4c95-9974-0f169ade9d44-1536x843.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/eb58fe55-cfa9-4c95-9974-0f169ade9d44-850x466.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/eb58fe55-cfa9-4c95-9974-0f169ade9d44.png 1693w\" 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 : Syst\u00e8me de navigation<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cette barre de navigation regroupe le logo de la marque, un moteur de recherche ainsi que les acc\u00e8s rapides au panier, aux favoris et \u00e0 l\u2019espace utilisateur. L\u2019objectif est de permettre aux visiteurs de trouver rapidement les informations ou les produits recherch\u00e9s sans multiplier les clics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contrairement \u00e0 une structure complexe compos\u00e9e de nombreux sous-menus, le choix a \u00e9t\u00e9 fait de privil\u00e9gier une organisation simplifi\u00e9e reposant sur les cat\u00e9gories principales du catalogue. Cette approche am\u00e9liore la lisibilit\u00e9 g\u00e9n\u00e9rale du portail et facilite l\u2019exploration des produits.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le header reste visible sur l\u2019ensemble des pages du site, garantissant une navigation fluide et constante. Cette fonctionnalit\u00e9 participe directement \u00e0 l\u2019am\u00e9lioration de l\u2019exp\u00e9rience utilisateur en permettant un acc\u00e8s imm\u00e9diat aux principales actions, notamment la recherche d\u2019un produit ou la consultation du panier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La page Boutique constitue le c\u0153ur du site Glowia puisqu\u2019elle centralise l\u2019ensemble des produits propos\u00e9s \u00e0 la vente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"756\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/b85a0a38-2c62-48f0-be5c-e5ca7f974644-1-1024x756.png\" alt=\"\" class=\"wp-image-1681\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/b85a0a38-2c62-48f0-be5c-e5ca7f974644-1-1024x756.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/b85a0a38-2c62-48f0-be5c-e5ca7f974644-1-300x222.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/b85a0a38-2c62-48f0-be5c-e5ca7f974644-1-768x567.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/b85a0a38-2c62-48f0-be5c-e5ca7f974644-1-850x628.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/b85a0a38-2c62-48f0-be5c-e5ca7f974644-1.png 1460w\" 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 : Page Boutique<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cette section a \u00e9t\u00e9 con\u00e7ue pour offrir une exp\u00e9rience de navigation agr\u00e9able et efficace. Les utilisateurs peuvent parcourir librement le catalogue tout en b\u00e9n\u00e9ficiant d\u2019outils leur permettant d\u2019affiner leurs recherches selon diff\u00e9rents crit\u00e8res.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le syst\u00e8me de filtrage permet notamment de s\u00e9lectionner des produits selon leur cat\u00e9gorie, leur marque ou leur gamme de prix. Cette fonctionnalit\u00e9 facilite consid\u00e9rablement l\u2019exploration du catalogue et aide les visiteurs \u00e0 trouver rapidement les produits correspondant \u00e0 leurs besoins.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En compl\u00e9ment, un syst\u00e8me de tri permet de r\u00e9organiser l\u2019affichage des articles selon plusieurs crit\u00e8res, offrant ainsi une consultation plus personnalis\u00e9e. Cette fonctionnalit\u00e9 r\u00e9pond aux standards actuels du commerce en ligne et contribue \u00e0 rendre le parcours d\u2019achat plus fluide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019ajout de cette page au cours du semestre 6 a permis d\u2019am\u00e9liorer significativement l\u2019ergonomie g\u00e9n\u00e9rale du portail en proposant une vue d\u2019ensemble claire et accessible du catalogue Glowia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un troisi\u00e8me \u00e9l\u00e9ment important du site concerne les fiches produits. Chaque r\u00e9f\u00e9rence dispose d\u2019une page d\u00e9di\u00e9e regroupant les informations essentielles \u00e0 la prise de d\u00e9cision.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/7935682e-7c68-46a9-bba3-8ba99577a4f2-1024x683.png\" alt=\"\" class=\"wp-image-1682\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/7935682e-7c68-46a9-bba3-8ba99577a4f2-1024x683.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/7935682e-7c68-46a9-bba3-8ba99577a4f2-300x200.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/7935682e-7c68-46a9-bba3-8ba99577a4f2-768x512.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/7935682e-7c68-46a9-bba3-8ba99577a4f2-850x567.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/7935682e-7c68-46a9-bba3-8ba99577a4f2.png 1536w\" 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 : Fiches Produits<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Les visiteurs peuvent consulter des photographies de qualit\u00e9, d\u00e9couvrir les caract\u00e9ristiques du produit, ses principaux avantages ainsi que les informations n\u00e9cessaires concernant son utilisation. Cette pr\u00e9sentation d\u00e9taill\u00e9e vise \u00e0 rassurer l\u2019utilisateur et \u00e0 lui fournir tous les \u00e9l\u00e9ments utiles avant l\u2019achat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les visuels occupent une place importante dans cette section afin de valoriser les produits et de renforcer l\u2019attractivit\u00e9 du catalogue. La combinaison entre descriptions d\u00e9taill\u00e9es et images de qualit\u00e9 permet d\u2019offrir une exp\u00e9rience proche de celle que pourrait proposer une boutique physique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ces fiches produits participent \u00e9galement \u00e0 la cr\u00e9dibilit\u00e9 du site en mettant en avant le s\u00e9rieux de la pr\u00e9sentation et la qualit\u00e9 des r\u00e9f\u00e9rences propos\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le projet Glowia illustre les enjeux li\u00e9s \u00e0 la cr\u00e9ation d\u2019une plateforme e-commerce moderne dans le secteur des cosm\u00e9tiques. Gr\u00e2ce \u00e0 une identit\u00e9 visuelle coh\u00e9rente, une navigation simplifi\u00e9e et des fonctionnalit\u00e9s adapt\u00e9es aux habitudes d\u2019achat actuelles, le site propose une exp\u00e9rience utilisateur fluide et agr\u00e9able.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019int\u00e9gration d\u2019un catalogue structur\u00e9, d\u2019un syst\u00e8me de filtrage performant et de fiches produits d\u00e9taill\u00e9es permet de r\u00e9pondre efficacement aux besoins des visiteurs tout en valorisant les produits propos\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce projet a \u00e9galement permis de mettre en pratique diff\u00e9rentes comp\u00e9tences li\u00e9es \u00e0 la conception de portails web, \u00e0 l\u2019ergonomie des interfaces et \u00e0 l\u2019organisation de contenus destin\u00e9s au commerce en ligne.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Siham ARABI et Hanane ACHAIBOU | Promotion 2025-2026 Le projet pr\u00e9sent\u00e9 consiste en la conception et la r\u00e9alisation de Glowia, une boutique en ligne sp\u00e9cialis\u00e9e dans la vente de cosm\u00e9tiques fabriqu\u00e9s en France. D\u00e9velopp\u00e9 dans le cadre du projet tutor\u00e9, ce portail e-commerce a \u00e9t\u00e9 pens\u00e9 pour r\u00e9pondre aux attentes des consommateurs \u00e0 la recherche&#8230;<\/p>\n","protected":false},"author":4,"featured_media":1683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[289,169,39,349,348],"class_list":["post-1678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entreprenariat","tag-catalogue","tag-cosmetiques","tag-e-commerce","tag-shopping","tag-woocommerce"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1678","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=1678"}],"version-history":[{"count":1,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1678\/revisions"}],"predecessor-version":[{"id":1684,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1678\/revisions\/1684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1683"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}