CO2TKN · Corporate Design System, Website und Plattform-UI
Ein geprüfter Standard – von der öffentlichen Website bis zum Multi-Asset-Portfolio.
CO2TKN ist digitale Infrastruktur für geprüfte Umweltzertifikate — CO₂-Zertifikate, Herkunftsnachweise, Energieeffizienzzertifikate, Wasser, Kunststoff und Wasserstoff — tokenisiert auf Algorand und dauerhaft mit ihrem Ursprungsregister verknüpft. Die Zielgruppen sind ESG- und Finanzverantwortliche in Unternehmen, Compliance-Beauftragte und institutionelle Investoren.
Die Aufgabe war nie eine Website. Es ging um einen visuellen und funktionalen Standard, der stark genug ist, eine öffentliche Marketing-Site, ein institutionelles Dokumentenset und eine Live-Oberfläche für ein Multi-Asset-Portfolio zu tragen — damit das Produkt nie wie ein anderes Unternehmen wirkt als der Pitch.
Project scope
Three connected areas of work.
Corporate Design System
Tokens, Typografie, Komponenten, Muster, Motion, Datenregeln und Dokumentvorlagen — eine Dark-First-Identität auf Basis von Poppins mit einem einzigen Smaragdakzent, geregelt durch eine 90/8/2-Verteilung.
Institutionelle Website
Fünf zielgruppengeführte Wege — Funktionsweise, für Unternehmen, für Investoren, Vertrauen & Compliance, Zugang anfragen — zusammengesetzt aus wenigen wiederverwendbaren Blöcken, damit eine Compliance-Seite und eine Investorenseite sich nie widersprechen.
Multi-Asset-Plattform-UI
Eine responsive Oberfläche über sieben Anlageklassen, mit CSRD/ESRS-Wirkungsmessung, On-Chain-Verifizierung, Lieferpipeline, Qualitätsbewertung und einer Compliance-First-Kaufanfrage — Desktop, iPad und Mobil aus einem Komponentenset.
The challenge
What the business had to resolve.
CO2TKN verkauft Vertrauen in einem Markt, in dem Vertrauen das Produkt ist. CO₂-Aussagen stehen unter Beobachtung, die Käufer sind CFOs und Compliance-Beauftragte, und das zugrunde liegende Asset ist am Ende eine Seriennummer in einem Register. Alles, was die Marke tut, muss prüfbar wirken statt werblich — und dabei einen wirklich komplexen Lebenszyklus für Menschen erklären, die keine CO₂-Spezialisten sind.
- Ein tokenisiertes CO₂-Angebot, das als institutionelle Infrastruktur gelesen werden muss und nicht als Krypto-Projekt
- Drei unterschiedliche Zielgruppen — Unternehmens-ESG, institutionelle Investoren, Compliance — bedient von einer Plattform
- Sieben Anlageklassen mit verschiedenen Registern, Anwendungsbereichen und Einheiten in einer einzigen Oberfläche
- Dichte Ledger-Daten — Seriennummern, Tonnagen, Jahrgänge, Hashes — die typografische Regeln brauchen statt Dekoration
- Regulatorische und Risikosprache, die wortgetreu erscheinen muss, ohne die Seite zu erdrücken, auf der sie steht
- Eine öffentliche Website und ein Live-Produkt, die in zwei verschiedene visuelle Sprachen auseinanderlaufen
What n-2v changed
Identity, website, product interface and operating model, designed as one system.
-
Dark-First-Identität mit diszipliniertem Akzent
Nahezu schwarzer Grund, ein Smaragdton, ein kühles Grau. Das Grün ist Handlungsaufforderungen, aktiven Zuständen und Schlüsselzahlen vorbehalten, unter einer 90/8/2-Verteilung — wenn auf dieser Plattform etwas grün wird, bedeutet es etwas.
-
Zwei Schriften mit festen Aufgaben
Poppins trägt jede Interface-Oberfläche. IBM Plex Mono trägt Seriennummern, Tonnagen, Zeitstempel und Tabellenspalten. Source Serif 4 trägt Whitepaper und Offenlegungen. Diese Arbeitsteilung ist fixiert — und genau das verhindert, dass das System auseinanderläuft.
-
Wiederholbare Blöcke statt maßgeschneiderter Seiten
Navigation, Hero, Prozess-Stepper, Feature-Raster, Offenlegungspanel und CTA, in festem Rhythmus angeordnet — eine neue Zielgruppenseite ist damit Montage statt Designprojekt.
-
Datenmuster als funktionale Regeln
Tabellenziffern, rechtsbündige Ledger, Status-Chips, Qualitätsbewertungen und ein Offenlegungspanel, das sich den Akzent nie ausleiht. Compliance-Inhalte lesbar gemacht, ohne sie alarmierend zu machen.
-
Ein Komponentenset über Desktop, iPad und Mobil
Das Dashboard fällt vom vierspaltigen Desktop-Raster auf ein zweispaltiges Tablet-Layout und auf eine einzelne mobile Spalte, ohne Hierarchie zu verlieren — gleiche Karten, gleiche Regeln, gleiche Lesereihenfolge.
-
GRID-OS angewendet auf ein maßgeschneidertes Produkt
Das Betriebsmodell, das N-2V für Retainer-Kunden führt — Prioritäten, Roadmap, Lieferung, Reporting — wurde auf einen individuellen Plattformbau angewendet. Identität, Website und Produktoberfläche liefen als eine 90-Tage-Roadmap statt als drei getrennte Beschaffungen.
-
Individuelle Lösungen in einem festen Betriebsrhythmus
GRID-OS setzt nichts von der Stange voraus. Hier umschloss es maßgeschneiderte Entwicklung — Registerintegrationen, Tokenisierungsflüsse, CSRD/ESRS-Reporting — als Roadmap-Positionen mit derselben Priorisierung, Übergabe und Reporting-Disziplin wie die Website, damit die individuelle Spur nie zur ungesteuerten wurde.
The outcome
What changed for the business.
Diese Ergebnisse sind qualitativ und in der gelieferten Identität, Website und Plattform-Oberfläche sichtbar. Es werden hier keine Traffic-, Conversion- oder Handelsprozente behauptet: Die Messung wurde als Teil der GRID-OS-Reporting-Ebene aufgesetzt und sollte nach dem Livegang gegen eine vereinbarte Baseline gelesen werden.
- Ein wiedererkennbarer institutioneller Standard über Marketing-Site, Produktoberfläche und Dokumentenset hinweg
- Sieben Anlageklassen vereint in einem einzigen Navigations- und Komponentenmodell
- Compliance-, Risiko- und Offenlegungsinhalte mit fester, ehrlicher visueller Behandlung statt Ad-hoc-Gestaltung
- Register- und On-Chain-Nachweise lesbar gemacht für Entscheider ohne Fachhintergrund
- Ein responsives System, das auf Desktop, iPad und Mobil trägt — ohne separates Redesign
- Eine maßgeschneiderte Plattform, geliefert innerhalb eines wiederholbaren Betriebsmodells statt als Einzelprojekt
- Wiederverwendbare Regeln, die subjektive Entscheidungen aus der nächsten Seite, Präsentation oder Unterlage herausnehmen
The delivered system
How the system works in practice.
Visual proof
One standard, two surfaces.
The public website and the live platform interface, built from the same tokens, components and data rules.
“In einem Markt, der Verifizierung verkauft, muss die Oberfläche wie ein Nachweis aussehen. Jede Regel in diesem System existiert, um eine Aussage überprüfbar zu machen statt beeindruckend — und GRID-OS ist das, was Identität, Website und ein maßgeschneidertes Produkt auf derselben Roadmap gehalten hat statt auf drei verschiedenen.”
Run your custom build inside one operating model.
GRID-OS sequences strategy, identity, interface and delivery against one roadmap — including bespoke product work. A short call is enough to establish whether this way of working fits your organisation.
Book a GRID-OS Discovery Call