Alle Projekte

Cimatica

Live · 2026
Zeitraum
2026
Technologien
PWA · Next.js · React · Web Audio · WebGL · Supabase · Vercel

Cimatica in 33 Ländern

Spanien; Brasilien; Italien; Mexiko; Vereinigte Staaten; Deutschland; Argentinien; Indien; Kolumbien; Japan; Bolivien; Kanada; Iran; Israel; Portugal; Rumänien; Südkorea; Türkei; Vereinigte Arabische Emirate; Vereinigtes Königreich; Albanien; Belgien; Bulgarien; Chile; Dominikanische Republik; Ägypten; Frankreich; Ungarn; Paraguay; Polen; Slowakei; Südafrika; Vietnam

Kartendaten: Natural Earth

Wie alles begann

Ich habe Cimatica gestartet, um die Beziehung zwischen Klang und Form zu erkunden. Zunächst wollte ich Mikrofonfrequenzen analysieren und im Browser sichtbar machen.

Probleme und Entscheidungen

Das Signal herausfiltern

Das Mikrofonsignal kann Rauschen, Raumresonanzen und Echos enthalten. Ich arbeitete am Grundrauschen, an der zeitlichen Beständigkeit und an der Erkennungssicherheit, um die zu verfolgenden Signalkomponenten auszuwählen und Änderungen durch unsichere Erkennungen zu verringern.

Stabilität ohne Stillstand

Ein Muster, das sich mit jeder Schwankung verändert, ist schwer zu lesen. Eines, das sich zu langsam bewegt, kann Klangänderungen nicht folgen. Ich habe Stabilisierung und Übergänge aufeinander abgestimmt und lasse die Nutzer wählen, wie viele Klangkomponenten sie kombinieren möchten.

So funktioniert’s

  1. Next.js, React und TypeScript laufen auf Vercel. Öffentliche Seiten in vier Sprachen werden vorab gerendert, damit ihre Inhalte gut lesbar und teilbar sind.
  2. Web Audio analysiert das Mikrofonsignal auf dem Gerät. WebGL zeichnet frequenzgesteuerte mathematische Figuren direkt im Browser.
  3. Supabase übernimmt die Authentifizierung und speichert Berichte im Benutzerkonto. Gastberichte bleiben im Arbeitsspeicher des Tabs. Unverarbeitete Mikrofonaufnahmen werden nicht hochgeladen.
  4. Ich habe die Visualisierungsengine um Anleitungen, Metadaten und Nutzerabläufe in vier Sprachen ergänzt und so die Auffindbarkeit über die Suche mit der Nutzung der PWA verbunden.

Was ich gelernt habe

Die Arbeit mit Klang hat mich gelehrt, Reaktionsfähigkeit und Lesbarkeit gemeinsam zu beurteilen. Ein fließender Übergang ist dann sinnvoll, wenn er hilft, einer Veränderung zu folgen. Dasselbe Kriterium nutze ich bei Oberflächen, die auf anderen Datenarten beruhen.

Aktueller Stand

Veröffentlichtes Produkt. Seine Muster sind mathematische Visualisierungen, die von Klangfrequenzen gesteuert werden.

Cimatica öffnen

SEO, GEO und AEO für öffentliche Inhalte

Für den öffentlich zugänglichen Bereich von Cimatica berücksichtige ich SEO (Suchmaschinenoptimierung), GEO (Optimierung für generative Suchsysteme) und AEO (Optimierung für Antwortsysteme). Inhalte, Kontext und Struktur tragen dazu bei, das Produkt leichter auffindbar und verständlich zu machen.

Ich richte Seiten an den Fragen der Menschen aus und verknüpfe Antworten mit Beispielen, Quellen und überprüfbaren Ergebnissen. So arbeite ich mit SEO, GEO und AEO.

Ein interessantes Problem?

Erzähl mir, was du entwickeln oder verbessern möchtest, wer es nutzen wird und welche Rahmenbedingungen du hast. Ich melde mich bei dir, damit wir gemeinsam den Ausgangspunkt finden.