Arbeiten /

podnod

podnod

Ein Podcast-Player für alle deine Geräte: deine Shows, deine Warteschlange und deine Stelle in jeder Folge, überall synchron und mitten im Satz übergeben.

Marke

podnod

Disziplinen

, ,

Jahr

Das podnod-Logo, pod in Weiß über nod in Grau, auf Schwarz, orangefarbenes Gelee tropft von pod

01 – Die Geschichte

Auf einem Gerät anfangen. Auf dem nächsten weiterhören.

Niemand hört nur auf einem Gerät. Der Arbeitsweg läuft übers Handy, der Nachmittag über den Laptop, der Abend über das, was gerade am nächsten liegt. Die meisten Podcast-Apps leben auf einem davon, und überall sonst fängst du von vorn an: Show suchen, spulen, bis du die Stelle wiederfindest.

podnod ist ein Player für alle: Web, macOS, Windows, Linux und Android, iOS folgt. Gebaut aus einem Designsystem und einer Codebasis, damit er überall gleich aussieht und sich gleich verhält. Melde dich an, und alles kommt mit: deine Shows, deine Warteschlange, deine Stelle in jeder Folge, was du schon fertig gehört hast, sogar deine Einstellungen. Ohne Konto funktioniert er auch; anmelden musst du dich nur für den Sync.

Jedes Gerät. Eine Warteschlange. Dieselbe Sekunde.

02 – Übergabe

Mitten im Satz übergeben.

podnod auf einem Smartphone: Über der Navigation zeigt eine Zeile, dass gerade eine Folge in Safari auf macOS läuft, daneben ein Button zum Übernehmen

Jedes Gerät, auf dem du angemeldet bist, zeigt, was auf den anderen läuft. Ein Tipp, und du übernimmst ab genau derselben Sekunde: Der Laptop verstummt, das Handy macht weiter, und du hörst keinen Satz doppelt und verpasst keinen.

Drei bewegte Balken heißen: läuft gerade. Ein stiller Punkt heißt: von dir pausiert. Der Unterschied zählt, denn wer eine laufende Session übernimmt, stoppt das andere Gerät, wer eine pausierte übernimmt, stoppt nichts. Die Zeile erscheint nur, wenn es wirklich etwas zu übernehmen gibt: Eine pausierte Session fällt nach fünf Minuten raus, eine fertig gehörte Folge wird nie angeboten.

03 – Gilt als gehört

Die Werbung am Ende zählt nicht.

Viele Folgen enden mit ein paar Minuten Werbung und Abspann, und kaum jemand hört die mit. In den meisten Apps bleibt die Folge dann für immer halb gehört und verstopft die Warteschlange und die Liste der neuen Folgen. podnod markiert sie trotzdem als gehört, wenn du nah genug am Ende aufhörst. So verschwindet sie von selbst aus „Neu“ und aus der Warteschlange, auf allen Geräten gleichzeitig.

Wie nah, stellst du selbst ein: erst ganz am Ende oder wenn noch 10 Sekunden, 30 Sekunden, eine Minute, zwei oder fünf übrig sind. Die Wiedergabe wird nie abgekürzt; hörst du weiter, läuft sie bis zum echten Ende. Bei Shows mit langem Intro oder Outro kannst du außerdem einen festen Abschnitt überspringen, und das Fenster wird ab dort gemessen, damit nichts doppelt zählt.

Wiedergabeeinstellungen in podnod: fortlaufende Wiedergabe, Zurückspulen beim Fortsetzen und „Als beendet zählen bei“, eingestellt auf 30 Sek., zur Auswahl stehen „nur am Ende“, 10 Sek., 1 Min., 2 Min. und 5 Min.
Einstellungen → Wiedergabe, auf podnod.eu

04 – Die Idee

Keine Markenfarbe. Gar keine.

