Wie aus der Idee eine Website wurde: unsere Umsetzung für die IFRC-Kampagne Earth’s Missing Treaty
Seit 1967 schützt ein internationales Abkommen Astronaut:innen. Wer im Orbit in Not gerät, hat einen Vertrag im Rücken, den die Staatengemeinschaft unterschrieben hat. Menschen, die auf der Erde von einer Katastrophe getroffen werden, haben das nicht.
Aus dieser Lücke hat Weber Shandwick für das IFRC – die Internationale Föderation der Rotkreuz- und Rothalbmond-Gesellschaften (die weltweit größte humanitäre Organisation) – die Kampagne „Earth’s Missing Treaty“ konzipiert. Sie richtet sich an die UN-Mitgliedsstaaten, die bis Ende 2027 über ein Abkommen zum Schutz von Menschen in Katastrophen entscheiden sollen. Vorgestellt wurde sie im September 2026 in New York, mit einem Press Briefing vor Delegierten und einer Astronautin und einer Pressekonferenz bei den Vereinten Nationen. 360VIER haben die Website dazu entwickeln dürfen.
Unsere Rolle in der Kampagne
Weber Shandwick hatte den Creative Lead und den Campaign Lead. Dazu gehörten Idee, Story, Film, Billboards und die Zusammenarbeit mit den Astronaut:innen und der IFRC. Wir durften uns komplett auf das konzentrieren, was wir am besten können: die technische Umsetzung und die UX-Adaption der Landingpage. Keine Reibung, keine Revierkämpfe. Diese Aufteilung stand ab Minute eins und hat einfach funktioniert.
Dass das Budget knapp war, wussten wir. Wir haben trotzdem sofort zugesagt – wegen der Idee. Sie bricht ein juristisch hochkomplexes Thema auf einen einfachen Vergleich herunter, den man auf Anhieb greift. Und sie holt sich die Nötige Glaubwürdigkeit genau dort, wo sie am stärksten ist: bei Menschen, die unsere Erde von oben gesehen haben. Denn seien wir ehrlich: Wenn deine Kampagne auf weltweiten Billboards läuft und eine Pressekonferenz in New York hat, darf die Landingpage nach allem aussehen – nur nicht nach Sparflamme.
Was Cursor am Takt des Projekts ändert
Der Termin in New York stand fest. Dass Entwicklung und Abstimmung trotzdem Hand in Hand gingen, liegt an unserer Entwicklungsumgebung. Wir nutzen Cursor als Arbeitsoberfläche, weit über Autovervollständigung hinaus: für Codegenerierung, Debugging, Refactoring und vor allem für Prototyping bis zum MVP.
Tempo durch KI, Qualität durch Mensch
Der erste klickbare Stand lag Anfang August vor. Weber Shandwick konnte deshalb an einer laufenden Seite Feedback geben statt an Screens. Über zwei Monate entstanden 59 Commits. Das folgt dem Grundsatz aus unserem Manifest zu Human × AI: Die Maschine liefert Geschwindigkeit, die Entscheidung trifft das Team.
Detailkorrekturen ohne Warteschleife
Der größere Effekt zeigte sich in den Abstimmungsrunden. Die Anmerkungen kamen kleinteilig und in Serie: Astronaut kleiner, weiter rechts, Textblöcke in eigene Boxen, auf Mobile mehr Luft zwischen den Infoblöcken, damit die Erdrotation sichtbar bleibt, Plus-Marker vereinheitlichen, Share-Icon tauschen etc.. Aber zwischen Anmerkungen und neuem Stand lag oft derselbe Tag.
Agile Taktfrequenz: KI-Entwicklung statt starrer Wochenzyklen
In einer klassischen Aufstellung wäre daraus eine Ticketliste mit Wochenzyklus geworden. Hier lag zwischen Anmerkung und neuem Stand oft derselbe Tag. Die Korrektur- und QS-Schleifen liefen nahezu fluid von der Anmerkung zur Dev-Ausgabe. KI-gestützte Entwicklung zeigt sich für eine Agentur weniger im Angebot als in der Taktfrequenz der Zusammenarbeit. Eine Kampagne mit festem Termin verträgt keine Wochenzyklen.
Gebaut für die Infrastruktur der IFRC
Die Kampagnen Website läuft unter disasterlaw.ifrc.org in der Infrastruktur der IFRC. Wir haben sie als komplettes statisches Paket übergeben, inklusive Betriebsanleitung.
SEO-optimiert: Barrierefrei & KI-lesbar ohne JavaScript
Die Inhalte aller vier Sprachen liegen als JSON vor. Ein eigenes Node-Skript erzeugt daraus je Sprache eine fertige HTML-Seite. Im Frontend arbeiten HTML5, CSS3, JavaScript als ES Modules und native Web Components. Der 3D-Globus nutzt three.js, selbst gehostet. Weil der Inhalt immer im HTML steht, bleibt die Seite ohne JavaScript lesbar, für Menschen wie für KI-Systeme, die Websites auslesen. Text und Layout bleiben damit getrennt. Jede Sprachfassung entsteht aus demselben Aufbau, und eine Übersetzung betrifft nur ihre eigene Datei.
Mehrsprachige Kampagnenseite mit arabischer RTL-Fassung
Englisch, Französisch, Spanisch und Arabisch laufen je als eigene Seite mit hreflang-Auszeichnung. Für Arabisch reicht das Attribut dir=“rtl“ nicht. Das Layout arbeitet an rund 110 Stellen mit logischen CSS-Eigenschaften. Sie beziehen Abstände und Ausrichtung auf Anfang und Ende einer Zeile. Wechselt die Leserichtung, spiegelt sich die Seite deshalb selbst. Dazu kommen 19 gezielte Korrekturen an Stellen, wo Spiegelung eine gestalterische Entscheidung ist: Navigation, Bildlogik, Richtungspfeile. Die arabische Fassung hat eine eigene Schrift und den Film in arabischer Fassung mit arabischen Untertiteln. So wirkt sie wie eine eigene Seite und nicht wie eine Übersetzung.
Medien nativ eingebunden
Alle Medien liegen auf der Domain der IFRC. Die Filme laufen als natives HTML5-Video ohne YouTube oder Vimeo, in mehreren Formaten je Sprache, dazu zwölf Testimonial-Clips. Die Untertitel liegen als eigene Spur über dem Video und wechseln mit der Sprache, was eingebrannte Untertitel nicht könnten.
Im Auslieferungszustand lädt die Seite nichts von Dritten. Schriften, Texturen und Bibliotheken kommen von der eigenen Domain, Tracking ist nicht eingebunden. Ein Cookie-Banner entfällt, weil es nichts zu fragen gibt. Den Security-Review der IFRC vom 1. September hat die Seite bestanden. Content-Security-Policy und Security-Header liefern wir mit fertigen Server-Konfigurationen aus.
Was das für Projekte dieser Größe heißt?
Unsere Rolle bestand darin, kluge technische Entscheidungen zu treffen. Warum der Globus beim Scrollen nicht wieder zurückspringt? Reine Scroll-Mechanik. Warum die arabische Fassung so sauber sitzt? Logische CSS-Eigenschaften. Und der Verzicht auf das nervige Cookie-Banner? Ganz einfach, weil wir alles selbst hosten. Das Ergebnis: Vier Sprachen inklusive RTL-Prozessierung aus einem einzigen Build, direkt in die Infrastruktur des Auftraggebers integriert.
Für uns beweist das Projekt: Ein richtig gutes Konzept braucht kein Riesenbudget. Es braucht Menschen, die es technisch nicht kleinzustützen oder kompromittieren.
Umgesetzt im Auftrag von Weber Shandwick für die IFRC. Creative Lead und Campaign Lead: Weber Shandwick.
Technische Umsetzung der Landingpage: 360VIER.
Ihr habt eine Kampagne, die digital mehr können muss als eine Seite mit Formular?
Erzählt uns davon. Wir ordnen ein, welches System wirklich zu eurer Struktur passt.
