← Directions

Avant de figer le site — section par section

Le labo des sections

Arthur a commenté trois sections. Pour chacune, huit pistes côte à côte, chacune en desktop et en mobile. Les aperçus sont de vraies pages : on peut cliquer, faire défiler, retourner la carte. Retiens ta préférée avec ☆, ta sélection s’affiche en bas.

  • Mêmes textes et mêmes prix que la 00
  • Vraies photos, timbres et tampons dessinés
  • A = la version fidèle (00), pour comparer

Section 1

« Pensé pour durer (vraiment) »

La carte postale annotée : ta photo plein cadre, un vrai timbre du lieu, ton mot écrit à la main, ta région marquée d’un cœur.

« Il faudrait plein d’itérations pour voir s’il n’y a pas un truc mieux à faire, vraiment, qui va dans des choses qui n’ont rien à voir. »Arthur

ABCDEFGH

Variante A : Fidèle (00)

La carte annotée de la 00 : les 4 flèches sont incrustées dans l’image, le texte est à droite. Le point de départ, pour comparer.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante B : La carte qu’on retourne

Recto : ta photo plein cadre. Verso : ton mot à la main, le timbre, le tampon et ta région. La carte se retourne au survol (ou au toucher) et les annotations suivent la face visible.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante C : La loupe sur 4 détails

La vraie carte, sans flèches, avec 4 points numérotés : une loupe vient grossir chaque détail (photo, timbre, mot, région), en boucle ou au clic dans la liste.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante D : Le timbre, pièce de collection

On sort du produit : le timbre de Moorea et son tampon présentés comme dans un album de philatélie, sur fond sombre. La carte devient un objet qu’on garde.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante E : La carte dans 20 ans

Un curseur fait vieillir la carte de 2026 à 2046 (sépia, taches, coin corné) et le tampon garde la date. Montre « Dans vingt ans, ils sauront quand c’était ».

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante F : Vue éclatée des couches

La carte démontée en 4 couches superposées (papier et région, photo, mot, timbre et tampon), comme une fiche technique. Un bouton la réassemble.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante G : Sur le frigo, parmi les autres

Mise en situation : la carte tenue par un aimant Hector sur une porte de frigo, entre une photo de famille et un post-it, à côté de l’avis de Marine (« elle a mis la carte sur son frigo »).

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante H : L’étiquette produit

Façon étiquette nutritionnelle : la composition d’une carte (1 photo, 1 mot, 1 vrai timbre, tampon daté, 72 h…) jusqu’à « à consommer avant : jamais ».

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Section 2

« Ta réserve » : où et comment vendre les 3 offres

Chaque variante dit où elle se place dans la page et quel leader le fait. Veille : aucun leader ne met un sélecteur de 3 packs sous une galerie photo ; ceux qui vendent des packs utilisent des cartes tarifaires, une page dédiée ou un prix « dès » dans le bouton.

« C’est pas cohérent de mettre ça ici. Aucun site ne fait ça. Il faut le changer de place et refaire de la veille. »Arthur

ABCDEFGH

Variante A : Fidèle sous la galerie (00)

La version actuelle : galerie produit, sélecteur des 3 offres et fiche détail, comme une fiche produit.

OùMilieu de page, juste après les témoignages vidéo.

Vu chezRemento : fiche produit avec galerie au milieu de la home, mais avec un prix unique (remento.co). Personne ne le fait avec 3 packs.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante B : 3 cartes tarifaires avant la FAQ

Le classique : 3 cartes côte à côte, Le Voyage mis en avant, prix par envoi en gros, ce qui est inclus en une ligne dessous.

OùAprès les témoignages et la preuve sociale, juste avant la FAQ.

Vu chezNeveo, « Des prix clairs. Sans surprise. » après les témoignages (neveo.io) ; badge sur l’offre du milieu comme Qonto (qonto.com/fr/pricing).

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante C : Sélecteur de crédits (Touchnote)

Les réserves présentées comme des crédits : lignes radio avec le prix par carte qui baisse (barre), récapitulatif collant à droite et mini-FAQ sur les envois.

OùPage /tarifs, ouverte par « Tarifs » dans le menu. La home ne montre plus de grille.

Vu chezTouchnote, page « credits » (touchnote.com/credits) ; Fizzer, crédits dans l’appli (app.fizzer.com/credits).

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante D : Calculateur « combien de cartes cette année ? »