podnod ist bewusst monochrom: Schwarz, Weiß und ein paar Grautöne, kein einziger Markenfarbton. Im Logo steht pod über nod, das zweite Wort leicht gekippt, wie ein Kopf, der mitnickt. Der Name wird überall kleingeschrieben, auch am Satzanfang, und ein Check im Build schlägt bei jeder anderen Schreibweise fehl.

Darunter ist das System softbrutalistisch. Tiefe entsteht durch eine Abstufung aus vier Ebenen, jede eine Stufe heller als die vorige, nie durch Schatten. Im ganzen Produkt gibt es keinen Blur, und ein Test lässt den Build scheitern, sobald sich eine Milchglasfläche einschleicht. Jedes Bedienelement ist eine Pille. Inter trägt jedes Wort, eng gesetzt, und die Cover bringen die ganze Farbe.

podnod-Logo auf Schwarz
Auf Schwarz
podnod-Logo auf Hellgrau
Auf Hellgrau

Leinwand

#0B0B0B

Papier

#F1F1F1

Zartrosa hell

#F3CCCB

Aprikose hell

#F5D5B4

Sky hell

#C4DCF2

05 – Die eine Farbe

Du wählst. Oder sie wählt sich selbst.

Die einzige Farbe, die bei podnod reindarf, suchst du dir selbst aus: den Akzent, der den Play-Button, die Fortschrittslinie und den Punkt für Ungehörtes füllt. Es gibt sieben Töne, und jeder ist mit Absicht hell. Der Akzent ist meist eine Fläche mit fast schwarzer Schrift darauf, und ein dunklerer Ton würde auf dem schwarzen Screen nicht mehr als die eine leuchtende Form wirken.

Standard ist Mix: Bei jedem Öffnen wählt podnod einen frischen Ton, aber nie schlichtes Papier, denn das sähe aus, als wäre die Funktion kaputt. Für jeden Ton ist der Kontrast zu jeder Fläche gemessen, auf der er landet, und zwar in den Tests, nicht nach Augenmaß.

podnod-Einstellungen: Der Cursor wählt nacheinander jede Akzentfarbe, und das ausgewählte Farbfeld und die Schalter darunter übernehmen diese Farbe
Einstellungen → Akzent, auf podnod.eu

06 – Die Menüleiste

Ein neugieriger kleiner Kumpel.

Auf dem Desktop wohnt podnod als winzige Figur in der Menüleiste: der Kreis aus dem Logo mit zwei länglichen Augen. Sie behält deinen Cursor im Auge, während du arbeitest, immer nur mit kurzen Blicken, ohne je zu starren. Läuft nichts, wartet sie als Umriss. Drückst du Play, füllt sie sich und nickt zu deiner Folge mit.

Sie wird gezeichnet, nicht geladen. Jedes Frame entsteht in Rust aus Kreisen und Kapseln, fünfzehnmal pro Sekunde, solange sie nickt, und geht als Template an macOS. So sieht sie auf einer hellen Menüleiste, einer dunklen und unter der Menü-Hervorhebung richtig aus. Linux bekommt beide Stimmungen ohne Bewegung: Sein Tray schreibt jedes Frame auf die Platte, und ein Nicken hieße fünfzehn Schreibvorgänge pro Sekunde, eine ganze Folge lang. Stellst du deinen Computer auf weniger Bewegung, sitzt die Figur still und schaut geradeaus. Gefüllt heißt trotzdem: Es läuft.

Nahaufnahme einer Menüleiste: Der podnod-Buddy, ein Ring mit zwei Augen, schaut dem kreisenden Cursor hinterher; die Wiedergabe startet, er füllt sich und nickt im Takt
Erst gucken, dann mitnicken

07 – Die Blase

Zieh den Player aus der Menüleiste.

Klick auf das Gesicht, und ein kleiner Player hängt daran: das Cover, wo du gerade bist, und drei Buttons. Pack ihn und zieh. Erst wehrt er sich. Der Player löst sich vom Icon, während seine Spitze dort festgepinnt bleibt, sich dehnt und mitneigt, während du ziehst. Ab 34 Pixeln lässt er los und wird zu einem kleinen Fenster, das über allem anderen schwebt, so lange du willst.

