Marqevon — site corporate pour un négociant pétrolier physique

01Contexte

Un négociant principal, pas un courtier

Marqevon est un négociant principal en produits pétroliers physiques : il achète auprès de producteurs et de raffineurs et livre des raffineurs, des distributeurs, des compagnies aériennes, des opérateurs de services publics et des industriels. Son site s’adresse d’abord aux contreparties, puis aux banques et aux partenaires de financement du commerce, puis aux candidats, enfin à la presse et aux régulateurs.

Le travail a été guidé par la spécification dès le départ. Une spécification de 46 KB a fixé l’architecture de l’information, le design system et les 15 pages avant le développement, et elle s’ouvre en rejetant le brief habituel : dans ce secteur, le rôle d’un site n’est pas le marketing, c’est de projeter une légitimité vérifiable.

02Problème

Le canal de la fraude a son jargon

Le négoce physique de matières premières a un problème de fraude, et cette fraude a un vocabulaire : les courtiers informels se signalent par un ensemble reconnaissable de sigles d’instruments et de titres de mandat — TTT, TTV, DTA, ATB. Un négociant principal légitime de taille moyenne qui en emploie un seul passe pour l’un d’eux.

Tout le site devait donc répondre à une seule question, en sept langues, dont deux s’écrivent de droite à gauche.

« Cette entité est-elle réelle et vérifiable, ou n’est-ce qu’une façade de plus d’une chaîne de courtiers ? Concevoir pour que la réponse soit évidente dès le premier écran. »
— La spécification d’architecture de l’information et de design · Rédigée avant le développement, comme critère pour chaque page

03Recherche

L’espace que les majors ne revendiquent pas

Un benchmark concurrentiel a évalué le design visé face aux plus grandes maisons de négoce et à un groupe de pairs de taille moyenne. L’écart relevé méritait d’être occupé : aucune des majors ne met explicitement en avant une position antifraude, ni ne dit ce qu’elle ne fera pas.

Ce constat est devenu une structure plutôt qu’un slogan : un groupe « Ce que nous ne faisons pas » dans la FAQ, une invitation ouverte à la vérification indépendante, et une liste de termes que les textes ne doivent jamais employer.

Marqevon sur ordinateur — la liste de la FAQ, qui se termine par un groupe « Ce que nous ne faisons pas » sur les instruments bancaires loués et les remises sous le prix du marché — Figure 02La FAQ se termine sur ce que la société ne fera pas : instruments bancaires loués, allocations hors marché, remises garanties sous le prix du marché.

04Approche

Un instrument de précision pour un marché fondé sur la confiance

La spécification a fixé la direction en une ligne — « Un instrument de précision pour un marché fondé sur la confiance » —, quelque part entre un desk énergie institutionnel et un document d’inspection vérifié, et a nommé ce qu’il fallait éviter : le crème avec une serif et du terracotta, le noir avec un vert acide, et les filets fins comme seule esthétique.

Le travail a enchaîné benchmark, spécification et développement, puis une série de retours du client, et ces retours ont été audités face au code avant d’en appliquer le moindre.

Sur environ 67 instructions dans les retours du client, 33 ont passé l’audit sous forme de cartes ; 8 demandaient d’abord une correction, 22 étaient bloquées par des décisions en suspens, et 4 étaient des questions.

Quatre passes, chacune consignée par écrit

01
BenchmarkLes majors et les pairs de taille moyenne, évalués face au design visé
02
SpécificationArchitecture de l’information, design system et 15 pages

Marqevon sur ordinateur — sept étapes numérotées communes à tous les modes de livraison, de la qualification au rapprochement — Figure 03Une séquence commune à tous les modes de livraison : des preuves vérifiables de façon indépendante passent avant tout engagement financier.

05Solution

Le Ledger Reference System

La spécification dit où investir : « Mettre l’audace ici ; garder tout le reste discret. » La signature compte trois éléments — des pastilles de référence rattachées aux affirmations de crédibilité, des manifestes de données composés comme des certificats d’inspection à chasse fixe et à filets fins, et une barre d’identité à chasse fixe au pied de chaque page.

La palette est conçue pour elle : un fond pétrole abyssal, un acier maritime, un papier de document, le laiton comme unique accent, un bleu-vert « vérifié » tenu à distance du vert acide, et la rouille réservée aux signaux d’alerte. IBM Plex Mono porte chaque chiffre, chaque référence et chaque pastille.

En dessous : Payload 3.85 et Next.js 16.2 avec next-intl sur MongoDB — 10 collections et 4 globals —, servis par nginx, avec un formulaire de qualification des acheteurs qui note chaque demande et la signale au desk.

Marqevon sur ordinateur — le manifeste de gouvernance, un tableau à chasse fixe des faits d’identité, avec des pastilles de registre et de LEI et des valeurs encore « à fournir »

Marqevon sur ordinateur — trois produits présentés par spécification : gazole EN 590, Jet A-1 et naphta

Marqevon sur ordinateur — la règle de publication des références : uniquement après validation commerciale et juridique, sans nom de contrepartie

06Décisions clés

Cinq décisions sur la confiance

La plupart portent sur ce que le site refuse de dire.

01
Concentrer l’audace en un seul endroit
Une société de négoce qui a l’air « designée » passe pour du marketing. Le système de signature porte toute l’assurance visuelle et toutes les autres surfaces restent discrètes, si bien que ce sont les manifestes dont le lecteur se souvient.
Alternatives
Une marque affirmée sur toutes les surfaces
Compromis
Le site paraît dépouillé à qui attend une campagne.
02
Faire échouer le build quand une règle est enfreinte
Deux garde-fous tournent en CI. L’un échoue sur le vocabulaire du canal de la fraude et sur l’orthographe américaine dans les textes du site ; l’autre sur les utilitaires de mise en page à direction physique, les polices codées en dur et les chaînes non traduites. Le second a déjà attrapé un vrai oubli : un libellé d’accessibilité qui avait échappé à la traduction.
Alternatives
Un guide de style écrit
Compromis
Un garde-fou ne protège que les fichiers qu’il lit.
03

