{"id":1461,"date":"2026-05-04T17:03:45","date_gmt":"2026-05-04T15:03:45","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1461"},"modified":"2026-06-16T13:16:16","modified_gmt":"2026-06-16T11:16:16","slug":"beautyssima-2","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1461","title":{"rendered":"Beautyssima"},"content":{"rendered":"\n

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

Sarah Yahiaoui | Promotion 2025-2026<\/p>\n\n\n\n

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

Le projet Beautyssima consiste en la conception et la r\u00e9alisation d\u2019un site web vitrine destin\u00e9 \u00e0 une professionnelle de l\u2019esth\u00e9tique. Il s\u2019inscrit dans un contexte r\u00e9el, avec pour objectif de proposer une plateforme coh\u00e9rente, structur\u00e9e et en ad\u00e9quation avec l\u2019image de marque de la cliente.<\/p>\n\n\n\n

Ce projet a \u00e9t\u00e9 r\u00e9alis\u00e9 dans un contexte d\u2019apprentissage progressif, sans ma\u00eetrise approfondie initiale de WordPress. Ne disposant au d\u00e9part que de bases en HTML et CSS, la r\u00e9alisation du site a n\u00e9cessit\u00e9 une phase d\u2019autoformation, d\u2019exp\u00e9rimentation et d\u2019adaptation constante. Cette d\u00e9marche a permis de comprendre progressivement les logiques de cr\u00e9ation d\u2019un site web fonctionnel et structur\u00e9.<\/p>\n\n\n\n

Une attention particuli\u00e8re a \u00e9t\u00e9 port\u00e9e \u00e0 l\u2019organisation globale du site, notamment \u00e0 travers la mise en place d\u2019un menu clair et hi\u00e9rarchis\u00e9. Les diff\u00e9rentes sections ont \u00e9t\u00e9 pens\u00e9es afin de garantir une navigation intuitive et de permettre \u00e0 l\u2019utilisateur d\u2019acc\u00e9der rapidement aux informations essentielles. L\u2019aspect visuel a \u00e9galement \u00e9t\u00e9 travaill\u00e9 afin de proposer un rendu propre, professionnel et coh\u00e9rent avec l\u2019univers esth\u00e9tique de la marque.<\/p>\n\n\n\n

Le premier \u00e9l\u00e9ment cl\u00e9 du site est le formulaire de contact, qui occupe une place centrale dans l\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n

\"\"
Figure 1 : Formulaire de contact<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Il permet d\u2019\u00e9tablir une relation directe entre l\u2019utilisatrice et la professionnelle, sans passer par des plateformes externes telles que les r\u00e9seaux sociaux.<\/p>\n\n\n\n

Ce formulaire apporte une dimension plus professionnelle et structur\u00e9e aux \u00e9changes. Il permet de centraliser les demandes des clientes en recueillant des informations essentielles telles que le nom, le pr\u00e9nom, le message ou encore la nature de la demande. Cette organisation facilite le traitement des requ\u00eates et am\u00e9liore la gestion des \u00e9changes c\u00f4t\u00e9 professionnelle.<\/p>\n\n\n\n

Une r\u00e9flexion a \u00e9galement \u00e9t\u00e9 men\u00e9e sur le fonctionnement technique du formulaire. N\u2019ayant pas de syst\u00e8me back-end d\u00e9velopp\u00e9, une solution externe telle que Formspree a \u00e9t\u00e9 mise en place afin de permettre l\u2019envoi des messages par email. Ce choix permet de contourner la complexit\u00e9 technique tout en garantissant un fonctionnement fiable et adapt\u00e9 au cadre du projet.<\/p>\n\n\n\n

Ainsi, le formulaire ne se limite pas \u00e0 un simple outil de contact : il participe \u00e0 la cr\u00e9dibilit\u00e9 du site, \u00e0 la fluidit\u00e9 des \u00e9changes et \u00e0 l\u2019am\u00e9lioration globale de l\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n

Le second \u00e9l\u00e9ment cl\u00e9 du site est le menu de navigation, qui constitue la structure principale du portail. <\/p>\n\n\n\n

\"\"
Figure 2 : Menu de navigation<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Il permet d\u2019organiser l\u2019ensemble des contenus et d\u2019orienter efficacement l\u2019utilisateur dans son parcours.<\/p>\n\n\n\n

Le menu a \u00e9t\u00e9 con\u00e7u de mani\u00e8re simple et logique, en regroupant les prestations par grandes cat\u00e9gories de soins telles que les soins du visage, les soins du corps ou encore le blanchiment dentaire. Cette organisation facilite la compr\u00e9hension de l\u2019offre d\u00e8s les premi\u00e8res secondes de navigation et permet \u00e0 l\u2019utilisateur d\u2019identifier rapidement la section correspondant \u00e0 son besoin.<\/p>\n\n\n\n

L\u2019utilisation d\u2019un menu d\u00e9roulant am\u00e9liore \u00e9galement l\u2019efficacit\u00e9 du parcours utilisateur en r\u00e9duisant le nombre d\u2019actions n\u00e9cessaires pour acc\u00e9der \u00e0 une prestation sp\u00e9cifique. Cela contribue \u00e0 rendre la navigation plus fluide, rapide et intuitive.<\/p>\n\n\n\n

Au-del\u00e0 de son r\u00f4le fonctionnel, le menu joue \u00e9galement un r\u00f4le de structuration de l\u2019information. Il permet de donner une vision globale de l\u2019activit\u00e9 d\u00e8s l\u2019arriv\u00e9e sur le site et participe \u00e0 la mise en valeur des services propos\u00e9s.<\/p>\n\n\n\n

Le site a \u00e9t\u00e9 d\u00e9velopp\u00e9 sous WordPress, ce qui a permis de travailler sur une solution flexible et \u00e9volutive malgr\u00e9 un niveau initial limit\u00e9. Ce projet met en \u00e9vidence l\u2019importance de l\u2019apprentissage progressif dans la conception web, ainsi que la capacit\u00e9 d\u2019adaptation n\u00e9cessaire pour mener \u00e0 bien un site fonctionnel.<\/p>\n\n\n\n

Il illustre \u00e9galement la n\u00e9cessit\u00e9 de penser un site non seulement comme un outil technique, mais aussi comme un support de communication structur\u00e9, centr\u00e9 sur l\u2019utilisateur et ses besoins.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sarah Yahiaoui | Promotion 2025-2026 Le projet Beautyssima consiste en la conception et la r\u00e9alisation d\u2019un site web vitrine destin\u00e9 \u00e0 une professionnelle de l\u2019esth\u00e9tique. Il s\u2019inscrit dans un contexte r\u00e9el, avec pour objectif de proposer une plateforme coh\u00e9rente, structur\u00e9e et en ad\u00e9quation avec l\u2019image de marque de la cliente. Ce projet a \u00e9t\u00e9 r\u00e9alis\u00e9…<\/p>\n","protected":false},"author":4,"featured_media":1776,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51],"tags":[167,271,272],"class_list":["post-1461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-artisanat-creativite","tag-beaute","tag-esthetique","tag-soins"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1461","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=1461"}],"version-history":[{"count":3,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1461\/revisions"}],"predecessor-version":[{"id":1777,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1461\/revisions\/1777"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1776"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}