Holst du ihn zurück, fragt er erst. Ist er weniger als 110 Pixel von seinem Platz entfernt, wölbt sich eine Spitze aus seinem Rand Richtung Icon, erst langsam, dann auf einmal, damit es wie ein Sog wirkt und nicht wie ein Einrasten. Lass los, und er fliegt heim, während die Spitze zurückwächst. Player, Spitze und Umriss sind eine einzige Form, und das Andocken ist eine einzige Zahl, die von eins auf null läuft und der Umriss, Inhalt und Button folgen. So gibt es nie ein Frame mit zwei Formen auf dem Screen.

Was fehlt, fehlt mit Absicht: keine Wiedergabegeschwindigkeit, kein Sleep-Timer, kein Spulen. Er ist für einen kurzen Blick und drei Klicks da, und die Skip-Buttons zeigen deine eigenen Sprunglängen.

Ein Desktop: Ein Klick auf das podnod-Gesicht in der Menüleiste öffnet einen kleinen dunklen Player mit einer Spitze, die auf das Symbol zeigt; er wird weggezogen, die Spitze dehnt sich, reißt ab, und der Player schwebt über einem Fenster; zurückgetragen, wölbt sich eine Spitze zum Symbol hin und der Player fliegt an seinen Platz zurück
Abgezogen, mitgenommen, heimgeflogen

08 – Bewegung

Das Cover fliegt. Der Rest bleibt.

Schatten und Blur sind raus, also bleibt nur Bewegung, um zu zeigen: Das, worauf du gedrückt hast, ist jetzt das hier. Deshalb wird sie sparsam eingesetzt. Öffnest du den Player, wandert ein Cover aus dem Mini-Player in den großen Rahmen, während alles andere stillhält; schließt du ihn, geht es denselben Weg zurück, von dort aus, wo es gerade war. Der Tabwechsel, das, was Leute am häufigsten tun, bekommt gar keine Animation.

Drückst du Play, siehst du, wie es arbeitet: ein Ring, wo das Play-Icon war, und „puffert · ab 12:04“, wo die Zeit stand. Der Button bleibt aktiv, ein zweiter Klick bricht den Start also ab, statt noch einen einzureihen. Die Zeile, die du gerade hörst, zeigt „Läuft“ mit drei kleinen Balken und behält ihre Dauer. Eine fertige Folge zeigt eine Sekunde lang ihr Gehört-Zeichen, bevor ihre Zeile zusammenklappt. So wirkt das Verschwinden wie eine Konsequenz und nicht wie ein Glitch.

Reduzierte Bewegung ist abgestuft, nicht abgeschaltet: Deko verschwindet, Bewegungen von A nach B werden zur Überblendung, und alles, was Information trägt, tauscht seine Schleife gegen ein stilles Signal, das dasselbe sagt.

Die podnod-Web-App: Im Mini-Player wird auf Play gedrückt, und in der Episodenzeile erscheint „Playing“; der Mini-Player öffnet sich zum großen Player, während das Cover an seinen Platz wächst, und schließt sich dann wieder
Play, öffnen, schließen. podnod.eu/app

09 – Ein Bild am Tag

Morgen auf der Startseite. Heute Nacht gemalt.

Die Startseite öffnet mit einem Podcast im Fokus. Jeden Morgen um 05:40 Uhr wird ein neuer gewählt, und kein Podcast kommt vor Ablauf von 90 Tagen wieder. Über Nacht malt podnod ihm ein Bild. gpt-image-2 von OpenAI bekommt das Cover des Podcasts, seine Kategorie und seine Beschreibung und soll daraus eine breite Szene in den Farben, Texturen und Motiven des Covers bauen: keine Schrift, und das linke Drittel bleibt ruhig für die Headline.

