# #04 — Intégrer des visuels (photo / 3D) à droite des sections

> Statut : 🔴 **Lot 2 — bloqué** · en attente d'images d'exemple · format tranché (B2) : visuels, pas de 3D

**Formulaire :** `offres_stands_exposants_2027` (id 58) · **Charge :** M · **Bloqué :** assets

## Demande client

> Solution possible : pouvoir intégrer des photos ou 3D des stands à droite (là où il y a le texte
> actuellement). Nous pensions à plusieurs photos pour illustrer : 1 stand nu, 1 stand avec un
> angle, 1 stand avec 2 angles.

Et, répété plus bas pour les autres sections :

> Question : sur les mêmes sections qu'avant, peut-on ajouter la possibilité d'intégrer des photos
> à la place des textes à droite ?

## Périmètre

La colonne de droite est aujourd'hui occupée par des saisies `explication` (encadré « Le forfait du
stand comprend »). Le client veut pouvoir y placer des visuels, sur **quatre sections** :

| Section | Saisie `explication` actuelle | Visuel attendu |
| --- | --- | --- |
| Type de stand | `explication_2` | stand nu, 1 angle, 2 angles |
| Électricité ([#05](REEX2027-05-section-electricite.md)) | *(à créer)* | photo d'un coffret |
| Mobiliers ([#06](REEX2027-06-mobiliers.md)) | `explication_4` | photo par mobilier |
| Personnalisation ([#07](REEX2027-07-moquette-reemployable.md)) | `explication_3` | *non précisé* |

Formats annoncés par le client : **png, jpeg, ou 3D**.

## Décisions rendues (B2)

- ✅ **Pas de 3D interactive.** Ce seront des **visuels** (png/jpeg), y compris d'éventuels rendus 3D
  exportés en image. Pas de visionneuse `.glb`, pas de dépendance front supplémentaire.
- ✅ **Forme retenue : un carrousel image + légende.**

## Pourquoi le ticket reste en attente

**Le cadrage n'est pas suffisant et aucune image d'exemple n'a été reçue.** Le ticket redémarrera
une fois les exemples fournis par le client.

## Fusion probable avec #03

Hypothèse de travail : plutôt qu'un carrousel autonome, les visuels se grefferaient sur le parcours
en étapes de [#03](REEX2027-03-angles-conditionnels.md) —

- une **image de couverture par surface** à l'étape 1 (7 images) ;
- une **image par agencement** à l'étape 2 (nu, 1 angle, 2 angles, 4 angles).

⚠️ **Risque identifié :** cette version suppose que le client produise une image par combinaison, ce
dont il n'est pas certain d'être capable. La conception doit donc **dégrader proprement** :

- une image de couverture générique par surface, si les agencements ne sont pas illustrés ;
- aucune image du tout, sans que la mise en page ne se casse.

Autrement dit : traiter le visuel comme un enrichissement optionnel, jamais comme un élément
structurant du parcours.

## Point resté ouvert

**Que devient l'encadré « Le forfait du stand comprend » ?** Il liste 8 points contractuels
(structure, moquette, enseigne, badges, wifi, photothèque…). Le document dit placer les visuels
« à la place des textes ». Le supprimer sans remplacement serait une perte d'information
contractuelle — le déplacer sous le visuel semble préférable. À trancher lors de la reprise du
ticket.

## À demander au client avec les exemples

Format, ratio, poids maximum, fond transparent ou non, déclinaison mobile — et surtout : **jusqu'à
quel niveau de détail est-il capable de produire des images** (par surface ? par agencement ? par
combinaison complète ?).

## Travail à faire

- Prévoir dans les squelettes de rendu la zone visuel en colonne de droite, responsive (elle passe
  sous le formulaire en mobile).
- Gérer l'absence de visuel : la section doit rester correcte si aucune image n'est fournie pour
  une option donnée.
- Optimiser le poids (le formulaire est déjà lourd) : dimensions adaptées, `loading="lazy"`.

## Fichiers concernés

- Saisies `explication` du formulaire `offres_stands_exposants_2027`
- [squelettes/sass/components/](../squelettes/sass/components/) — styles de la grille du formulaire
- [squelettes/js/contract_form.js](../squelettes/js/contract_form.js) — si le visuel suit la
  sélection (point 2)

## Critères d'acceptation

- Un visuel peut être associé à une section sans intervention dans le code.
- La mise en page reste correcte sans visuel, avec un visuel, et en mobile.
- Le contenu contractuel de l'encadré actuel n'est pas perdu (sauf décision explicite du client).