Lavori /

podnod

podnod

Un solo player di podcast per tutti i dispositivi che usi: programmi, coda e punto esatto di ogni episodio sincronizzati ovunque, e passati da uno all’altro a metà frase.

Brand

podnod

Discipline

, ,

Anno

Il logo podnod, pod in bianco sopra nod in grigio, su nero, con gelatina arancione che cola da pod

01 – La storia

Inizi su un dispositivo. Finisci su un altro.

Nessuno ascolta su un solo dispositivo. Nel tragitto ascolti dal telefono, il pomeriggio dal portatile, la sera da quello che hai più a portata di mano. Quasi tutte le app di podcast stanno su uno solo, e ovunque altro ricominci da capo: cerchi il programma e scorri fino al punto in cui eri.

podnod è un unico player per tutti: web, macOS, Windows, Linux e Android, con iOS in arrivo, costruito su un solo design system e un’unica codebase, così ha lo stesso aspetto e funziona allo stesso modo ovunque. Accedi e tutto ti segue: i programmi, la coda, il punto di ogni episodio, quello che hai finito, perfino le impostazioni. Funziona anche senza account: l’accesso serve solo per sincronizzare.

Ogni dispositivo. Una coda. Lo stesso secondo.

02 – Passaggio di mano

Cambia dispositivo a metà frase.

podnod su un telefono: sopra la barra di navigazione, una riga indica che un episodio è in riproduzione in Safari su macOS, con un pulsante per riprenderlo

Ogni dispositivo su cui hai fatto l’accesso mostra cosa stanno riproducendo gli altri. Basta un tocco per riprendere dallo stesso identico secondo: il portatile tace, il telefono continua, e non senti mai la stessa frase due volte né ne perdi una.

Tre barre in movimento vogliono dire che è in riproduzione proprio ora; un punto fermo, che l’hai lasciato in pausa. La differenza conta, perché riprendere una sessione attiva ferma l’altro dispositivo, mentre riprenderne una in pausa non ferma niente. La riga compare solo quando c’è qualcosa che vale la pena riprendere: una sessione in pausa sparisce dopo cinque minuti, e un episodio finito non te lo propone mai.

03 – Conta come finito

La pubblicità alla fine non conta.

Tanti episodi finiscono con qualche minuto di pubblicità e titoli di coda, e quasi nessuno li ascolta fino in fondo. Nella maggior parte delle app l’episodio resta così a metà per sempre, a intasare la coda e l’elenco delle novità. podnod lo segna comunque come ascoltato quando ti fermi abbastanza vicino alla fine, così esce da solo da Nuovi e dalla coda, su tutti i dispositivi insieme.

Quanto vicino lo decidi tu: solo alla fine esatta, oppure quando mancano 10 secondi, 30 secondi, un minuto, due o cinque. Non interrompe mai la riproduzione: se continui ad ascoltare, arriva fino alla fine vera. Per i programmi con intro o outro lunghe puoi anche saltare un tratto fisso, e la finestra si misura da lì, così niente si conta due volte.

Impostazioni di riproduzione di podnod: riproduzione continua, riavvolgimento alla ripresa e conta come finito quando mancano, impostato su 30 sec, con le opzioni solo alla fine, 10 sec, 1 min, 2 min e 5 min
Impostazioni → riproduzione, su podnod.eu

04 – L’idea

Zero colori del brand.

podnod è monocromatico per scelta: nero, bianco e qualche grigio, e nemmeno una tinta del brand. Il logo mette pod sopra nod, con la seconda parola leggermente inclinata, come una testa che annuisce. Il nome si scrive minuscolo ovunque, anche a inizio frase, e un controllo nella build fallisce con qualsiasi altra grafia.

Sotto, il sistema è soft-brutalist. La profondità è una scala di quattro livelli, ognuno un passo più chiaro del precedente, mai un’ombra. Nel prodotto non c’è sfocatura da nessuna parte, e un test fa fallire la build se si infila una superficie smerigliata. Ogni controllo è una pillola. Inter regge ogni parola, con spaziatura stretta, e tutto il colore lo portano le copertine.

Logo podnod su nero
Su nero
Logo podnod su grigio chiaro
Su grigio chiaro

Tela

#0B0B0B