Dann animiert Seedance 2.0 mini von ByteDance das Bild, mit einem Briefing für langsame, weiche Bewegung: „Man soll unmöglich sagen können, welche Sekunde des Clips man gerade sieht.“ Das Modell liest ein erstes und ein letztes Frame als zwei verschiedene Momente, also bekommt es das Bild nur einmal, und podnod schließt die Schleife selbst, indem es den Anfang des Clips über sein Ende zurückblendet. Ein Podcast geht erst online, wenn sein Bild existiert. Scheitert eine Nacht, bleibt der Tagestipp von gestern stehen, und die Seite stuft sich ab: von der Schleife zum Standbild, zum verschwommenen Cover des Podcasts, zu reinem Schwarz, nie zu einem kaputten Bild.

Die eine absolute Regel: keine Menschen. Videomodelle weigern sich, ein Frame zu animieren, das sie für eine echte Person halten, und manche sagen das nur, indem sie stillschweigend kein Video liefern. Ein Bild voller Hosts würde sich also schlicht nie bewegen. Ehrlichkeit ist ebenfalls eingebaut: Das Label „Bild für den heutigen Tipp generiert“ erscheint nur, wenn das Bild wirklich generiert ist. So wird das eigene Cover eines Publishers nie als maschinengemacht ausgegeben.

Hero der Startseite von podnod.eu: ein generiertes Bild einer Taktiktafel und eines Fußballs im Petrol der hervorgehobenen Show, die Spielsteine auf der Tafel verschieben sich langsam, darüber der Titel der Show und ein Hinweis, dass das Artwork für den heutigen Tipp animiert wurde
Der Tagestipp am 29. September 2026, über Nacht gemalt und animiert

10 – Cover, die atmen

Menschen halten still. Der Rest darf sich bewegen.

Das Cover des Tagestipps bekommt dieselbe Behandlung, als Cinemagraph: „ein Foto, in dem sich ein paar ausgewählte Dinge bewegen und jeder Mensch darin vollkommen still ist“. Menschen und Schrift auf einem Cover gelten als gedruckte Farbe, also blinzeln Hosts nie und Titel zerfließen nie. Der Clip wird zu einem animierten WebP mit acht Frames pro Sekunde, und bei einer Schleife, die sich nicht von selbst schließt, wird eine halbe Sekunde ihres Anfangs über ihr Ende zurückgeblendet.

Das ist reines Extra. Es wird erst über das Standbild gelegt, wenn das Standbild geladen ist, gar nicht erst abgerufen, wenn jemand weniger Bewegung eingestellt hat, und nie dort eingesetzt, wo ein bewegtes Bild etwas kaputtmachen würde: Benachrichtigungen, Share-Cards, Sperrbildschirm. Tauscht ein Publisher sein Artwork, wird die Animation sofort zurückgezogen.

11 – Wer zuhört

Keine Fotos, keine Gesichter, niemand falsch gezeichnet.

Nirgends in podnod gibt es hochgeladene Bilder, also bekommt jedes Konto eins von 24 gezeichneten Studio-Objekten, ein Tape, ein Mikro, eine Spule, ein Megafon, per Zufall und für immer. Jedes ist ein Farbton in drei Abstufungen: eine tiefe Platte, ein weiches Objekt und ein Mittelton für die Details, mit Aussparungen, die durch die Platte gestanzt sind. So hält schon die Silhouette zwei Leute bei 24 Pixeln auseinander.

Es gibt keinen Körper, dem man ein Geschlecht geben, und keine Haut, die man falsch treffen könnte, und nichts wird aus deinem Namen erraten. Wie die Cover sind sie Bilder und kein Anstrich, und nur deshalb lässt das monochrome System ihre Farbe rein.

Die 24 Hörer-Avatare von podnod, Studioobjekte von Kopfhörern, Radio und Ghettoblaster bis zu Tonbandspule, Megafon und Kondensatormikrofon, jeweils auf einem dunklen Kreis in einem gedeckten Farbton
Die vierundzwanzig

