22 directions

Avant de figer le site — Hector

Choisissez une direction

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.

  • 2 références
  • 5 réponses aux retours d’Arthur
  • 8 parcours inspirés des leaders
  • 3 palettes
  • 4 idées « rien à voir »

La version de référence.

Nouveau : la 21 reprend la 00 avec tous les retours d’Arthur (2e passe) et anime chaque section. La 00 reste la maquette codée page pour page, pour comparer.

Ouvrir le site ↗
21

La 00, animée

RÉFÉRENCE · RETOURS D'ARTHUR, 2e PASSE

La 00 (mêmes textes, même design system, même ordre) avec toutes les corrections du Loom d’Arthur appliquées section par section, et un site qui bouge au scroll : rapide, net, sans rien cacher en mouvement réduit.

Le labo des sections Choisir finement, section par section. Nouveau : « Pensé pour durer », 2e tour (6 pistes qui n’ont rien à voir, animées au scroll) et « Hero : image ou vidéo ? » (4 pistes). Plus les variantes du 1er tour, en desktop et en mobile. Ouvrir le labo →

Les retours d’Arthur.

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é.

Ouvrir le site ↗
01

La réserve à sa place

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.

Ouvrir le site ↗
02

Une page Tarifs

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.

Ouvrir le site ↗
03

Tout se joue dans WhatsApp

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.

Ouvrir le site ↗
04

Le calculateur de sourires

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.

Ouvrir le site ↗
05

La fiche produit, au bon endroit

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.

Huit parcours de leaders.

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.

Ouvrir le site ↗
06

Façon Neveo

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.

Ouvrir le site ↗
07

Façon Storyworth

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/).

Ouvrir le site ↗
08

Façon Remento

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.

Ouvrir le site ↗
09

Façon Touchnote

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.

Ouvrir le site ↗
10

Façon MelonPost

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.

Ouvrir le site ↗
11

Façon Superpower

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.

Ouvrir le site ↗
12

Façon Qonto

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.

Ouvrir le site ↗
13

Façon Cloaked

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.

Trois palettes.

La version fidèle habillée de trois directions de couleur et de typographie, des « Propositions de charte » jusqu’à une direction volontairement éloignée.

Ouvrir le site ↗
14

Kraft & Terracotta

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.

Ouvrir le site ↗
15

Framboise & Kraft

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é).

Ouvrir le site ↗
16

Bleu Poste

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 ».

Rien à voir.

Des concepts radicaux pour vérifier qu’il n’y a pas mieux à faire : toujours des sites complets, avec tous les contenus.

Ouvrir le site ↗
17

La conversation

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).

Ouvrir le site ↗
18

La boîte aux lettres

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).

Ouvrir le site ↗
19

Le voyage d’une carte

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 ».

Ouvrir le site ↗
20

La Gazette d’Hector

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.