Carta

#F1F1F1

Tinta rosa cipria

#F3CCCB

Tinta albicocca

#F5D5B4

Tinta cielo

#C4DCF2

05 – L’unico colore

Lo scegli tu. O si sceglie da solo.

L’unico colore che podnod lascia entrare è quello scelto da chi ascolta: l’accento che riempie il pulsante play, la barra di avanzamento e il punto degli episodi non ascoltati. Le tinte sono sette, tutte chiare di proposito. L’accento è quasi sempre un riempimento con sopra testo quasi nero, e una tinta più scura non si leggerebbe più come l’unica forma accesa su uno schermo nero.

L’impostazione predefinita è mix, che sceglie una tinta nuova ogni volta che apri podnod, e mai Carta da sola, che sembrerebbe una funzione andata storta. Ogni tinta è misurata per il contrasto su ogni superficie su cui finisce, nei test e non a occhio.

Impostazioni di podnod: il cursore sceglie una dopo l’altra le tinte d’accento, e il campione selezionato e gli interruttori sotto prendono quel colore
Impostazioni → accento, su podnod.eu

06 – La barra dei menu

Un piccolo amico curioso.

Sul desktop, podnod vive nella barra dei menu sotto forma di personaggio minuscolo: il cerchio del logo con due occhi alti. Mentre lavori tiene d’occhio il cursore, ma lo sbircia soltanto, non lo fissa mai. Se non sta suonando niente, aspetta come un semplice contorno. Premi play e si riempie, annuendo a ritmo con la tua puntata.

È disegnato, non caricato. Il codice Rust traccia ogni fotogramma con cerchi e capsule, quindici volte al secondo mentre annuisce, e lo passa a macOS come template, così si vede bene su una barra dei menu chiara, su una scura e sotto l’evidenziazione del menu. Su Linux ha entrambi gli stati d’animo, ma senza movimento: lì l’area di notifica scrive ogni fotogramma su disco, e un cenno vorrebbe dire quindici scritture di file al secondo per tutta la durata di una puntata. Se chiedi al computer meno movimento, l’omino resta fermo e guarda dritto davanti a sé. Pieno vuol dire comunque che sta suonando.

Primo piano di una barra dei menu: l’omino di podnod, un anello con due occhi, segue con lo sguardo il cursore che gira in tondo; parte la riproduzione e l’omino si riempie e annuisce a ritmo
Prima guarda, poi annuisce

07 – La bolla

Stacca il player dalla barra dei menu.

Clicca sulla faccina e ne pende un piccolo player: la copertina, il punto in cui sei e tre pulsanti. Afferralo e tira. All’inizio fa resistenza. Il player si stacca dall’icona mentre la sua punta resta agganciata lì, e si allunga e si inclina man mano che lo trascini. Oltre i 34 pixel si sgancia e diventa una finestrella che galleggia sopra tutto il resto, per tutto il tempo che vuoi.

Se lo riporti indietro, prima te lo chiede. A meno di 110 pixel da casa, dal bordo comincia a gonfiarsi una punta verso l’icona, piano e poi tutta d’un colpo, così si legge come un richiamo e non come uno scatto. Lascialo andare e vola a casa mentre la punta ricresce. Il player, la sua punta e il suo contorno sono un’unica forma, e l’aggancio è un solo numero che passa da uno a zero, seguito dal contorno, dal contenuto e dal pulsante: così non c’è mai un fotogramma con due forme sullo schermo.

Quello che manca, manca apposta: niente velocità, niente timer di spegnimento, niente scorrimento nella traccia. È una sbirciata e tre tocchi, e i pulsanti per saltare mostrano gli intervalli che hai impostato tu.

Un desktop: un clic sulla faccina di podnod nella barra dei menu apre un piccolo player scuro con una punta verso l’icona; il player viene tirato via, la punta si allunga e si stacca, e il player galleggia sopra una finestra; riportato indietro, una punta si gonfia verso l’icona e il player torna a casa volando
Staccato, portato a spasso, rientrato in volo

08 – Movimento

Viaggia la copertina. Il resto sta fermo.

