← Zurück zum Portfolio
N
Fallstudie5 Min. Lesezeit

Ein Feed, der dir
zeigt, warum.

Ein stimmungsgetriebener Wallpaper-Feed, bei dem der Empfehlungs-Algorithmus das Produkt ist, kein Geheimnis. Er lernt, was deinen Blick hält, und zeigt dir seine Begründung in einem Tuner, den du lesen und zurücksetzen kannst. Manche Frames verbergen eine Geschichte, die du hochziehst und liest. Live für iOS, Android und das Web, ohne Konto.

3
Plattformen
300+
Kuratierte Frames
0
Konten zum Start
100%
Algorithmus auf dem Gerät
Zum Lesen scrollen
00Das Problem

Empfehlungs-Feeds zeigen nie ihre Arbeit.

Jeder Feed lernt deinen Geschmack und verbirgt dann, was er gelernt hat. Du kannst nicht sehen, warum er wählte, was er wählte, du kannst ihn nicht steuern, und die meisten tun nichts, bis du ein Konto anlegst. Der Algorithmus ist eine Blackbox, die du nicht lesen darfst.

Noctiso kehrt das um. Es ist ein Wallpaper-Feed, bei dem der Empfehlungs-Algorithmus das Produkt ist, offen sichtbar. Er sagt dir, was er glaubt, das dir gefällt, lässt dich seine Begründung lesen und zurücksetzen und braucht kein Konto, um zu funktionieren.

01Der Feed

Ein Vollbild-Feed, den du durch Hinschauen steuerst.

Der Feed ist mobile-first und Snap-Scroll: jeder Frame füllt den Bildschirm, ein Wisch nach oben blättert weiter. Eine Aktionsleiste trägt einen kostenlosen Download, ein Herz zum Speichern in den Vault und einen kostenpflichtigen Hi-Res-Kauf. Darüber zeigt eine kleine Pille die Einschätzung des Algorithmus zum aktuellen Frame, etwa CALM · COLD oder DREAMY · +RECENT MATCH.

Du bewertest nichts. Der Feed lernt aus dem, was du tatsächlich tust: wie lange du einen Frame hältst, was du speicherst, was du überspringst. Gespeicherte Frames landen in einem lokalen Vault. Nichts davon braucht ein Konto.

Tech Stack
Snap-scroll feedLocal vaultNo accountFree + hi-res tiers
Wie es funktioniert
Snap-Scroll-Vollbild-Frames; Verweildauer, Speichern und Überspringen sind die Signale. Die ‚Warum‘-Pille hält den Algorithmus auf jedem Frame sichtbar, nicht versteckt in einem Einstellungs-Screen.
Warum es zählt
Geschmack wird gezeigt, nicht erklärt. Du füllst nie ein Präferenz-Formular aus; der Feed schließt und zeigt, was er sieht.
In der Praxis
Kostenloser Download, Speichern in einen lokalen Vault oder Hi-Res kaufen. Keine Anmeldung zum Start.
02Der Tuner

Der Algorithmus, den du lesen und zurücksetzen kannst.

Der Tuner ist eine Schublade, die alles offenlegt, was der Feed über dich abgeleitet hat: Stimmungs-Balken für deine Top-Stimmungen, Paletten-Swatches für die Farben, bei denen du verweilst, und eine Liste jüngster Signale, jedes mit Begründung versehen, etwa „du hast das 8 Sekunden gehalten, kalt und neon.“ Ein einziges RESET setzt alles auf den Kaltstart zurück.

Das Ganze läuft clientseitig, gespeichert in localStorage. Es gibt kein Server-Profil, kein Konto, kein geräteübergreifendes Tracking. Der Kaltstart ist ehrlich: die ersten Frames sind bewusst vielfältig, der Feed unterstellt also keinen Geschmack, bis du ihm welchen zeigst.

Tech Stack
Client-side signalslocalStorageMood + palette affinityRESET
Wie es funktioniert
Signale werden im Browser gesammelt und gewichtet und in localStorage gespeichert; der Tuner rendert denselben Zustand, den das Ranking nutzt, also ist, was du siehst, was er tut.
Warum es zählt
Ein transparenter, zurücksetzbarer Algorithmus auf dem Gerät ist das Gegenteil einer Blackbox. Du kannst ihn prüfen, korrigieren oder löschen.
In der Praxis
Zwei parallele Schleifen, visuell und narrativ, unabhängig gelernt, sodass ein Tuner beide zeigt.
03Die Story-Ebene

Manche Frames verbergen eine Geschichte.

