CastelSTUDIO

About

Présentation des minis sites Hermès du métier Prêt à porter homme.

En collaboration avec les équipes d’Hermès, j’ai participé au développement des sites podiums présentant les collections Automne-Hiver et Printemps-Été du métier prêt à porter homme. Les sites suivaient les tendances et designs de la fashion week annuelle. Mon rôle couvrait le développement front-end, avec un fort niveau d’exigence sur la qualité visuelle, les performances et la flexibilité du site. Chaque saison impliquait de faire évoluer l’architecture du projet afin de répondre aux nouveaux besoins des équipes métier

Client
Hermès
Développeur Front
Louis Castel
Développeur Front
Victor Diana
Développeur Back
Thomas Garayt
Développeur Back
Cyril Guittet
Designer
Adeline Cousin
Années
2021-2025
Technologies
Laravel, JS, PostgreSQL, Excel, GitLab CI/CD
PAPH collection grid
PAPH product view
PAPH fashion showcase

Les saisons s'enchaînent, les sites aussi..

Les sites podiums sont destinés aux acheteurs B2B d’Hermès afin de leur faire découvrir les futures collections et préparer leurs commandes pour la saison suivante.Ils servent également de support aux recommandations de merchandising en boutique.

Chaque saison donne lieu à la création d’une nouvelle plateforme, faisant de ce projet un élément central dans le lancement et la commercialisation des collections. J’ai travaillé en étroite collaboration avec les équipes métier et créatives pour répondre à leurs exigences en matière de design, d’expérience utilisateur et de performance.

PAPH catalog interface
4
Années de collaboration
8
Saisons créées
150000
Visiteurs par saison
PAPH product details
PAPH runway style

Retour d'expérience

Une expérience à la fois exceptionnelle et stressante. Travailler sur des projets d'une telle envergure, avec des clients exigeants et déjà sous pression de la part de leurs propres directions, a été une expérience incroyablement enrichissante.

L’un des défis majeurs pour moi côté front-end était que le site devait ressembler exactement à la maquette. Jusque-là, normal, vous me direz. Cependant, on ne parle pas de responsive ici, mais bien du fait que le site devait être conforme à la maquette peu importe la taille de l’écran. Nous avons donc beaucoup joué, dans un premier temps, sur des unités de mesure relatives, avec des mixins Sass prenant en compte le pourcentage de zoom des écrans des clients (et oui, les ordinateurs portables sont souvent zoomés à 125 %, voire 150 % pour les plus petits) afin de rester conformes aux maquettes. En 2024, l’adoption des Container Queries a marqué un vrai tournant. Cette approche nous a permis de raisonner les interfaces à l’échelle de leurs composants plutôt qu’à celle du viewport, simplifiant considérablement l’intégration et réduisant le temps consacré aux ajustements visuels et à la QA.

Côté back-end, chaque saison apportait également son lot de nouveautés : structure des données, imports Excel, génération de contenu ou nouveaux besoins métier. Cette évolution constante nous obligeait à réinventer certains mécanismes du projet tout en conservant un outil fiable pour les équipes.

Une expérience exigeante, mais particulièrement enrichissante, tant sur le plan technique qu’organisationnel.

PAPH collection photo
PAPH lookbook view
PAPH product layout
PAPH final showcase