Audit UX/UI scart.com

Cookie banner Shopify natif - changer le design (bannière basse non-bloquante ou modal sobre auto-dismiss au scroll). Référence : Linear.app, Vercel.com.

Headline "BUILDING A BETTER DRIVING EXPERIENCE" en EN sur FR. Trancher EN-only ou matcher la langue de la page.

Cartouche blanc sur vidéo hero. Le retirer, mettre headline en texte blanc avec text-shadow ou backdrop-filter blur léger.

Section "Trois voix" : refonte en triptyque full-bleed (Sport gris clair / Super Sound noir profond / Valves split A/B), display serif sur les titres, vignettes véhicules à fond plein.

Sur desktop, hero limité à ~85% viewport - pousser à 100vh full-bleed pour conviction luxe.

Bandeau presse mince (logos Caroom, Flat 6 Magazine, Carrerament) entre hero et "Trois voix".

Désactiver le bouton "Acheter avec Shop Pay" violet (theme setting show_dynamic_checkout_buttons OU CSS override). Garder seulement le bouton noir "Ajouter au panier".

Titre Ultima Récital casse en 4 lignes sur mobile. Réécrire : "Ultima Récital - Porsche 911 (996 / GT3)". Sortir 3.4L/3.6L dans la carte compat.

Refaire les packshots : fond #f5f5f5 avec léger gradient + shadow douce, OU photo en situation atelier (cohérent avec Made in France).

Ajouter 2-3 images supplémentaires dans la galerie (vue 3/4, vue arrière 911, gros plan brides TIG).

Re-styliser le widget Judge.me (CSS override : étoiles noires opacity 0.7, font Neo Sans, hide "Powered by"). Plan d'incitation avis - 1 review pour un Best Seller = signal négatif.

H1 produit en display serif (Tiempos Headline ou GT Sectra) 56-64px desktop, letter-spacing -0.02em.

Bandeau sous prix en 1 ligne icônes : "Fabriqué à Goussainville - 6-8 sem - Garantie 10 ans - DDP UE/UK/CH".

Fixer le double badge "BEST SELLER" : identifier où snippets/best-seller-badge.liquid est inclus en double dans sections/main-product.liquid.

Réécrire le titre : "Silencieux Super Sound Riva - Porsche 911 (3.2L)" (moins de répétitions, "3.2L" sans virgule pour le typographe).

Layout "spec sheet" 2 colonnes : copy libre à gauche, table specs (niveau sonore, poids, garantie, délai) à droite. Inspiration : Porsche Tequipment ou Akrapovic Pro Series.

Panel sticky droite avec 2-3 audio clips comparatifs (pré-silencieux ON/OFF). Le pipeline audio-samples/ a déjà ces fichiers.

Augmenter la lisibilité du breadcrumb chips (taille + contraste).

Réutiliser le traitement "close-up logo physique" partout : remplacer la rangée carousel marques de la homepage, et l'utiliser comme filtre marque sur les collections.

Animation hover desktop sur les vignettes (scale 1.02 + brightness 1.05 + transition 300ms).

Footer trop haut sur step 1 - ajouter une section "Comment ça marche" 3-col en-dessous pour étoffer.

Bug card-product sans image : patcher snippets/card-product.liquid avec placeholder SVG (silhouette échappement) ou texture acier brossé quand card_product.featured_image == nil. Forcer aspect-ratio: 1/1 sur le wrapper image.

Titres en -webkit-line-clamp: 2 pour éviter les cards qui explosent verticalement.

Recherche facettée : quand on tape "997", pré-cocher les filtres modèle (997 + 997-2 + 997-2 PSE) sur la page /search standard.

Bug card sans image (cf. /search).

Grille mobile en 1-col : repasser à 2-col (grid-cols: 2 sur < 750px). Gain de 4 produits visibles dans le viewport initial vs 1.5 actuellement.

Hero collection avec sous-titre technique automatique via metafield ("Phase 1 (2004-2008) - 3.6L / 3.8L S - Tiptronic, manual, Targa, Cabriolet"). Bon pour E-E-A-T (cohérent sprint GEO).

Filtres en top-bar horizontal au-dessus du grid + sidebar conditionnelle sur desktop large. Gain de largeur grille.

Bloc éditorial "À propos de la 997" en pied de collection (1 paragraphe + 2 specs + lien fiche modèle).

Sur panier vide, ajouter visuel + CTA configurateur. "Votre panier est vide" → "Pas encore d'échappement Scart dans votre panier. Trouvons celui qu'il vous faut →".

Tester panier rempli pour vérifier les trust signals + sous-line compat (mémo CLAUDE.md indique que c'est en place).

Clarifier overview : "Origine" = son d'usine (référence), Sport / Super Sound = niveaux Scart. Aujourd'hui confus pour un primo-visiteur.

Photo + signature Martin sur le pull quote ("- Martin Scart, fondateur"). Cohérent avec sprint GEO (bio Martin listée comme manquant on-page).

Section Super Sound : ajouter une vraie image full-bleed d'une 911 air-cooled avec échappement Scart visible, avant les sub-cards.

Vignettes véhicules Super Sound en swiper horizontal mobile (4 visibles + scroll) au lieu de 4 stacked.

3 photos atelier Goussainville pleine largeur entre Sport et Super Sound (main TIG / cintreuse / soudure).

Ajouter un H1 sur la page : "L'Histoire Scart : La Quête du Son Absolu". Fixer le <title> dans Admin > Pages > Notre Histoire (Title et meta_title vides/égal au handle).

Patcher les alt="" sur les 5 images concernées (faute a11y).

Refondre l'imagerie : (a) chapter 2 - remplacer Flat 6 Magazine par photo d'archives proto 1999-2003, (b) chapter 3 (Philosophie Sonore) - remplacer la courbe SVG par photo de spectrogramme acoustique réel ou cymatique, (c) chapter 5 (Made in France) - remplacer le logo massif par 3 photos atelier serrées, (d) chapter 6 (Ambition Mondiale) - remplacer le "A" par carte du monde markers marchés ou photo Le Mans Classic / Rétromobile.

Timeline verticale sticky à gauche desktop (dates clés 1999 / 2002 / 2005 / 2008 / 2012 / 2026 + dot qui suit le scroll). Mobile : scroll-progress horizontal en haut. Inspiration : Apple "history of Mac", Aston Martin Heritage.

Portrait Martin Scart 3/4 atelier + bio courte 2 lignes en pied de page. Requis pour cible GEO/Wikipédia (cf. mémo geo).

Choisir un variant unique et le déployer. Recommandé : logo center + nav sobre + utilities right (alignement luxe-tech).

Renommer "Rechercher" en "Trouver" pour matcher la destination (cf. mémo feedback_wording_trouver).

Header scrollé : à partir de 100px de scroll, hauteur 56px, transparency 0.85 backdrop-blur(8px). Sensation luxe immédiate.