{"id":1435,"date":"2026-05-04T14:59:13","date_gmt":"2026-05-04T12:59:13","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1435"},"modified":"2026-06-08T13:42:10","modified_gmt":"2026-06-08T11:42:10","slug":"latelier-green-coutures","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1435","title":{"rendered":"L\u2019Atelier Green Coutures"},"content":{"rendered":"\n

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

Ziyad MAKHLOUF et Lounis BOUDGHASSEM | Promotion 2025-2026<\/p>\n\n\n\n

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

L\u2019Atelier Green Coutures est un atelier de couture artisanal bas\u00e9 \u00e0 Dunkerque, proposant des
retouches, des cr\u00e9ations sur-mesure, de la broderie, de la mercerie et des cours de couture. Avant
ce projet, la commanditaire g\u00e9rait l\u2019int\u00e9gralit\u00e9 de ses demandes clients via Instagram : une
messagerie satur\u00e9e, peu qualifi\u00e9e, et inaccessible \u00e0 une partie de sa client\u00e8le. L\u2019objectif du site est
de fournir une vitrine professionnelle coh\u00e9rente avec le niveau de qualit\u00e9 de l\u2019atelier, de clarifier
l\u2019offre pour r\u00e9duire les \u00e9changes r\u00e9p\u00e9titifs, et de centraliser les demandes via un formulaire
structur\u00e9.<\/p>\n\n\n\n

Le site comporte sept pages actives : Accueil, Nos services, Cours de couture, Mercerie,
Galerie, \u00c0 propos et Contact, ainsi qu\u2019une page News en attente de contenu. Le design s\u2019inspire
de l\u2019univers de la haute couture (notamment les sites Saint Laurent et Montblanc) tout en portant
une identit\u00e9 \u00e9co-responsable affirm\u00e9e, coh\u00e9rente avec la d\u00e9marche de l\u2019atelier. <\/p>\n\n\n\n

R\u00e9alis\u00e9 sous WordPress avec un child theme GeneratePress enti\u00e8rement personnalis\u00e9, chaque page est cod\u00e9e
en HTML\/CSS, avec un soin particulier apport\u00e9 \u00e0 l\u2019exp\u00e9rience utilisateur, aux animations<\/p>\n\n\n\n

La page d\u2019accueil s\u2019ouvre sur une illustration originale r\u00e9alis\u00e9e sur Procreate (iPad), inspir\u00e9e d\u2019une photographie r\u00e9elle d\u2019un enfant courb\u00e9 sur une machine \u00e0 coudre Singer.<\/p>\n\n\n\n

\"\"
Figure 1 : Landing page<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Ce choix, une illustration artisanale pour un atelier artisanal, renforce l\u2019authenticit\u00e9 de la marque l\u00e0 o\u00f9 une photo stock aurait sembl\u00e9 g\u00e9n\u00e9rique et interchangeable. L\u2019illustration est accompagn\u00e9e d\u2019un texte choc, \u00ab Ne participez pas \u00e0 l\u2019exploitation d\u2019innocents \u00bb, con\u00e7u pour accrocher imm\u00e9diatement les clients \u00e9co-sensibles et cr\u00e9er un lien narratif direct avec la section fast fashion de la page \u00c0 propos. Apr\u00e8s documentation approfondie sur les pratiques UX actuelles, la landing page a \u00e9t\u00e9 volontairement maintenue courte et percutante : un carrousel de services d\u00e9file automatiquement en chevauchement avec l\u2019image hero, et deux blocs cliquables redirigent vers la page.<\/p>\n\n\n\n

La page Galerie est con\u00e7ue comme une galerie d\u2019art, avec une inspiration directe du site Saint Laurent : <\/p>\n\n\n\n

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

deux grandes photographies dispos\u00e9es c\u00f4te \u00e0 c\u00f4te en ouverture de page, comme des tableaux accroch\u00e9s, sur un fond cr\u00e8me l\u00e9g\u00e8rement diff\u00e9renci\u00e9 du reste du site pour renforcer l\u2019effet galerie. La s\u00e9lection et le placement des images ont \u00e9t\u00e9 travaill\u00e9s pour leur compl\u00e9mentarit\u00e9 visuelle. La page int\u00e8gre des animations au d\u00e9filement bidirectionnelles, les images apparaissent \u00e0 la descente et se r\u00e9 animent \u00e0 la remont\u00e9e, ce qui a n\u00e9cessit\u00e9 une phase d\u2019optimisation technique importante pour \u00e9viter les ralentissements sur les appareils moins puissants, notamment via la r\u00e9duction de la charge GPU et la gestion conditionnelle du JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ziyad MAKHLOUF et Lounis BOUDGHASSEM | Promotion 2025-2026 L\u2019Atelier Green Coutures est un atelier de couture artisanal bas\u00e9 \u00e0 Dunkerque, proposant desretouches, des cr\u00e9ations sur-mesure, de la broderie, de la mercerie et des cours de couture. Avantce projet, la commanditaire g\u00e9rait l\u2019int\u00e9gralit\u00e9 de ses demandes clients via Instagram : unemessagerie satur\u00e9e, peu qualifi\u00e9e, et inaccessible…<\/p>\n","protected":false},"author":4,"featured_media":1440,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51],"tags":[270,269,268],"class_list":["post-1435","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-artisanat-creativite","tag-atelier-de-couture","tag-couture","tag-eco-responsable"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1435","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=1435"}],"version-history":[{"count":3,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1435\/revisions"}],"predecessor-version":[{"id":1724,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1435\/revisions\/1724"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1440"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}