Le site devient une boîte aux lettres qu’on ouvre : la porte bascule, le courrier sort, et chaque section est un pli posé sur un bureau kraft (lettre, carte postale, carte timbrée, avis de rappel, coupures, tarif postal, fiches bristol, enveloppe).
Hero : une boîte aux lettres verte dessinée en CSS sur un mur de pierre, avec deux vraies photos scotchées (étape 3 et galerie 5) ; au premier regard ou au clic sur « Ouvrir la boîte », la porte bascule et deux cartes, une enveloppe et un mot en sortent.
Comment ça marche = une lettre à en-tête d’Hector, les 2 vidéos et la photo de l’étape 3 attachées par un trombone, signée à la main.
« 4000 photos » = une carte postale dépliée (recto photo, verso message, timbre et tampon de la poste).
Pensé pour durer = une grande carte dentelée comme un timbre, avec la carte annotée et un tampon « Imprimé en France ».
Rappels = un « avis de rappel » jaune façon avis de passage, à côté du vrai échange WhatsApp.
Témoignages = polaroïds scotchés + coupures d’avis, et un sceau doré 4,8/5 ; comparatif = une coupure de journal à deux colonnes (Hector / les autres) sans colonne de libellés répétée.
Réserves = un tarif postal (bandeau jaune, chaque offre est un timbre avec son nombre d’envois, prix de c.pricing, lien direct vers le tunnel), placé après la preuve et le comparatif.
FAQ en fiches bristol, CTA final dans une enveloppe timbrée prête à partir.
Polices ajoutées : Fraunces (titres), Caveat (petits mots manuscrits), Courier Prime (mentions postales). Textures papier, kraft, pierre et timbres dentelés 100 % CSS/SVG.
Inspiration et sources
L’objet courrier lui-même : boîte aux lettres, avis de passage La Poste, cartes postales, scrapbooks
Compréhensible en 5 secondes : la boîte aux lettres + « Offre-leur un souvenir qui ne s’effacera jamais » + le CTA vert disent ce qu’Hector livre (du vrai courrier).
Le premier CTA reste évident (bouton vert « Envoyer une carte » dans le header et le hero) ; « Ouvrir la boîte » est un CTA d’exploration secondaire.
Chaque section a une forme différente, donc on ne se répète pas visuellement ; le tarif postal rend les réserves plus « produit » qu’une fiche Remento.
Discutable : WhatsApp (la vraie force d’Hector face à Touchnote ou Fizzer) n’apparaît qu’au milieu (téléphone des rappels) et dans l’enveloppe finale ; à tester avec un hero qui montre aussi le téléphone.
Les rotations et textures demandent de la retenue : à 390 px elles sont réduites pour garder la lecture confortable.
