J'ai refait de zéro le site de Ti Kosmeo, la marque d'ateliers de cosmétiques et de produits ménagers naturels que Cécile BERREBI anime à Boulogne-Billancourt, aux portes de Paris. L'ancien site tournait sous WordPress depuis 2023. Le besoin était double : un site plus rapide et plus clair pour les particuliers et les groupes, et une bascule qui ne fasse perdre ni le référencement acquis ni les réservations en cours.
En images
Le projet en détail
Le nouveau site part d'une maquette complète, sept gabarits de pages déclinés pour mobile et bureau, que j'ai fusionnés en une page responsive par route. Il présente dix ateliers filtrables par univers, chacun avec sa fiche, ses avis et des suggestions d'ateliers proches, ainsi que des pages pour les anniversaires d'enfants, la privatisation, la carte cadeau, les recettes et les partenaires. Les 45 avis affichés sont réels : je les ai collectés sur Google, Wecandoo et Funbooker avec un navigateur piloté par script, puis dédoublonnés selon une règle explicite fondée sur la personne et la date de visite, jamais sur la ressemblance des textes.
La réservation reste sur Wecandoo : j'ai conservé les liens d'affiliation à l'identique pour que le suivi des commissions ne change pas le jour de la bascule. La migration a été traitée comme un chantier SEO à part entière : 72 URLs de l'ancien sitemap cartographiées, 55 redirections permanentes dans nginx, images WordPress rapatriées, métadonnées propres à chaque page et pages légales complètes. C'est la méthode que j'applique à toute refonte de site vitrine : on ne remplace une adresse indexée qu'avec sa redirection.
J'ai ensuite appliqué mon playbook de performance : images redimensionnées au build en WebP par paliers, découpage du code par page, carte Leaflet chargée seulement à l'approche, favicon allégé. Le score PageSpeed mobile de l'accueil est passé de 62 à 90, celui des fiches atelier d'environ 70 à 93, et l'accessibilité de 94 à 100.
Une petite API FastAPI relaie les demandes de privatisation, d'anniversaire et de carte cadeau vers Brevo, avec un champ piège contre les robots, l'échappement des saisies et une limitation de débit. Le site est déployé en trois environnements (développement, recette et production) derrière Traefik, les deux premiers exclus de l'indexation par en-tête HTTP, avec une intégration continue qui vérifie lint, tests et typage sur chaque merge request : 62 tests côté site et 11 côté API.