Étude de cas · Produit en propre, en production

Clairvin

Le SaaS qui rend l’e-étiquette d’un vin conforme au règlement européen, en cinq minutes par cuvée.

Rôle : conception, développement, déploiement2024 — 2025Durée : 3 à 5 semaines, de la première maquette à la mise en productionNext.js · Supabase · Stripe · Vercelclairvin.com
La même e-étiquette Château Vireloup 2022 sur deux téléphones : en français à gauche, en anglais à droite. Une seule adresse, deux langues.
01/ Le contexte

Une obligation légale, sans outil pour y répondre

Depuis décembre 2023, le règlement européen 2021/2117 impose à chaque vin du millésime 2024 et suivants une e-étiquette accessible par QR code : ingrédients, valeurs nutritionnelles, allergènes. Clairvin est un SaaS que j’ai conçu, développé et déployé seul pour répondre à cette obligation.

02/ Le problème

Une information qui ne tient pas sur une bouteille

  1. 01

    L’information doit être lisible dans la langue du pays de vente — jusqu’à 24 langues officielles de l’UE. Physiquement impossible sur une bouteille.

  2. 02

    Le règlement interdit tout contenu marketing et toute collecte de données sur l’e-étiquette. Les raccourcisseurs de QR classiques placent donc le producteur hors la loi sans qu’il le sache.

  3. 03

    Le QR est imprimé sur la bouteille : l’URL ne peut plus jamais changer, alors que son contenu doit rester corrigeable pendant toute la vie du millésime.

03/ La solution

Une URL permanente par cuvée, un contenu qui reste modifiable

Le producteur saisit une cuvée une fois : ingrédients, analyse nutritionnelle, allergènes, mentions obligatoires. Clairvin génère une page conforme, traduite, servie sur une URL permanente, et le QR code prêt pour l’imprimeur : en PDF vectoriel, aux dimensions de l’étiquette.

Aucun tracking, aucune redirection publicitaire, aucun contenu commercial sur la page publique. La conformité est la fonctionnalité.

Liste des cuvées dans l’espace producteur : millésime, catégorie, volume, TAV, statut de publication et nombre de scans pour chaque vin.
04/ Décisions clés

Quatre choix qu’il a fallu défendre

Pourquoi une URL par cuvée, et non un QR dynamique ?

Un QR dynamique passe par un service de redirection : si ce service ferme ou change de propriétaire, des dizaines de milliers de bouteilles pointent vers le vide. L’URL de Clairvin est servie depuis un domaine que le producteur peut reprendre à son nom, et la page reste accessible même si son abonnement s’arrête. La permanence est une obligation réglementaire, pas une fonctionnalité premium.

Pourquoi des traductions figées plutôt qu’une traduction automatique ?

Les mentions obligatoires ont une formulation légale exacte dans chaque langue. Elles sont stockées comme un catalogue de termes validés, pas traduites à la volée : le producteur ne saisit que des valeurs, jamais des phrases. Les champs de texte libre sont limités à ce que le règlement autorise, et ils sont explicitement listés dans le formulaire.

Pourquoi aucune analytique sur la page publique ?

Le règlement interdit la collecte de données sur l’e-étiquette, et le RGPD encadre le reste. La page publique ne charge donc ni cookie, ni script tiers, ni police distante. Les statistiques utiles au producteur — le nombre de scans par cuvée — sont comptées côté serveur, sans identifiant ni cookie, et ne quittent pas l’application.

Pourquoi trois schémas d’adressage simultanés plutôt qu’un seul ?

Une e-étiquette peut être servie sur `chateau-x.clairvin.com`, sur `clairvin.com/e/{slug}`, ou sur un domaine appartenant au producteur (`etiquette.chateau-x.fr`) raccordé via l’API Domains de Vercel. Les trois pointent le même contenu et restent valides ensemble, parce que le QR est déjà imprimé quand le producteur décide de passer à son propre nom. C’est la même exigence que la permanence de l’URL, poussée un cran plus loin : ce n’est pas Clairvin qui doit rester en vie, c’est l’adresse.

05/ Visuels

L’écran et la bouteille

Panneau de publication : quatorze conditions de conformité, treize vertes, une rouge — les ingrédients manquent — et le bouton Publier désactivé.
1440 px · l’écran qu’aucun raccourcisseur de QR ne montre
L’e-étiquette telle qu’elle s’ouvre après un scan : sélecteur de langue, ingrédients, valeurs nutritionnelles, mention des sulfites.
390 px · la vue que voit l’acheteur
06/ Sous le capot

Le modèle de données, le rendu, le poids

L’ossature tient en trois tables — tenants, wines, elabels — et le contenu réglementaire dans trois autres : wine_ingredients, wine_nutrition, wine_allergens. Les mentions obligatoires ne sont jamais saisies en toutes lettres : elles viennent de term_translations et des catalogues (ingredient_catalog, allergen_catalog, additive_categories), seule source pour ces champs. Une table de pierres tombales, deleted_elabel_slugs, retient l’adresse de chaque e-étiquette supprimée pour qu’elle ne soit jamais réattribuée.

Pages publiques statiques régénérées à la modification, servies depuis le CDN européen. Le QR est produit en SVG puis composé en PDF vectoriel aux cotes de l’étiquette. L’espace producteur est une application authentifiée séparée du domaine public. Un schéma parallèle /01/{gtin} conforme à GS1 Digital Link est déjà en place, prêt pour le moment où la filière basculera dessus, vers 2027.

Page publique sans script tiers ni police distante : premier rendu sous 1 seconde en 4G. Le scan se fait souvent dans un chai ou un rayon, avec un mauvais réseau. C’est la contrainte qui a dicté le budget de poids.

07/ Résultats et livrables

Ce que ça a produit

3–5semaines du premier écran à la mise en production
24langues officielles couvertes par le catalogue de termes
5 minpour qu’une cuvée soit conforme et son QR prêt pour l’imprimeur
0script tiers sur la page publique

Clairvin est un produit que je porte moi-même, et il n’a pas encore d’utilisateur payant. Ce qui est démontré ici n’est donc pas une traction commerciale, c’est une chaîne complète : lire un règlement européen, en tirer un modèle de données, et mettre le résultat en production en trois à cinq semaines, seul. C’est exactement le travail que vous achetez quand vous faites construire un produit.

  • Application en production et domaine
  • Dépôt de code et accès complets
  • Documentation d’exploitation
  • Gabarits QR prêts pour l’imprimeur

Un projet du même ordre ? Décrivez-le en cinq lignes.

Réponse sous 1 heure, chiffrage sous 24 h, en journée ouvrée. Un message n’engage à rien.

ou hello@site.fr