Die meisten Frames sind nur Bilder. Einige verbergen darunter ein kurzes Stück Text. Ein messingfarbener „↑ READ“-Hinweis lädt zum Hochziehen ein; die Prosa entfaltet sich über dem abgedunkelten Frame, gesetzt in einer Serifen-Begleitschrift, sodass sich der Lesemodus anders anfühlt als der Scroll-Modus.

Geschichten sind bewusst spärlich, eine Entdeckung statt einer Garantie. Jede bekommt zudem eine statische, indexierbare Seite unter /r/[slug], 500 Wörter Original-Prosa, die zugleich eine starke SEO-Fläche ist.

Tech Stack
Pull-up readerSerif companion/r/[slug] SEO pagesSeparate tone signal
Wie es funktioniert
Ein Tippen auf den Hinweis hebt eine Lese-Schublade über ein abgedunkeltes Bild; bis zum Ende zu lesen ist ein eigenes narratives Geschmackssignal, getrennt vom visuellen.
Warum es zählt
Die Überraschung ist der Punkt. Spärliche Geschichten lassen den Feed verfasst wirken, ohne Autorenzeile, und die SEO-Seiten holen Leser herein, die der Feed nie erreichen würde.
In der Praxis
Serifen-Fließtext; die UI bleibt in den Display- und Mono-Markenschriften. Der Schriftwechsel selbst ist das Zeichen, dass du den Lesemodus betreten hast.
04Der Katalog

Ein KI-generierter Katalog, sauber eingespielt.

Der Start-Katalog umfasst 300 bis 500 Frames, KI-generiert und genreübergreifend ohne Entschuldigung: Anime, Dystopie, minimal, verträumt, futuristisch, soft. Frames, Geschichten und optionale Sammlungen leben alle in einem Manifest, das eine Ingest-CLI prüft, bevor irgendetwas ausgeliefert wird.

Serien sind ein weicher Ordnungs-Tag, nicht die Überschrift, und jede trägt einen Status: Kern-Genres sind permanent, Experimente sind provisorische Kandidaten, die im Feed identisch ausgespielt werden und anhand ihrer Engagement-Zahlen entweder aufsteigen oder ausscheiden. Der Algorithmus, nicht ein Kurator, ist der Protagonist.

Tech Stack
AI-generated framesmanifest.json schemaIngest CLISeries as soft tags
Wie es funktioniert
Eine Ingest-CLI prüft das Schema für Frames, Geschichten und Sammlungen in manifest.json; KI-generierte Frames werden als solche gekennzeichnet.
Warum es zählt
Ein typisierter Katalog, viele Genres, kein ästhetisches Korsett. Experimente lassen neue Genres ihren Platz verdienen, statt ihn zu verordnen.
In der Praxis
300 bis 500 Frames zum Start, mit 15 bis 30 spärlichen Geschichten darüber verstreut.
05Veröffentlicht

Live auf drei Plattformen.

Noctiso ist ein echtes, ausgeliefertes Produkt: eine Next.js-15-Web-App auf noctiso.com und eine Flutter-App im iOS App Store und bei Google Play, über einem Supabase-Backend, mit eigener Marke, eigenen Konten und eigener Abrechnung. Ein Abo plus leichte Display-Anzeigen in der Gratis-Stufe finanzieren es.

Es ist eine eigene Marke neben Sapplify, betrieben unter derselben Ein-Personen-Rechtseinheit, und genau das ist der Punkt: dieselbe Person, die das interne Werkzeug des Studios baut, entwirft, baut und veröffentlicht auch ein poliertes Consumer-Produkt für echte Nutzer auf drei Plattformen.

Tech Stack
Next.js 15 (web)Flutter (iOS + Android)SupabaseSubscription + ads
Wie es funktioniert
Next.js 15 im Web, Flutter nativ für iOS und Android, Supabase für Daten und Auth, Store-Abrechnung und Stripe für das Abo, Werbenetzwerke in der Gratis-Stufe.
Warum es zählt
Consumer-Politur auf einer öffentlichen Zeitachse ist ein anderer Muskel als internes Werkzeug. Noctiso ist der Beweis, dass ich beides habe.
In der Praxis
Eine Rechtseinheit, zwei Marken. Sapplify und Noctiso liefern Seite an Seite.
Das Große Ganze

Die Produkt-
seite.

Der Harness, Lattice und Basalt sind, wie das Studio läuft. Noctiso ist, was es ausliefert: ein poliertes Consumer-Produkt in den Händen echter Nutzer, auf drei Plattformen. Dieselbe Person baut die Interna und das Ding im App Store.

noctiso.com besuchenApp StoreGoogle Play
© 2026 Anthony Rasch