# 404Billy — cinq propositions de boutique

Cinq directions à comparer, chacune avec un accueil et une fiche produit, sur ordinateur et mobile. **Ce sont des maquettes HTML : aucun thème n’a été installé et la boutique actuelle n’a pas été modifiée.** Les commandes sont désactivées.

| Proposition | Fichier | Base Shopify gratuite | Direction |
|---|---|---|---|
| **01 — Noir & argent** | [Ouvrir](01-noir-argent.html) | [Atelier](https://themes.shopify.com/themes/atelier/presets/atelier) | Galerie noire, grands visuels, contraste argenté et sérif classique ; première piste proche du livret. |
| **02 — Rituel** | [Ouvrir](02-rituel.html) | [Ritual](https://themes.shopify.com/themes/ritual/presets/ritual) | Composition éditoriale plus solennelle, noir/gris/argent et accents gothiques ; seconde piste proche du livret. |
| **03 — Archives** | [Ouvrir](03-archives.html) | [Publisher](https://themes.shopify.com/themes/publisher/presets/publisher) | Grand titre ARCHIVES, pochette en vedette et index des trois œuvres avec aperçu au survol ; verdigris très désaturé. |
| **04 — Cinémathèque** | [Ouvrir](04-cinematheque.html) | [Horizon](https://themes.shopify.com/themes/horizon/presets/horizon) | Entrée cinématique et rapport plus direct entre image, musique et objet. |
| **05 — La chambre** | [Ouvrir](05-chambre.html) | [Studio](https://themes.shopify.com/themes/studio/presets/studio) | Présentation intime, pochette centrale et mouvement discret contrôlable. |

Pour voir une fiche produit, utiliser les liens de la maquette ou ajouter `?view=product` à son URL. Les polices et les trois pochettes se trouvent dans `assets/`.

## Fidélité au brief

Les trois pochettes finales fournies sont utilisées sans recoloration ni redesign. La troisième correspond à **Professeur 404**. Les titres des deux premières restent inconnus : ils ne sont pas inventés. Prix, éditions, caractéristiques et disponibilité sont à confirmer ; aucun faux prix n’est affiché.

Le noir, le gris, l’argent, les pointes gothiques et les sérifs viennent du brief et des références fournies. **Ce choix graphique n’est pas présenté comme une charte officielle de 404Billy.** L’inspiration [The Way of Code](https://www.thewayofcode.com/) porte sur l’espace, le rythme et l’expérience ; elle ne constitue pas une reproduction du site ni une référence commerciale de l’artiste.

## Passage à Shopify

Les cinq bases sont affichées gratuites dans le Theme Store, vérifié le 11 octobre 2026. La gratuité concerne le thème ; elle ne couvre pas l’abonnement Shopify. Le détail des fonctionnalités natives et des limites figure dans [themes-research.md](themes-research.md).

Les couleurs, médias produit et variantes peuvent utiliser les réglages du thème. Les compositions exactes, titres superposés, aperçus au survol, mouvement de pochette et éventuel hero vidéo demandent une adaptation CSS/JavaScript ou des sections Liquid dédiées. Ils ne sont pas annoncés comme des fonctions natives déjà testées. L’intégration devra aussi valider panier, paiement, disponibilité, performances et comportement mobile.

## Sources officielles

- [Boutique 404Billy](https://www.404billy.shop/) et [catalogue](https://www.404billy.shop/collections/all) : univers existant, merchandising, vinyles/CD et Kidvillain Industry.
- [SCREAM — lyrics video](https://www.youtube.com/watch?v=ByEB4wJqfk0) et [STRICTEMENT BUSINESS — lyrics video](https://www.youtube.com/watch?v=_HrvF0m7tjE) : chaîne officielle 404Billy, corpus BLKKKK VAN GOGH. Les maquettes proposent des liens de lecture ; aucune vidéo YouTube n’a été téléchargée.
- [Couleurs des thèmes Shopify](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/theme-editor/color-settings), [médias produit](https://help.shopify.com/en/manual/products/product-media/product-media-types) et [CSS personnalisé](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/edit-code/add-css) : limites et possibilités d’intégration.

## Captures de comparaison

Le dossier `captures/` contient **20 captures PNG complètes** : accueil ordinateur, accueil mobile, fiche produit ordinateur et fiche produit mobile pour chaque proposition. Vérification navigateur aux largeurs CSS 1440 px et 390 px : aucune image active manquante et aucun débordement horizontal. Le titre mobile de Rituel a été corrigé. Navigation accueil/produit, détails dépliables et pause/reprise du motif de La chambre contrôlés. Le fichier `captures/verification.json` garde les mesures.

Ouvrir `index.html` pour comparer les cinq pistes et accéder aux captures. Le dossier est autonome après extraction du ZIP : garder `assets/` et `captures/` à côté des fichiers HTML. Les liens YouTube ouvrent les vidéos officielles. La boutique Shopify n'a pas été installée ou modifiée.