Ziyad MAKHLOUF et Lounis BOUDGHASSEM | Promotion 2025-2026
L’Atelier Green Coutures est un atelier de couture artisanal basé à Dunkerque, proposant des
retouches, des créations sur-mesure, de la broderie, de la mercerie et des cours de couture. Avant
ce projet, la commanditaire gérait l’intégralité de ses demandes clients via Instagram : une
messagerie saturée, peu qualifiée, et inaccessible à une partie de sa clientèle. L’objectif du site est
de fournir une vitrine professionnelle cohérente avec le niveau de qualité de l’atelier, de clarifier
l’offre pour réduire les échanges répétitifs, et de centraliser les demandes via un formulaire
structuré.
Le site comporte sept pages actives : Accueil, Nos services, Cours de couture, Mercerie,
Galerie, À propos et Contact, ainsi qu’une page News en attente de contenu. Le design s’inspire
de l’univers de la haute couture (notamment les sites Saint Laurent et Montblanc) tout en portant
une identité éco-responsable affirmée, cohérente avec la démarche de l’atelier.
Réalisé sous WordPress avec un child theme GeneratePress entièrement personnalisé, chaque page est codée
en HTML/CSS, avec un soin particulier apporté à l’expérience utilisateur, aux animations
La page d’accueil s’ouvre sur une illustration originale réalisée sur Procreate (iPad), inspirée d’une photographie réelle d’un enfant courbé sur une machine à coudre Singer.
Ce choix, une illustration artisanale pour un atelier artisanal, renforce l’authenticité de la marque là où une photo stock aurait semblé générique et interchangeable. L’illustration est accompagnée d’un texte choc, « Ne participez pas à l’exploitation d’innocents », conçu pour accrocher immédiatement les clients éco-sensibles et créer un lien narratif direct avec la section fast fashion de la page À propos. Après documentation approfondie sur les pratiques UX actuelles, la landing page a été volontairement maintenue courte et percutante : un carrousel de services défile automatiquement en chevauchement avec l’image hero, et deux blocs cliquables redirigent vers la page.
La page Galerie est conçue comme une galerie d’art, avec une inspiration directe du site Saint Laurent :
deux grandes photographies disposées côte à côte en ouverture de page, comme des tableaux accrochés, sur un fond crème légèrement différencié du reste du site pour renforcer l’effet galerie. La sélection et le placement des images ont été travaillés pour leur complémentarité visuelle. La page intègre des animations au défilement bidirectionnelles, les images apparaissent à la descente et se ré animent à la remontée, ce qui a nécessité une phase d’optimisation technique importante pour éviter les ralentissements sur les appareils moins puissants, notamment via la réduction de la charge GPU et la gestion conditionnelle du JavaScript.