On compte ses occasions (anniversaires, fêtes, « je pense à toi ») et Hector recommande la bonne réserve, avec ce qu’il restera (valable à vie).

OùAprès « Hector n’oublie personne » (les rappels), avant la FAQ.

Vu chezAucun leader de la veille ne le fait : idée Hector, inspirée du recadrage « $0.55 / day » de Superpower (superpower.com).

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante E : Le choix dans WhatsApp

Pas de grille sur le site : après l’aperçu, Hector propose les 3 réserves dans une liste WhatsApp, puis envoie un lien de paiement sécurisé.

OùDans la conversation, après la validation de l’aperçu. Sur la page, une section explique le principe.

Vu chezMelonPost, cartes postales par WhatsApp avec lien de paiement Stripe dans le chat (melonpost.com) ; Postcard Bot (Messenger).

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante F : Le prix dans le CTA du hero, le choix au tunnel

Le bouton du hero affiche « dès 3 € l’envoi » ; les 3 réserves ne se choisissent qu’à l’étape 1 du tunnel, sur un écran dédié.

OùDans le bouton du hero, puis à l’étape 1 de /commande.

Vu chezStoryworth, « Buy now — starting at $69 » puis page /purchase (welcome.storyworth.com) ; Neveo, « Votre premier journal pour 4,95 € ».

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante G : Tableau comparatif des 3 réserves (Qonto)

Note Trustpilot au-dessus, 3 colonnes avec prix, prix de référence et économie, puis tout ce qui est inclus. En mobile, un sélecteur à 3 onglets.

OùPage /tarifs (lien « Tarifs » du menu). L’accueil n’affiche aucun prix.

Vu chezQonto /pricing, 3 offres puis tableau (qonto.com/fr/pricing) ; Cloaked /plans (cloaked.com/plans).

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante H : La barre collante « dès 3 € »

Une barre reste en bas de l’écran sur toute la page ; elle s’ouvre sur les 3 réserves et le bouton d’achat, sans section dédiée.

OùCollée en bas de l’écran dès la fin du hero, sur toute la page.

Vu chezSuperpower, barre collante « Get $150 off » qui renvoie au buy box (superpower.com) ; la maquette Figma prévoyait déjà un CTA collant mobile.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Section 3

Le comparatif « Toutes les façons d’envoyer un souvenir »

Le problème : la colonne de gauche répète les lignes de la colonne Hector. Chaque variante supprime la répétition d’une manière différente.

« Tu penses que c’est vraiment utile au final, si on se répète à droite ? »Arthur

ABCDEFGH

Variante A : Fidèle 3 colonnes (00)

Libellés à gauche, colonne Hector, colonne « les autres » : la colonne de gauche redit la colonne Hector. C’est ce qu’Arthur reproche.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante B : 2 colonnes, sans libellés répétés

On supprime la colonne de libellés : le libellé et son explication passent dans la colonne Hector, en face de ce que font les autres. Plus aucune répétition.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante C : Colonne Hector pleine verte (Samara)

Figma 179:17660 : la colonne Hector en vert plein avec des coches seules, face à 3 vraies alternatives (applis photo, La Poste, imprimer). Le tableau se lit en une seconde.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante D : Une carte par critère

Figma 329:2635 : chaque critère devient une carte, avec une pastille verte « Hector » contre une pastille grise « les autres ». Le pattern mobile, étendu au desktop en grille 3 × 2.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante E : Chronomètre 30 s vs étapes des autres

30 secondes chrono pour Hector (les 3 étapes) face à la liste des corvées des autres. On compare un geste à une liste, sans tableau.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante F : Avant / après

Un seul bloc qui bascule : « Avant » (gris, les corvées) puis « Avec Hector » (vert, les réponses). Bascule automatique, ou au clic.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante G : Ce que tu n’as plus à faire

Une to-do barrée : chaque corvée des autres est rayée en vert et la réponse d’Hector apparaît dessous. Pas de logos concurrents.

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…

Variante H : Hector face à 3 alternatives

4 cartes côte à côte (Hector, applis photo, La Poste, imprimer) avec un score sur 6, le prix « dès 3 € » et la date de la comparaison (idée de Figma 275:1068).

Ouvrir en grand
Desktop · 1440
Chargement…
Mobile · 390
Chargement…