Boutique en ligne de mode de luxe

Une marque de mode de luxe dont la boutique en ligne est construite sur Framer, avec 19 routes (18 après la fusion d’une page). La mission : corriger le site à partir de la charte de marque, puis prouver chaque correction sur les pages rendues. Tout le travail s’est fait sur une branche séparée, pour ne jamais toucher au site en ligne.

Un plan qui disait que tout dépendait de quatre réponses : où est la vidéo de campagne, où sont les vidéos sources, si une page retirée est redirigée ou supprimée, et s’il faut travailler sur une branche. Un système typographique qui s’était éloigné de la charte : 15 styles de texte, dont 8 dans une police que la marque n’utilise pas.

Obtenir les quatre réponses d’abord. Ensuite, avancer en huit jalons.

• Reconstruire le système typographique, pas seulement changer de police : ramener les 15 anciens styles aux cinq niveaux de la marque, les renommer selon leur usage, ajouter une échelle responsive.
• Régler la navigation selon la règle de la charte elle-même : l’espace de protection vaut deux fois la hauteur des capitales du logotype.
• Ne jamais cliquer sur le panier ni sur le paiement d’un site en ligne.
• Choisir l’encodage vidéo sur une qualité mesurée, pas au goût. Les hébergeurs de vidéo intégrée ont été écartés : ils posent des cookies de suivi, et le site n’a pas de bandeau cookies.

Chaque correction a été vérifiée sur les pages rendues, à trois tailles d’écran, et non relue dans les réglages. Typographie : 15 styles reconstruits, une échelle responsive sur 14, 167 des 189 surcharges de police en ligne résolues, 61 rendus de preuve. Le logo était invisible sur 13 routes sur 19 au repos, et sur les 19 après défilement. 9 liens du pied de page pointaient au mauvais endroit et 6 titres de page étaient faux. Quatre des défauts corrigés étaient en ligne avant le début du travail, et dans aucun brief.

Un assistant IA a fait les modifications au moyen d’un outil en ligne de commande pour agents. Les vérifications qui lisaient les pixels ont repéré une rotation des tailles d’écran que la relecture des réglages ne pouvait pas voir. L’encodage a été choisi sur un score de similarité mesuré entre plusieurs encodages de test.

Temps gagné : non mesuré.

• Plan de travail et charte de marque
• Design tokens en CSS et en JSON
• Rapports de jalons : inventaire typographique, analyse des surcharges, audit du logo, revue des liens
• Vidéos réencodées, avec instructions de mise en ligne
• Liste des points ouverts, décisions datées
• Instantané en lecture seule et 114 captures de référence pour la refonte