Le verre est sombre
Parce qu'une photo de piscine est claire
Un verre blanc sur une photo ensoleillée rend le texte illisible. Le fond des cartes descend à 62 % d'encre : le discours reste lisible quelle que soit la photo du client.
Maquettes — Exemple pisciniste
Piscines de la Seille
Un constructeur de piscines vend un chantier à cinq chiffres, pas une piscine. Tout le site est construit pour rassurer, montrer le niveau de finition, et qualifier la demande avant le premier appel.
Personne n'a commandé cette maquette. Personne ne l'a payée. C'est un exercice : un métier choisi, un brief que je me suis donné, une journée de travail. Si c'est le niveau atteint sans client en face, sans budget et sans contrainte, vous pouvez estimer ce que donne un vrai projet.
MétierConstruction de piscines
Formule équivalenteCroissance — dès 4 000 €
ConceptionUne journée
StatutMaquette, entreprise fictive
01 — Visite guidée
Parcourez la maquette, elle est chargée ici
Ce n'est pas une image. Continuez à faire défiler : le site se parcourt tout seul. Prenez la main quand vous voulez cliquer dedans. Ce n'est pas une image : le site entier tourne dans ce cadre, dans sa version téléphone. Faites-le défiler du doigt, cliquez dedans, ou ouvrez-le en plein écran.
01 — L'accueil
Photo plein cadre, bento en verre dépoli, un seul appel à l'action dominant. Le chiffre clé et la vignette tiennent la colonne de droite.
02 — Les métiers
Carte sombre pour la construction béton, photo pleine hauteur pour l'aménagement, deux cartes courtes pour le reste.
03 — Le comparateur
La structure béton d'un côté, le bassin livré de l'autre. Le curseur fait le travail d'un argumentaire de dix minutes.
04 — L'estimateur
Deux curseurs, six équipements, une fourchette qui se recalcule. Le visiteur se situe seul.
05 — Les garanties
Quatre étapes datées, puis les garanties chiffrées. La fin de page répond à la dernière objection.
02 — Les décisions
Rien n'est là par hasard
Le verre des cartes est sombre, pas clair. Le bleu du logo n'existe pas. Le premier chiffre visible est une durée, pas un prix. Trois exemples parmi les dizaines de décisions que contient cette page.
Aucun cyan
Parce que tout le secteur y est
Les concurrents s'alignent sur le même bleu saturé. La marque prend un lagon profond et une écume chaude : elle se remarque dans une page de résultats Google.
La durée avant le prix
Parce que c'est la vraie objection
« Livraison en 10 semaines » figure dans le héros, le budget arrive en section 3. On lève l'inquiétude avant de parler d'argent.
Abysse#062028
Profond#0B3743
Lagon#12788C
Écume#F4F1EA
Pierre#D9D2C6
Palette Chaque paire texte/fond a été mesurée : le minimum retenu est 4,7:1, au-dessus du seuil AA.
Titres — Cormorant Garamond, Light
Aa Bb 0123
Un serif à forte modulation, taillé pour les grandes tailles. Il donne au discours une tenue de maison d'architecte plutôt que de magasin d'équipement.
Interface — Jost
Aa Bb 0123
Géométrique et neutre pour les libellés, les chiffres et les boutons. Auto-hébergée : aucun appel à un service tiers, aucun cookie posé à l'arrivée.
03 — Le module qui vend
Le curseur qui remplace l'argumentaire
Comparateur de chantier
Un prospect ne doute pas du résultat : il doute de ce qu'il y a dessous. Le curseur montre la structure béton, l'escalier intégré, les réservations — puis le bassin livré. C'est la preuve du sérieux, en un geste.
Effet recherché : transformer une inquiétude de gros œuvre en démonstration de savoir-faire.
04 — Sous le capot
Ce qu'une capture ne montre pas
81 Kode code compressé
0librairie externe
0cookie déposé
AAcontrastes vérifiés
Maquette suivante
Jardins de la Nied