12 – Der Bau

Ein Designsystem. Überall.

Smartphone, Desktop und Web teilen sich ein Layout und eine Warteschlange, und die App ist bewusst dunkel, damit die Cover für sich sprechen.

Das Übersichtsblatt

Das Übersichtsblatt

Jede neue Folge aus jeder Show, der du folgst, auf einer Seite. Podcast-Apps sortieren Folgen meist unter ihre Shows ein; podnod geht stattdessen vom Tag aus, denn „Was ist neu?“ ist die Frage, mit der Leute die App öffnen.

Suche

Suche

Shows, Folgen und Leute, gefunden, während du tippst. Kein Suchbutton und keine Ergebnisseite: Auf dem Handy, einhändig in der Straßenbahn, ist jeder zusätzliche Tap ein Grund aufzugeben.

Bibliothek

Bibliothek

Abos, Downloads und die Warteschlange, genau da, wo du aufgehört hast. Der unspannendste Screen beim Design und der, an dem eine App gemessen wird: Wer einmal vergisst, wo jemand war, dem wird nichts anderes mehr verziehen.

Der Player bleibt zurückhaltend

Der Player bleibt zurückhaltend

Abspieltempo, Vorspulen, Kapitel und ein Sleep-Timer, und er merkt sich, wo du aufgehört hast. Er bleibt zurückhaltend, weil das Cover laut ist, und ein Player, der mit dem Artwork konkurriert, verliert.

Benachrichtigungen

Benachrichtigungen

Ein Ping, sobald eine Show, die dir wichtig ist, was Neues droppt. Der einzige gute Grund für eine Podcast-App, überhaupt irgendwen zu unterbrechen.

Jeden Morgen neu

Jeden Morgen neu

Die Folgen des Tages von allen, denen du folgst, in der Reihenfolge, in der sie reinkamen. Kein Ranking und kein „Für dich“: Die Reihenfolge des Eingangs ist der einzige Algorithmus, den wirklich alle schon verstehen.

Im Web geht dasselbe Übersichtsblatt breit auf: oben eine hervorgehobene Show, darunter der ganze Katalog und Charts, die jede Woche aktualisiert werden.

Startseite von podnod.eu mit einer hervorgehobenen Show und dem Sheet
podnod.eu – das Übersichtsblatt
Beliebte Charts auf podnod.eu
Die Charts dieser Woche
Die Tafel „same on all six“ auf podnod.eu: Ein Klick auf jeden Plattform-Button schiebt das Banner der jeweiligen Plattform herein, iOS, Android, macOS, Windows, Linux und Browser

Die Startseite endet auf einem Teller: sechs Pills und ein Bildpanel, das unter ihnen das Banner der jeweiligen Plattform einschiebt.

Die Banner sind auf 13 bis 25 KB pro Stück runtergerechnet, 105 KB für alle sechs. So laden alle gleich zu Beginn, und keine Pill öffnet je auf einem leeren Teller. Eine halbe Sekunde Leere reicht, damit „auf jedem Gerät“ wie ein Versprechen klingt statt wie eine Tatsache.

13 – Was hängen blieb

Jede Show. Jedes Gerät. Eine Warteschlange.

Fünf Plattformen sind live, iOS ist in Arbeit. Eine Warteschlange und eine Stelle in jeder Folge, die dir über alle Plattformen hinweg folgen, und mehr als 113.000 Shows zur Auswahl.

Die Marke hat keine eigene Farbe und überlässt den Rest den Covern. Was podnod verkauft, ist der Moment, in dem ein Satz auf dem Laptop genau an der Sekunde weiterläuft, an der er auf dem Handy pausiert hat. Wenn schon das Produkt der Trick ist, hat die Marke nur einen Job: ihm nicht im Weg zu stehen.

Vorheriges: