Le site vitrine

Le produit avait dépassé son premier site.

Le premier site est sorti en juillet, pendant le même sprint de deux semaines que l’app : 86 pages, faites pour mettre Clivio en ligne vite. En octobre, le produit avait trouvé son cap : deux offres, un public clair, la facturation électronique au centre. J’ai relu le site ligne à ligne, comme je relis celui d’un client, pour que chaque phrase colle à ce que fait le produit aujourd’hui.

Puis j’ai préféré un nouveau design à une série de retouches. Le 14 octobre, le premier commit d’un nouveau dépôt a mis 92 pages en ligne d’un coup, générées à partir des planches de la maquette validée, et ce dépôt est la source depuis. Le même jour, clivio.app a été fermé aux moteurs de recherche, et chaque page qui a son équivalent sur clivio.fr y redirige désormais. Quatre jours plus tard, l’accueil est passé sur une autre planche : le classeur ci-dessus.

Quinze outils gratuits, et aucun n’envoie votre fichier où que ce soit.

La facturation électronique devient obligatoire en France, et l’accueil compte les jours qui restent avant que les entreprises doivent en émettre, le 1er septembre 2027. On cherche « comment ouvrir cette facture Factur-X ? » bien avant de chercher un coffre-fort de documents. Le site répond donc à cette question avec des outils qui marchent tout de suite : lire une facture électronique en clair, en extraire le XML, la convertir en PDF, renommer un dossier de factures, créer une facture Factur-X, vérifier un SIREN ou un numéro de TVA, calculer la TVA ou des pénalités de retard, rédiger une lettre de préavis.

Le tracking, c’est mon métier : le site a eu le plan que j’écrirais pour un client.

Rien ne se charge avant le consentement. La bannière est faite maison, avec « Tout refuser » aussi visible que « Tout accepter », comme le demande la CNIL. Google Analytics 4 et Microsoft Clarity ne démarrent que si le visiteur accepte, et son choix le suit dans l’app, mesurée comme un seul parcours sur les deux domaines. Les liens vers l’app disent d’où vient le visiteur (la page, la campagne, le site d’origine) sans rien stocker sur l’appareil. Et les conversions elles-mêmes sont envoyées par l’app, depuis le serveur : un script bloqué ne peut pas faire perdre une inscription.

Une fois en ligne, le site est devenu la référence de l’app.

Chaque promesse de clivio.fr est devenue un point à vérifier dans l’app. Le 17 octobre, une série de commits a mis le code d’accord avec le site, avec une règle écrite noir sur blanc dans un message de commit : le site clivio.fr fait foi. Depuis, ça marche dans les deux sens.

Sur téléphone

Les intercalaires marchent aussi sur un petit écran, avec des onglets d’un seul mot. Le menu devient un panneau où chaque menu s’ouvre comme un écran à part, les tableaux deviennent des cartes, et le fil d’Ariane se réduit à un lien retour. Pas de barre d’appel à l’action collée en bas non plus : elle aurait caché le texte de 84 pages.

Sous le capot

Petit exprès. Un site vitrine doit être rapide à charger, et rapide à changer.

• Next.js 16 et React 19, avec deux mises en page racines : le français à la racine de clivio.fr, l’anglais sous /en, chaque page avec sa jumelle.
• Ni kit d’interface ni framework CSS. Chaque page a sa feuille de style, limitée par :where(), si bien qu’une correction sur la page française vaut pour l’anglaise.
• Deux polices, Schibsted Grotesk et IBM Plex Mono, servies par le site lui-même, avec une Arial de secours recalée sur leurs proportions : sur ordinateur, le saut au chargement des polices est passé de 417 à 23 pixels.
• Pas de SDK Firebase : le formulaire de contact et la page statut parlent à Firestore par son API REST.
• Cinq scripts de contrôle gardent ce qui casse facilement : titres de partage, consentement, dates, langues et outils de facture.
• La passe PageSpeed du 19 octobre a fait passer le plus grand affichage sur mobile (LCP) de 3,4 à 2,5 secondes.