Esclusi ombre e sfocature, il movimento è l’unico modo rimasto per dire che quello che hai premuto è diventato questo. Per questo lo usiamo con parsimonia. Apri il player e una sola copertina viaggia dal mini player al riquadro grande mentre tutto il resto sta fermo; chiudilo e torna indietro per la stessa strada, da qualunque punto fosse arrivata. Cambiare scheda, la cosa che si fa più spesso, non ha nessuna animazione.

Premi play e lo vedi lavorare: un anello al posto dell’icona play e «buffering · da 12:04» al posto del tempo. Il pulsante resta attivo, quindi un secondo tocco annulla l’avvio invece di metterne in coda un altro. La riga che stai ascoltando dice «In riproduzione» con tre barrette e mantiene la durata. Una puntata finita mostra il segno di ascoltata per un secondo prima che la sua riga si chiuda, così l’uscita si legge come una conseguenza e non come un glitch.

Il movimento ridotto è graduato, non spento: le decorazioni spariscono, gli spostamenti diventano dissolvenze incrociate e tutto ciò che porta un’informazione sostituisce l’animazione in loop con un segnale fermo che dice la stessa cosa.

La web app di podnod: si preme play nel mini player e la riga della puntata inizia a dire «In riproduzione»; il mini player si apre nel player completo mentre la copertina si ingrandisce fino al suo posto, poi si richiude
Play, apri, chiudi. podnod.eu/app

09 – Un’immagine al giorno

La home di domani si disegna stanotte.

La home si apre su un solo podcast in evidenza. Ogni mattina alle 05:40 podnod ne sceglie uno nuovo, e nessun podcast torna prima di 90 giorni. Di notte, podnod gli disegna un’immagine. A gpt-image-2 di OpenAI arrivano la copertina del podcast, la sua categoria e la descrizione, con la richiesta di una scena larga nella palette, nelle texture e nei motivi della copertina stessa: niente scritte, e il terzo sinistro lasciato sgombro per il titolo.

Poi Seedance 2.0 mini di ByteDance la anima, con un brief che chiede movimenti lenti e morbidi: «dev’essere impossibile capire quale secondo della clip stai guardando». Il modello legge un primo e un ultimo fotogramma come due momenti diversi, quindi riceve l’immagine una volta sola, e il loop lo chiude podnod, sfumando l’inizio della clip sopra la fine. Un podcast va in home solo quando la sua immagine esiste. Se una notte va storta, resta la scelta di ieri, e la pagina ripiega dal loop all’immagine fissa, poi alla copertina sfocata del podcast, poi al nero pieno, mai a un’immagine rotta.

L’unica regola assoluta: niente persone. I modelli video si rifiutano di animare un fotogramma che leggono come una persona reale, e alcuni lo fanno capire solo non restituendo alcun video, senza avvisare: un’immagine piena di conduttori non si muoverebbe mai. Anche l’onestà fa parte del progetto: l’etichetta «artwork generato per la scelta di oggi» compare solo quando l’immagine è davvero generata, così la copertina di un editore non passa mai per fatta a macchina.

L’hero della home di podnod.eu: un’immagine generata con una lavagna tattica e un pallone nel verde acqua del podcast in evidenza, con le pedine sulla lavagna che si spostano lentamente, sotto il titolo del podcast e un’etichetta che dice che l’artwork è stato animato per la scelta di oggi
La scelta del 29 settembre 2026, disegnata e animata di notte

10 – Copertine che respirano

Le persone stanno ferme. Il resto può muoversi.

La copertina del podcast in evidenza riceve lo stesso trattamento, come cinemagraph: «una fotografia in cui si muovono poche cose scelte e ogni persona resta perfettamente immobile». Persone e scritte sulla copertina contano come inchiostro stampato, così i conduttori non sbattono mai le palpebre e i titoli non si sciolgono mai. La clip diventa una WebP animata a otto fotogrammi al secondo, e a un loop che non si chiude da solo aggiungiamo mezzo secondo dell’inizio, sfumato sopra la fine.

È solo un extra. Compare sopra l’immagine fissa solo dopo che questa si è caricata, non viene mai scaricata per chi ha chiesto meno movimento e non si usa mai dove un’immagine in movimento romperebbe qualcosa: notifiche, card di condivisione, schermata di blocco. Quando un editore cambia l’artwork, l’animazione sparisce subito.

