Fidèle
RÉFÉRENCE · TEST WEB + T3 MOBILE
La maquette codée page pour page, avec les mêmes textes et le même design system. Seuls les prix incohérents sont recalculés.
Avant de figer le site — Hector
Le même Hector, les mêmes textes, les mêmes photos et vidéos. Chaque carte ouvre un site complet, desktop et mobile, poussé dans une direction différente.
« Test Web » (1440) et « T3 — Mobile » (390) codés page pour page : la base commune de toutes les autres. Seuls les prix incohérents ont été recalculés.
RÉFÉRENCE · TEST WEB + T3 MOBILE
La maquette codée page pour page, avec les mêmes textes et le même design system. Seuls les prix incohérents sont recalculés.
Cinq réponses à ses trois commentaires, avec un parti pris chacune : la réserve déplacée, le comparatif sans répétition, « Pensé pour durer » réinventé.
RETOURS D’ARTHUR · OFFRES APRÈS LES AVIS
Les 3 réserves quittent la fiche produit du milieu de page et deviennent 3 cartes tarifaires côte à côte, placées après les avis et juste avant la FAQ ; « Pensé pour durer » devient une carte postale qui se retourne ; le comparatif passe à 2 colonnes sans libellés répétés.
RETOURS D’ARTHUR · PAGE TARIFS DÉDIÉE
L’accueil ne vend plus les packs : un prix d’appel dans le hero et un bandeau « Tarifs » renvoient vers une vraie page /v/02/tarifs/ (3 réserves, curseur prix par carte, inclus, réassurance, mini-FAQ) ; la carte se lit à la loupe et le comparatif devient un chrono.
RETOURS D’ARTHUR · LA RÉSERVE DANS LA CONVERSATION
Le site ne montre plus aucun sélecteur d’offres : la section Tarifs devient une conversation WhatsApp où Hector présente les 3 réserves en boutons (chacun ouvre WhatsApp avec le choix pré-rempli), le comparatif devient un curseur avant/après et « Pensé pour durer » une fiche de philatélie.
RETOURS D’ARTHUR · L’OFFRE QUI SE CALCULE
Les 3 offres quittent la fiche produit et deviennent, après les témoignages et les avis, un calculateur « Combien de cartes veux-tu envoyer cette année ? » qui recommande la bonne réserve ; le comparatif devient une liste de corvées barrées et « Pensé pour durer » une frise 2026 → 2046 où la même carte vieillit.
RETOURS D’ARTHUR · UN PRODUIT, UN PRIX « DÈS »
La fiche façon Remento reste mais devient cohérente : elle présente un seul produit, « La carte Hector », dès 3 € la carte, avec un seul CTA « Choisir ma réserve » ; le choix entre les 3 packs se fait dans le tunnel, une barre d’achat collante suit le scroll, le comparatif devient 3 face-à-face et « Pensé pour durer » une vue éclatée de la carte.
L’organisation des composants d’un site leader (ordre des sections, hero, entrée dans le tunnel, place des prix, réassurance), au style Hector.
PARCOURS DE LEADER · NEVEO
L’ordre de neveo.io appliqué à Hector : le prix d’appel dans le bouton du hero, 3 étapes en photos scotchées, bénéfices, témoignages en bandeau, puis « Des prix clairs » en 3 cartes juste après les témoignages, avant la preuve chiffrée, la FAQ et le CTA final.
PARCOURS DE LEADER · STORYWORTH
L’ordre de storyworth.com : hero centré « le cadeau qui dure » avec « Commencer — dès 3 € l’envoi » dans chaque bouton, bandeau de preuve, comment ça marche, un simple teaser des réserves, et le choix des 3 réserves déplacé sur une étape d’achat dédiée (/v/07/choisir/).
PARCOURS DE LEADER · REMENTO
L’ordre de remento.co : hero émotionnel avec photo produit, note et coches, bandeau de citations, comment ça marche, puis une fiche produit à PRIX UNIQUE (carrousel, inclus, garantie sous le bouton) — les 3 réserves ont leur propre section juste après, version corrigée de Remento pour plusieurs packs.
PARCOURS INSPIRÉS DES LEADERS · TOUCHNOTE
La page reprend l’ordre de touchnote.com : bandeau promo, hero en panneau + visuel produit, grille d’occasions, 3 étapes, « personnalise », barre d’avis, panneau « encore mieux sur l’appli » devenu « encore mieux sur WhatsApp », tuiles colorées, puis un bloc crédits copié de touchnote.com/credits (lignes radio, prix par carte qui baisse) avant la FAQ.
PARCOURS INSPIRÉS DES LEADERS · MELONPOST
Le parcours de melonpost.com, le concurrent le plus proche (cartes commandées sur WhatsApp) : hero titre + « pas d’appli, pas de compte » à gauche et téléphone avec la conversation qui s’anime à droite, étapes plates, mur de cartes, un seul bloc « Des prix simples » en fin de page avec les 3 réserves en lignes, et tous les CTA ouvrent WhatsApp.
PARCOURS INSPIRÉS DES LEADERS · SUPERPOWER
La structure premium de superpower.com : hero plein cadre sombre avec le prix dans la sous-ligne (« Dès 3 € la carte »), très grande typo, longue suite de bénéfices et de chiffres, comparatif « Hector vs les autres » (Figma 275:1068), puis une buy box tardive avec les 3 réserves juste avant la FAQ.
PARCOURS DES LEADERS · FINTECH CLAIRE + PAGE TARIFS
L’organisation de qonto.com : hero sombre à promesse courte + 3 preuves de confiance, « Comment ça marche » en onglets, blocs alternés image/texte, aperçu des 3 réserves avec badge et lien vers une vraie page Tarifs (/v/12/tarifs/) qui compare les réserves ligne par ligne.
PARCOURS DES LEADERS · LE CTA EST UN CHAMP
L’organisation de cloaked.com : le CTA du hero est un champ « Ton numéro WhatsApp » qui ouvre WhatsApp avec un message prêt pour Hector (le numéro n’est ni lu ni envoyé). La page alterne des sections crème et des sections encre profonde avec accents verts, et ajoute une grande démo animée du téléphone, des tuiles chiffrées, des tarifs avec bascule et badges de remise, et un tableau comparatif.
La version fidèle habillée de trois directions de couleur et de typographie, des « Propositions de charte » jusqu’à une direction volontairement éloignée.
TROIS PALETTES · CHARTE A
La 00 à l’identique (structure, textes, composants) habillée de la charte A « l’artisan du souvenir » : papier, kraft, terracotta, Fraunces + Plus Jakarta Sans — plus aucun vert WhatsApp hors du téléphone.
TROIS PALETTES · CHARTE E « LE MIX QUE TU AIMAIS »
La 00 à l’identique habillée de la charte E : papier et kraft de la piste A, framboise et prune de la piste C, Fraunces + Plus Jakarta Sans, avec des touches scrapbook (washi tape, cœur griffonné).
TROIS PALETTES · DIRECTION POSTALE
La 00 à l’identique dans une direction postale assumée, très loin du vert : marine dominant, jaune poste, papier crème et rouge tampon, DM Serif Display + Space Grotesk, timbres dentelés, tampons et liserés « par avion ».
Des concepts radicaux pour vérifier qu’il n’y a pas mieux à faire : toujours des sites complets, avec tous les contenus.
RIEN À VOIR · CONVERSATION
Le site entier devient une discussion WhatsApp avec Hector : il se présente, le visiteur répond par des réponses rapides, et chaque section arrive sous forme de message (vidéo, photo, liste, transfert).
RIEN À VOIR · BOÎTE AUX LETTRES
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).
RADICAL · SCROLLYTELLING
Le site devient une seule histoire qu’on fait défiler : une carte postale épinglée à l’écran change d’état chapitre après chapitre, de la galerie du téléphone à la boîte aux lettres, puis la réserve arrive comme « le billet pour la suite ».
RADICAL · JOURNAL ÉDITORIAL
Tout le site mis en page comme un quotidien imprimé : manchette datée, « À la une » avec la promesse d’Hector, rubriques, colonnes justifiées, légendes, photos noir et blanc, et le vert seulement en couleur d’accompagnement.