Marqevon — Unternehmensseite für einen physischen Ölhändler

01Kontext

Ein Eigenhändler, kein Makler

Marqevon ist ein Eigenhändler (kein Makler) im physischen Mineralölhandel: Das Unternehmen kauft bei Produzenten und Raffinerien und liefert an Raffinerien, Distributoren, Fluggesellschaften, Versorgungsunternehmen und Industriekunden. Die Website richtet sich zuerst an Gegenparteien, dann an Banken und Partner der Handelsfinanzierung, dann an Bewerber, dann an Presse und Aufsichtsbehörden.

Die Arbeit folgte von Anfang an einer Spezifikation. Eine 46 KB große Spezifikation legte Informationsarchitektur, Designsystem und alle 15 Seiten vor der Umsetzung fest, und sie beginnt damit, das übliche Briefing zu verwerfen: In dieser Branche besteht die Aufgabe einer Website nicht im Marketing, sondern darin, überprüfbare Legitimität auszustrahlen.

02Problem

Der Betrugskanal hat einen eigenen Jargon

Der physische Rohstoffhandel hat ein Betrugsproblem, und der Betrug hat ein Vokabular: Informelle Makler geben sich durch ein erkennbares Set von Instrumentenkürzeln und Mandatstiteln zu erkennen — TTT, TTV, DTA, ATB. Ein seriöser mittelgroßer Eigenhändler, der auch nur einen davon verwendet, wirkt wie einer von ihnen.

Die ganze Website musste also eine einzige Frage beantworten, in sieben Sprachen, zwei davon von rechts nach links geschrieben.

„Ist dieses Unternehmen echt und prüfbar, oder ist es die nächste Fassade einer Maklerkette? So gestalten, dass die Antwort schon auf dem ersten Bildschirm offensichtlich ist.“
— Die Spezifikation für Informationsarchitektur und Design · Vor der Umsetzung verfasst, als Prüfstein für jede Seite

03Research

Eine Lücke, die die Großen nicht besetzen

Ein Wettbewerbs-Benchmark bewertete das geplante Design im Vergleich zu den größten Handelshäusern und einer Reihe mittelgroßer Wettbewerber. Die gefundene Lücke war es wert, besetzt zu werden: Keiner der Großen vermarktet ausdrücklich eine Haltung gegen Betrug oder sagt, was er nicht tun wird.

Dieser Befund wurde zur Struktur statt zum Slogan: eine Gruppe „Was wir nicht tun“ in den FAQ, eine offene Einladung zur unabhängigen Überprüfung und eine Liste von Begriffen, die der Text nie verwenden darf.

Marqevon auf dem Desktop — die FAQ-Liste, die mit einer Gruppe „Was wir nicht tun“ zu geleasten Bankinstrumenten und Rabatten unter Marktpreis endet — Abbildung 02Die FAQ enden mit dem, was die Firma nicht tun wird: geleaste Bankinstrumente, Sonderkontingente außerhalb des Marktes, garantierte Rabatte unter Marktpreis.

04Vorgehen

Ein Präzisionsinstrument für einen Markt, der auf Vertrauen beruht

Die Spezifikation legte die Richtung in einer Zeile fest — „Präzisionsinstrument für einen Markt, der auf Vertrauen beruht“ —, irgendwo zwischen einem institutionellen Energie-Desk und einem geprüften Inspektionsdokument, und benannte, was zu vermeiden war: Creme mit Serifenschrift und Terrakotta, Schwarz mit Säuregrün und Haarlinien als gesamte Ästhetik.

Die Arbeit lief in dieser Reihenfolge: Benchmark, Spezifikation, Umsetzung, dann eine Runde Kundenfeedback, und das Feedback wurde am Code geprüft, bevor irgendetwas davon umgesetzt wurde.

Von rund 67 Anweisungen im Feedback des Kunden bestanden 33 die Prüfung als Karten; 8 brauchten zuerst eine Korrektur, 22 hingen an offenen Entscheidungen, und 4 waren Fragen.

Vier Durchgänge, jeder schriftlich festgehalten

01
BenchmarkDie Großen und mittelgroße Wettbewerber, gemessen am geplanten Design
02
SpezifikationInformationsarchitektur, Designsystem und 15 Seiten

Marqevon auf dem Desktop — sieben nummerierte Schritte, die für jeden Liefermodus gelten, von der Qualifizierung bis zum Abgleich — Abbildung 03Ein gemeinsamer Ablauf für jeden Liefermodus: Unabhängig überprüfbare Nachweise kommen vor jeder finanziellen Verpflichtung.

05Lösung

Das Ledger Reference System

Die Spezifikation sagt, wohin die Kühnheit gehört: „Die Kühnheit hier einsetzen; alles andere bleibt ruhig.“ Die Signatur hat drei Teile — Referenz-Chips an Glaubwürdigkeitsaussagen, Datenmanifeste, gesetzt wie Inspektionszertifikate in Monospace mit Haarlinien, und eine Monospace-Identitätsleiste am Fuß jeder Seite.

Die Palette ist darauf ausgelegt: ein abgründig dunkler Erdölgrund, maritimer Stahl, Dokumentenpapier, Messing als einziger Akzent, ein Verifikations-Türkis mit deutlichem Abstand zu Säuregrün und Rost nur für Warnsignale. IBM Plex Mono trägt jede Zahl, jede Referenz und jeden Chip.

Darunter: Payload 3.85 und Next.js 16.2 mit next-intl auf MongoDB — 10 Collections und 4 Globals —, ausgeliefert über nginx, mit einer Käuferqualifizierung, die jede Anfrage bewertet und für den Desk markiert.

Marqevon auf dem Desktop — das Governance-Manifest, eine Monospace-Tabelle mit Identitätsangaben, Referenz-Chips für Register und LEI und Werten, die noch nachgereicht werden

Marqevon auf dem Desktop — drei Produkte, nach Spezifikation aufgeführt: Diesel nach EN 590, Jet A-1 und Naphtha

Marqevon auf dem Desktop — die Regel für die Veröffentlichung einer Erfolgsbilanz: erst nach kaufmännischer und rechtlicher Prüfung, ohne Namen von Gegenparteien

06Entscheidungen

Fünf Entscheidungen über Vertrauen

Die meisten betreffen das, was die Website bewusst nicht sagt.

01
Die Kühnheit an einer Stelle bündeln
Eine Handelsfirma, die gestaltet aussieht, wirkt wie Marketing. Das Signatursystem trägt die gesamte visuelle Selbstsicherheit, alle anderen Flächen bleiben ruhig, sodass die Manifeste das sind, woran sich Leser erinnern.
Alternativen
Eine auffällige Marke auf jeder Fläche
Abwägung
Wer eine Kampagne erwartet, findet die Website karg.
02
Regeln den Build scheitern lassen
Zwei Wächter laufen in der CI. Der eine schlägt beim Vokabular des Betrugskanals und bei amerikanischer Schreibweise im Text der Website an, der andere bei Layout-Utilities mit physischen Richtungen, fest codierten Schriften und unübersetzten Strings. Der zweite hat bereits einen echten Fehler gefunden: ein barrierefreies Label, das der Übersetzung entgangen war.
Alternativen
Ein schriftlicher Styleguide
Abwägung
Ein Wächter schützt nur die Dateien, die er liest.
03
Rechtliche Risiken eskalieren, statt sie zu entscheiden

07Sieben Sprachen

Sieben Sprachen, zwei von rechts nach links

Englisch, Französisch, Arabisch, Spanisch, Japanisch, Chinesisch und Persisch führen jeden Nachrichtenschlüssel in exakter Parität — 222 Schlüssel pro Datei beim letzten Commit. Arabisch und Persisch laufen auf logischen CSS-Eigenschaften, sodass sich das Layout spiegelt, statt neu gebaut zu werden.

Zwei Details zeigten sich erst im Gebrauch. Ein Schriftwechsel pro Sprache, der innerhalb eines Cascade Layer stand, wurde stillschweigend überschrieben und steht deshalb jetzt außerhalb der Layer; und die Manifeste verwenden Tabellenziffern, damit Monospace-Spalten auch unter Rechts-nach-links- und CJK-Text bündig bleiben.

Marqevon auf dem Desktop — die persische Startseite, von rechts nach links gespiegelt, mit umgekehrter Navigation

Marqevon auf dem Desktop — die arabische Startseite, von rechts nach links gespiegelt

08Alle Seiten

Vierunddreißig Seiten, ein System

Jede englische Seite des Deployments, aufgenommen am 26. September 2026 bei 1.440 Pixeln Breite und auf einem 390 Pixel breiten Smartphone: die sechzehn Seiten der obersten Ebene, das Formular zur Käuferqualifizierung, zwei Stellenanzeigen, zwölf Fachartikel und drei Rechtsseiten.

Die Innenseiten tragen dieselben Datenmanifeste mit Haarlinien und dieselbe Monospace-Identitätsleiste wie die Vorzeigeseiten, und auf dem Smartphone stapelt sich jede Seite in einer Spalte, die Navigation hinter einem Menüknopf. Auf der Startseite ist das Feld mit den Marktpreisen abgedeckt.

Marqevon auf dem Desktop — Startseite, der erste Bildschirm

Marqevon auf dem Desktop — Über uns, der erste Bildschirm

09Ergebnisse

Bereitgestellt, nicht gestartet

Die Website ist bereitgestellt und läuft, ist aber nicht gestartet: Sie hat keine Domain, bleibt bewusst aus Suchmaschinen heraus, und ihre Identitätsangaben sind noch Platzhalter. Das umgesetzte Feedback liegt in einem nicht gepushten Commit, nicht auf dem Server. Es gibt keine Analytics, nur Health-Checks der Container.

Bestandene Integrationstests: 142; Neben Lint, beiden Wächtern und einem Produktions-Build, auf dem Feedback-Branch.; Gemessenes Ergebnis · Design-Feedback-Board, 7. September 2026
Im Code umgesetzte Feedback-Karten: 32 / 33; Eine wartet auf eine offene Entscheidung; noch keine an einer laufenden App verifiziert.; Gemessenes Ergebnis · Design-Feedback-Roadmap
Wiederherstellungsgeprüfte Backups: Jede Nacht, jedes einzeln wiederhergestellt, um zu beweisen, dass es funktioniert, dazu ein Recovery-Paket vor jedem Release, das Inhalte migriert.; Gelieferter Output
Ein Deployment mit unveränderlichen Images: Releases werden als feste Images ausgeliefert; das veränderliche latest-Tag und Updates per Polling sind abgeschafft.; Gelieferter Output

Was geliefert wurde

Sieben Sprachen in Parität
Zwei CI-Wächter

10Gelernt

Das Vertrauenselement, das nichts bewirkte

01
Das nützlichste Ergebnis war eine Lint-Regel
Seit „Sprich nicht den Jargon des Betrugskanals“ als Wächter kodiert ist, ist daraus statt einer Absicht, an die jemand denken muss, eine Eigenschaft des Repositorys geworden.
02
Ein Wächter schützt nur, was er liest
Der Content-Wächter prüft Text- und Nachrichtendateien, nicht die Optionslisten des Formulars, daher bietet das Formular zur Käuferqualifizierung noch zwei der verbotenen Begriffe als Lieferoptionen an. Auf der einzigen Seite, auf der die Firma andere prüft, spricht sie den Jargon, den sie verbietet.
03
Ein Vertrauenselement muss etwas bewirken
Die Referenz-Chips nennen ein Register oder den LEI-Index, verlinken aber auf keines von beiden. Solange sie nicht auf einen echten Eintrag verweisen, sieht das Signaturelement nur nach Verifikation aus — genau das Scheitern, das das Projekt vermeiden wollte.
04
Strukturelle Entscheidungen zuerst schriftlich bestätigen
Die sieben Sprachen waren Wochen fertig, bevor ein Governance-Dokument des Kunden die Sprachfrage als offen bezeichnete. Sie zu behalten war richtig, denn fertige, abgesicherte Arbeit zu löschen ist der teurere Fehler, aber die Entscheidung gehörte schriftlich festgehalten, bevor die Schlüssel existierten.

Sprache

Marqevon — Unternehmensseite für einen physischen Ölhändler

Ein Eigenhändler, kein Makler

Der Betrugskanal hat einen eigenen Jargon

Eine Lücke, die die Großen nicht besetzen

Ein Präzisionsinstrument für einen Markt, der auf Vertrauen beruht

Vier Durchgänge, jeder schriftlich festgehalten

Das Ledger Reference System

Fünf Entscheidungen über Vertrauen

Die Kühnheit an einer Stelle bündeln

Regeln den Build scheitern lassen

Rechtliche Risiken eskalieren, statt sie zu entscheiden

Sieben Sprachen, zwei von rechts nach links

Vierunddreißig Seiten, ein System

Bereitgestellt, nicht gestartet

Was geliefert wurde

Das Vertrauenselement, das nichts bewirkte

Das nützlichste Ergebnis war eine Lint-Regel

Ein Wächter schützt nur, was er liest

Ein Vertrauenselement muss etwas bewirken

Strukturelle Entscheidungen zuerst schriftlich bestätigen

Kundenfeedback prüfen, bevor es umgesetzt wird

Platzhalter lassen, statt Identität zu erfinden