07Sept langues

Sept langues, dont deux de droite à gauche

L’anglais, le français, l’arabe, l’espagnol, le japonais, le chinois et le persan portent chaque clé de message en parité exacte — 222 clés dans chaque fichier au dernier commit. L’arabe et le persan reposent sur les propriétés logiques CSS, si bien que la mise en page se reflète au lieu d’être reconstruite.

Deux détails ne sont apparus qu’à l’usage. Un changement de police par langue écrit dans une couche de cascade était écrasé sans bruit ; il se trouve désormais hors des couches. Et les manifestes utilisent des chiffres tabulaires, si bien que les colonnes à chasse fixe restent alignées sous un texte de droite à gauche ou CJK.

Marqevon sur ordinateur — la page d’accueil en persan, en miroir de droite à gauche, navigation inversée

Marqevon sur ordinateur — la page d’accueil en arabe, en miroir de droite à gauche

08Toutes les pages

Trente-quatre pages, un seul système

Toutes les pages anglaises du déploiement, capturées le 26 septembre 2026 à 1 440 pixels de large et sur un téléphone de 390 pixels : les seize pages de premier niveau, le formulaire de qualification de l’acheteur, deux offres d’emploi, douze articles d’analyse et trois pages juridiques.

Les pages intérieures portent les mêmes manifestes de données à filets fins et la même barre d’identité à chasse fixe que les pages phares, et sur téléphone chaque page s’empile en une seule colonne, la navigation repliée derrière un bouton de menu. Sur la page d’accueil, le panneau des prix du marché est masqué.

Marqevon sur ordinateur — Accueil, le premier écran

Marqevon sur ordinateur — À propos, le premier écran

09Résultats

Déployé, pas lancé

Le site est déployé et en service, mais pas lancé : il n’a pas de domaine, reste volontairement hors des moteurs de recherche, et ses faits d’identité sont encore des valeurs provisoires. Les retours appliqués se trouvent dans un commit non poussé, pas sur le serveur. Il n’y a aucune mesure d’audience, seulement des contrôles de santé des conteneurs.

Tests d’intégration réussis: 142; Aux côtés du lint, des deux garde-fous et d’un build de production, sur la branche des retours.; Résultat mesuré · Tableau des retours de design, 7 septembre 2026
Cartes de retours appliquées dans le code: 32 / 33; Une en attente d’une décision ouverte ; aucune encore vérifiée sur une application en fonctionnement.; Résultat mesuré · Feuille de route des retours de design
Sauvegardes à restauration vérifiée: Chaque nuit, chacune restaurée pour prouver qu’elle fonctionne, plus un paquet de récupération avant toute version qui migre du contenu.; Livrable
Un déploiement par images immuables: Les versions sont livrées sous forme d’images figées ; le tag latest mutable et les mises à jour par interrogation sont abandonnés.; Livrable

Ce qui a été livré

Sept langues en parité
Deux garde-fous CI

10Ce que j’ai appris

Le dispositif de confiance qui ne faisait rien

01
Le résultat le plus utile a été une règle de lint
Encoder « ne pas parler le jargon du canal de la fraude » sous forme de garde-fou l’a fait passer d’une intention dont quelqu’un doit se souvenir à une propriété du dépôt.
02
Un garde-fou ne protège que ce qu’il lit
Le garde-fou de contenu analyse les fichiers de textes et de messages, pas les listes d’options du formulaire ; le formulaire de qualification des acheteurs propose donc encore deux des termes interdits comme options de livraison. Sur la seule page où la société filtre les autres, elle parle le jargon qu’elle interdit.
03
Un dispositif de confiance doit faire quelque chose
Les pastilles de référence nomment un registre ou l’index des LEI, mais ne renvoient vers aucun des deux. Tant qu’elles ne pointent pas vers un enregistrement réel, le dispositif de signature ne fait que ressembler à une vérification — l’échec exact que le projet voulait éviter.
04
Confirmer d’abord par écrit les décisions structurelles
Sept langues ont été livrées des semaines avant qu’un document de gouvernance du client ne qualifie la question des langues de non tranchée. Les garder était juste, car supprimer un travail fini et protégé est l’erreur la plus coûteuse, mais la décision devait être écrite avant que les clés n’existent.

Langue

Marqevon — site corporate pour un négociant pétrolier physique

Un négociant principal, pas un courtier

Le canal de la fraude a son jargon

L’espace que les majors ne revendiquent pas

Un instrument de précision pour un marché fondé sur la confiance

Quatre passes, chacune consignée par écrit

Le Ledger Reference System

Cinq décisions sur la confiance

Concentrer l’audace en un seul endroit

Faire échouer le build quand une règle est enfreinte

Sept langues, dont deux de droite à gauche

Trente-quatre pages, un seul système

Déployé, pas lancé

Ce qui a été livré

Le dispositif de confiance qui ne faisait rien

Le résultat le plus utile a été une règle de lint

Un garde-fou ne protège que ce qu’il lit

Un dispositif de confiance doit faire quelque chose

Confirmer d’abord par écrit les décisions structurelles

Faire remonter le risque juridique au lieu de trancher

Auditer les retours du client avant de les appliquer

Laisser des valeurs provisoires plutôt qu’inventer une identité