Page de travail
Les photos
qu’il me manque
La nouvelle version repose sur des photos plein écran. Les images actuelles ne peuvent pas les porter : la meilleure fait 1600 × 1200 et la plupart des visites sont en 1100 × 1300, prises au téléphone. Chaque emplacement ci-dessous affiche un cadre gris tant que la photo n’est pas arrivée.
7 / 9 emplacements remplis
Comment envoyer une photo
- Le fichier d’origine, non recadré et non compressé — je m’occupe du reste.
- Nommé avec l’identifiant indiqué :
hero-accueil.jpg, etc. - Par WhatsApp en « document » (pas en photo, ça écrase la qualité), ou par e-mail.
- 01
essentiel
Accueil — image plein écran
Lulu en train de guider, de trois quarts, groupe visible mais flou en avant-plan. Lumière rasante de fin de journée. Cadrage large : le texte du titre viendra se poser dans le tiers inférieur, il faut donc de la place vide en bas. C'est LA photo du site.
- Format paysage
- Résolution 2400 px minimum sur le grand côté
- Fichier
hero-accueil.jpg
- 02
essentiel
Qui suis-je — portrait plein cadre
Lulu seul, plan taille, qui regarde l'objectif. Fond de rue madrilène reconnaissable mais très flou. Pas de sourire posé de photo d'identité : l'expression qu'il a quand il raconte quelque chose.
- Format portrait
- Résolution 1600 px minimum sur le grand côté
- Fichier
portrait-lucas.jpg
- 03
important
Les visites — bandeau de tête
Vue large d'un groupe en marche dans une ruelle de La Latina, vu de dos ou de trois quarts arrière. Doit se lire comme une scène, pas comme une photo de groupe.
- Format paysage
- Résolution 2000 px minimum sur le grand côté
- Fichier
hero-visites.jpg
- 04
important
Blog — bandeau de tête
Lulu en train de raconter, bouche ouverte, main qui désigne quelque chose hors champ, groupe de dos au premier plan. C'est l'illustration de « les histoires que je raconte en chemin » : il faut y voir un récit en train de se faire, pas une pose. Cadrage large, place vide à gauche pour le titre.
- Format paysage
- Résolution 2000 px minimum sur le grand côté
- Fichier
hero-blog.jpg
- 05
important
Accueil — bande d’ambiance (1/3, tapas)
Comptoir de bar à tapas, verres, jambon, mains. Couleurs chaudes, pas de visage identifiable nécessaire.
- Format paysage
- Résolution 1800 px minimum sur le grand côté
- Fichier
ambiance-tapas.jpg
- 06
important
Accueil — bande d’ambiance (2/3, vélo)
Vélos électriques alignés ou groupe qui roule dans le Retiro. Mouvement bienvenu.
- Format paysage
- Résolution 1800 px minimum sur le grand côté
- Fichier
ambiance-velo.jpg
- 07
important
Accueil — bande d’ambiance (3/3, street art)
Mur peint de Lavapiés en pied, avec une silhouette pour donner l’échelle.
- Format paysage
- Résolution 1800 px minimum sur le grand côté
- Fichier
ambiance-streetart.jpg
- 08
confort
Tarifs — bandeau de tête
Détail de main, échange, terrasse de café — quelque chose de concret et chaleureux qui parle d'argent sans montrer d'argent. Peut être une photo d'ambiance.
- Format paysage
- Résolution 1800 px minimum sur le grand côté
- Fichier
hero-tarifs.jpg
- 09
confort
Contact — bandeau de tête
Lulu au téléphone ou en train d'écrire, en terrasse. Renforce la promesse « je réponds dans la journée ».
- Format paysage
- Résolution 1800 px minimum sur le grand côté
- Fichier
hero-contact.jpg
Et les photos des visites
Les huit photos de visites existent déjà et ne sont pas dans la liste ci-dessus. Une remarque quand même : sur la page d’accueil, les trois visites mises en avant affichent désormais leur texte par-dessus le bas de l’image. Sur les photos actuelles, c’est précisément là que se trouvent les gens — le premier rang du groupe passe donc en partie derrière le texte.
Si vous refaites ces photos un jour : cadrez le sujet dans les deux tiers supérieurs et laissez le bas relativement calme (sol, pavés, mur). Format portrait, 1600 px minimum sur le grand côté.
Pour l’intégration
Déposer le fichier dans src/assets/v2/ sous le nom indiqué,
puis ajouter son identifiant au Set nommé
filled dans src/data/shotlist.ts. Le
composant MediaSlot remplace le cadre par la photo au
format d’origine — aucun autre changement n’est nécessaire, et la mise
en page ne bouge pas.