11 – Chi ascolta

Niente foto, niente facce, nessuno disegnato male.

In podnod non si caricano immagini da nessuna parte, quindi ogni account riceve uno di 24 oggetti da studio disegnati, una cassetta, un microfono, una bobina, un megafono, a caso e per sempre. Ognuno è una sola tinta in tre toni: una base scura, un oggetto tenue e un tono medio per i dettagli, con i ritagli che bucano la base, così bastano le sagome per distinguere due persone a 24 pixel.

Non c’è un corpo a cui dare un genere né una pelle da sbagliare, e niente viene dedotto dal tuo nome. Come le copertine, sono immagini e non vernice, ed è l’unico motivo per cui il sistema monocromatico lascia entrare il loro colore.

I 24 avatar degli ascoltatori di podnod, oggetti da studio dalle cuffie, una radio e uno stereo portatile fino a una bobina, un megafono e un microfono a condensatore, ognuno disegnato su un cerchio scuro in una sola tinta smorzata
I ventiquattro

12 – Lo sviluppo

Un solo design system. Ovunque.

Telefono, desktop e web condividono un layout e una coda, e l’app è scura apposta, così parlano le copertine.

La pagina delle novità

La pagina delle novità

Ogni nuova puntata di ogni podcast che segui, su una sola pagina. Le app di podcast di solito archiviano le puntate sotto i rispettivi podcast; podnod invece parte dal giorno, perché la domanda con cui la gente la apre è: cosa c’è di nuovo?

Ricerca

Ricerca

Podcast, puntate e persone, trovati mentre scrivi. Niente pulsante di ricerca e niente pagina dei risultati: con il telefono in una mano sul tram, ogni tocco in più è un motivo per lasciar perdere.

Libreria

Libreria

Iscrizioni, download e coda, esattamente dove li hai lasciati. La schermata meno emozionante da progettare, e quella su cui si giudica un’app: perdi una volta il punto in cui qualcuno era arrivato e nient’altro ti verrà perdonato.

Il player non alza la voce

Il player non alza la voce

Velocità, salti, capitoli e timer di spegnimento, e si ricorda dove hai interrotto. Resta discreto perché la copertina è vistosa, e un player che fa a gara con l’artwork perde.

Notifiche

Notifiche

Una notifica appena un podcast che ti sta a cuore pubblica qualcosa di nuovo. È l’unico buon motivo che un’app di podcast ha per disturbare qualcuno.

Novità, ogni mattina

Novità, ogni mattina

Le puntate del giorno di tutti quelli che segui, nell’ordine in cui sono arrivate. Niente classifiche e niente «per te»: l’ordine di arrivo è l’unico algoritmo che tutti capiscono già.

Sul web la stessa pagina si apre in grande: un podcast in evidenza in alto, tutto il catalogo sotto e classifiche aggiornate ogni settimana.

Home page di podnod.eu con un podcast in evidenza e la pagina delle novità
podnod.eu – la pagina delle novità
Classifiche dei podcast più popolari su podnod.eu
Le classifiche della settimana
Il riquadro «uguale su tutte e sei» su podnod.eu: premendo il pulsante di ogni piattaforma compare il suo banner, per iOS, Android, macOS, Windows, Linux e browser

La home page si chiude con un unico riquadro: sei pulsanti e, sotto, un pannello in cui scorre il banner di ogni piattaforma.

I banner sono compressi tra 13 e 25 KB l’uno, 105 KB tutti e sei, così si caricano tutti subito e nessun pulsante apre mai un riquadro vuoto. Basta mezzo secondo di bianco perché «su ogni dispositivo» suoni come una promessa invece che come un fatto.

13 – Cosa è rimasto

Ogni podcast, ogni dispositivo, una sola coda.

Cinque piattaforme online e iOS in arrivo, una sola coda e il punto esatto di ogni puntata che ti seguono su tutte, e oltre 113.000 podcast tra cui scegliere.

Il brand non ha un colore suo e lascia che il resto lo mettano le copertine. Quello che vende podnod è il momento in cui una frase riprende sul portatile dal secondo esatto in cui si era fermata sul telefono. Quando il trucco lo fa il prodotto, il compito del brand è non mettersi in mezzo.

Precedente: