X Neue Welten.

Portfolio-Website und privater, durch eine Vertraulichkeitsvereinbarung geschützter Betrachtungsraum für eine Londoner KI-Künstlerin, wobei ihr Instagram-Feed automatisch in das CMS eingespeist wird.

Kunde: Suzannah James / X New Worlds
Ergebnis: Portfolio-Website + privater Kundenbereich
Jahr: 2024
Live-Website: xnewworlds.xyz ↗

X New Worlds-Startseite: ein Raster aus KI-Kunstwerken

Cue 01

Die Aufgabenstellung

Suzannah James schafft unter dem Namen „X New Worlds“ KI-Kunst und interaktive Kunst; ihre Werke wurden bereits in der Saatchi Gallery, am Times Square und im Busan Museum of Art ausgestellt. Sie benötigte eine Website, auf der ihre Arbeiten im Vordergrund stehen und die geschäftliche Anfragen generiert, sowie einen privaten Bereich, in dem Kunden Werke einsehen können, die noch einer Geheimhaltungsvereinbarung unterliegen.

Cue 02

Der Ansatz

Suzannah kam mit einem weitgehend ausgearbeiteten Design zu uns, daher bestand unsere Aufgabe darin, dieses originalgetreu umzusetzen und die Bedienung so einfach wie möglich zu gestalten. Wir haben die Seite mit Next.js und Payload CMS erstellt, mit einem Three.js-Displacement-Effekt auf der Startseite und GSAP für die Animationen. Das NDA-Portfolio ist hinter einem eigenen Login geschützt, sodass sie ein Passwort anstelle eines Ordners mit Dateien weitergeben kann.

Cue 03

Das Ergebnis

Gestartet im Jahr 2024. Neue Instagram-Beiträge werden automatisch in das Portfolio übernommen, ohne dass sie das CMS öffnen muss, sodass die Website stets auf dem neuesten Stand bleibt.

Three.js-Displacement auf der Startseite

Von Instagram zum CMS – ganz automatisch

Cue 01

Zapier überwacht Instagram

Jeder neue Beitrag wird sofort nach seiner Veröffentlichung in Airtable kopiert.

Cue 02

Airtable verwaltet die Beiträge

Bilder und Bildunterschriften stehen in Airtable bereit, um von der Website abgerufen zu werden.

Cue 03

Die Middleware speichert die Aufrufe im Cache

Der kostenlose Tarif von Airtable schränkt die API-Nutzung ein, daher haben wir einen kleinen Dienst entwickelt, der die Antworten zwischenspeichert. Die Website fragt nun die Middleware statt Airtable ab, sodass Bilder nicht bei jeder Anfrage neu abgerufen werden müssen.

Cue 04