Réalisations /

podnod

podnod

Un seul lecteur de podcasts pour tous tes appareils : tes émissions, ta file d’attente et l’endroit où tu en es dans chaque épisode, synchronisés partout, et repris en pleine phrase.

Marque

podnod

Disciplines

, ,

Année

Le logo podnod, « pod » en blanc au-dessus de « nod » en gris, sur fond noir, avec de la gelée orange qui coule de « pod »

01 – L’histoire

Commence sur un appareil. Finis sur un autre.

Personne n’écoute sur un seul appareil. Le trajet, c’est sur le smartphone, l’après-midi sur l’ordi, le soir sur ce qui traîne à portée de main. La plupart des applis de podcast vivent sur un seul d’entre eux, et partout ailleurs, tu recommences : tu cherches l’émission et tu tâtonnes dans l’épisode pour retrouver où tu en étais.

podnod, c’est un seul lecteur pour toutes les plateformes : le web, macOS, Windows, Linux et Android, avec iOS en route. Il est construit sur un seul design system et une seule base de code, pour avoir le même look et le même comportement partout. Connecte-toi et tout te suit : tes podcasts, ta file d’attente, où tu en es dans chaque épisode, ce que tu as fini, et même tes réglages. Ça marche aussi sans compte ; la connexion ne sert qu’à la synchro.

Tous les appareils. Une seule file. À la seconde près.

02 – Passage de relais

Passe le relais en pleine phrase.

podnod sur un smartphone : au-dessus de la navigation, une ligne indique qu'un épisode est en lecture sur Safari sous macOS, avec un bouton pour reprendre

Sur chaque appareil où ton compte est connecté, tu vois ce que jouent les autres. Un seul appui et la lecture reprend à la seconde près : l’ordi se tait, le smartphone enchaîne, et tu n’entends jamais deux fois la même phrase, ni n’en rates une seule.

Trois barres qui bougent : c’est en lecture en ce moment. Un point fixe : tu l’as laissé en pause. La différence compte, parce que reprendre une session en cours arrête l’autre appareil, alors que reprendre une session en pause n’arrête rien. La ligne n’apparaît que s’il y a quelque chose qui vaut le coup d’être repris : une session en pause disparaît au bout de cinq minutes, et un épisode terminé n’est jamais proposé.

03 – Considéré comme terminé

Les pubs de fin ne comptent pas.

Plein d’épisodes se terminent par quelques minutes de pubs et de générique, et presque personne ne les écoute jusqu’au bout. Dans la plupart des applis, l’épisode reste alors à moitié écouté pour toujours, et encombre la file et la liste des nouveautés. podnod le marque quand même comme écouté quand tu t’arrêtes assez près de la fin : il sort tout seul des nouveautés et de la file, sur tous tes appareils à la fois.

Le « assez près », c’est toi qui le règles : seulement tout à la fin, ou quand il reste 10 secondes, 30 secondes, une minute, deux ou cinq. La lecture n’est jamais coupée avant la fin : si tu continues d’écouter, l’épisode va jusqu’au vrai bout. Pour les podcasts avec une longue intro ou un long générique de fin, tu peux aussi sauter une durée fixe, et la marge se calcule à partir de là : elle n’est jamais comptée deux fois.

Réglages de lecture de podnod : lecture continue, retour en arrière à la reprise, et « considéré comme terminé » réglé sur 30 s, avec au choix seulement à la fin, 10 s, 1 min, 2 min et 5 min
Réglages → lecture, sur podnod.eu

04 – L’idée

Zéro couleur de marque.

podnod est monochrome exprès : du noir, du blanc, quelques gris, et pas une seule teinte de marque. Le logo empile pod sur nod, le second mot légèrement penché, comme une tête qui hoche en rythme. Le nom s’écrit en minuscules partout, même en début de phrase, et une vérification fait échouer le build à la moindre autre orthographe.

En dessous, le système est soft-brutaliste. La profondeur, c’est une rampe de quatre plaques, chacune un cran plus claire que la précédente, jamais une ombre. Il n’y a aucun flou dans tout le produit, et un test fait échouer le build si une surface dépolie s’y glisse. Chaque commande est une pilule. Inter porte chaque mot, avec un interlettrage serré, et ce sont les pochettes qui apportent toute la couleur.

Logo podnod sur fond noir
Sur noir
Logo podnod sur fond gris clair
Sur gris clair

Toile

#0B0B0B

Papier

#F1F1F1

Teinte rose poudré

#F3CCCB

Teinte abricot

#F5D5B4

Teinte ciel

#C4DCF2

05 – La seule couleur

Tu la choisis. Sinon, elle se choisit toute seule.

La seule couleur que podnod laisse entrer, c’est celle que tu choisis : l’accent qui remplit le bouton de lecture, la barre de progression et le point des épisodes non écoutés. Il y a sept teintes, toutes pâles exprès. L’accent sert surtout de fond, avec un texte presque noir dessus, et une teinte plus foncée ne se lirait plus comme la seule forme allumée sur un écran noir.

Par défaut, c’est « mix » : une nouvelle teinte à chaque ouverture de podnod, et jamais le papier tout court, qui donnerait l’impression que la fonction a planté. Le contraste de chaque teinte est mesuré sur chaque surface où elle peut atterrir, dans les tests et pas à l’œil.

Réglages de podnod : le curseur sélectionne tour à tour chaque teinte d'accent, et la pastille choisie ainsi que les interrupteurs en dessous prennent cette couleur
Réglages → accent, sur podnod.eu

06 – La barre des menus

Un petit pote curieux.

Sur ordinateur, podnod vit dans la barre des menus sous la forme d’un minuscule personnage : le cercle du logo avec deux grands yeux. Il garde un œil sur ton curseur pendant que tu bosses, par petits coups d’œil, jamais en te fixant. Rien en lecture ? Il attend, en simple contour. Lance la lecture et il se remplit, puis hoche la tête au rythme de ton épisode.

Il est dessiné, pas chargé. Chaque image est tracée en Rust à partir de cercles et de capsules, quinze fois par seconde pendant qu’il hoche la tête, et passée à macOS comme image modèle : il rend bien sur une barre des menus claire, sombre, et sous la surbrillance du menu. Sur Linux, il garde ses deux humeurs, mais sans le mouvement : la zone de notification y écrit chaque image sur le disque, et un hochement, ce serait quinze écritures de fichier par seconde pendant tout un épisode. Demande à ton ordi de réduire les animations et le petit pote ne bouge plus, il regarde droit devant. Rempli, ça veut toujours dire en lecture.

Gros plan sur une barre des menus : le petit personnage de podnod, un anneau avec deux yeux, suit du regard le curseur qui tourne en rond ; la lecture démarre, il se remplit et hoche la tête en rythme
Il observe, puis hoche la tête

07 – La bulle

Décroche le lecteur de la barre des menus.

Clique sur le visage et un petit lecteur s’y suspend : la pochette, où tu en es et trois boutons. Attrape-le et tire. Il résiste d’abord. Le lecteur se détache de l’icône pendant que sa pointe y reste accrochée, et s’étire en se penchant à mesure que tu tires. Au-delà de 34 pixels, il lâche prise et devient une petite fenêtre qui flotte au-dessus de tout le reste, aussi longtemps que tu veux la garder là.

Ramène-le et il demande d’abord. À moins de 110 pixels de sa place, une pointe commence à gonfler sur son bord en direction de l’icône, lentement puis d’un coup, pour que ça se lise comme une attraction et pas comme un clic sec. Lâche-le et il rentre en volant pendant que la pointe repousse. Le lecteur, sa pointe et son contour ne forment qu’une seule forme, et l’accrochage, c’est un seul nombre qui passe de un à zéro, que suivent le contour, le contenu et le bouton : il n’y a donc jamais une image avec deux formes à l’écran.

Ce qu’il laisse de côté, c’est voulu : pas de vitesse, pas de minuteur de mise en veille, pas de navigation dans l’épisode. C’est un coup d’œil et trois boutons, et les boutons de saut affichent tes propres durées de saut.

Un bureau : un clic sur le visage de podnod dans la barre des menus ouvre un petit lecteur sombre avec une pointe vers l'icône ; on le tire, la pointe s'étire puis lâche, et le lecteur flotte au-dessus d'une fenêtre ; ramené, une pointe gonfle vers l'icône et le lecteur rentre en volant
Décroché, baladé, rentré au bercail

08 – Le mouvement

La pochette voyage. Le reste ne bouge pas.

Sans ombres ni flou, il ne reste que le mouvement pour dire que ce que tu as touché est devenu ça. Alors il est utilisé avec parcimonie. Ouvre le lecteur et une seule pochette voyage du mini-lecteur jusqu’au grand cadre, pendant que tout le reste ne bouge pas ; ferme-le et elle repart par où elle est venue, depuis l’endroit où elle était arrivée. Changer d’onglet, ce que les gens font le plus, n’a droit à aucune animation.

Appuie sur lecture et tu vois que ça bosse : un anneau à la place de l’icône de lecture, et « chargement · à partir de 12:04 » à la place du temps. Le bouton reste actif : un deuxième appui annule le lancement au lieu d’en mettre un autre en file. La ligne que tu écoutes affiche « En lecture » avec trois petites barres et garde sa durée. Un épisode terminé affiche sa marque d’écoute pendant une seconde avant que sa ligne ne se replie : son départ se lit comme une conséquence, pas comme un bug.

La réduction des animations est graduée, pas un simple interrupteur : la déco disparaît, les déplacements deviennent des fondus enchaînés, et tout ce qui porte une info remplace sa boucle par un repère fixe qui dit la même chose.

L'appli web podnod : on appuie sur lecture dans le mini-lecteur et la ligne de l'épisode se met à afficher « En lecture » ; le mini-lecteur s'ouvre en lecteur complet pendant que sa pochette grandit jusqu'à sa place, puis se referme
Lecture, ouverture, fermeture. podnod.eu/app

09 – Une image par jour

La une de demain se dessine ce soir.

La page d’accueil s’ouvre sur un seul podcast à la une. Tous les matins à 5 h 40, un nouveau est choisi, et aucun podcast ne revient avant 90 jours. Pendant la nuit, podnod lui dessine une image. gpt-image-2 d’OpenAI reçoit la pochette du podcast, sa catégorie et sa description, avec pour consigne une scène en format large dans la palette, les textures et les motifs de la pochette : pas de texte, et le tiers gauche laissé calme pour le titre.

Ensuite, Seedance 2.0 mini de ByteDance l’anime, avec un brief qui demande un mouvement lent et doux : « il doit être impossible de dire quelle seconde du clip on est en train de regarder ». Le modèle lit une première et une dernière image comme deux moments différents. Il ne reçoit donc l’image qu’une fois, et podnod referme la boucle lui-même en fondant le début du clip sur sa fin. Une émission n’apparaît qu’une fois son image prête. Si une nuit échoue, la sélection de la veille reste en place. La page se replie alors de la boucle à l’image fixe, puis à la pochette floutée de l’émission, puis à un simple fond noir, jamais à une image cassée.

La seule règle absolue : personne à l’image. Les modèles vidéo refusent d’animer une image qu’ils prennent pour une vraie personne. Certains ne le signalent qu’en renvoyant discrètement… aucune vidéo. Une image pleine d’animateurs ne bougerait donc jamais. L’honnêteté est prévue dès la conception, elle aussi : la mention « visuel généré pour la sélection du jour » n’apparaît que si l’image est vraiment générée. La pochette d’un éditeur ne passe ainsi jamais pour une création de la machine.

Le haut de la page d'accueil de podnod.eu : une image générée d'un tableau tactique et d'un ballon de foot dans le bleu canard de l'émission à la une, dont les pions glissent lentement, sous le titre de l'émission et une mention indiquant que le visuel a été animé pour la sélection du jour
La sélection du 29 septembre 2026, dessinée et animée pendant la nuit

10 – Des pochettes qui respirent

Les gens ne bougent pas. Le reste, si.

La pochette de l’émission à la une a droit au même traitement, en cinémagraphe : « une photo où quelques éléments choisis bougent et où chaque personne reste parfaitement immobile ». Les personnes et le lettrage d’une pochette sont traités comme de l’encre imprimée. Les animateurs ne clignent donc jamais des yeux et les titres ne fondent jamais. Le clip devient un WebP animé à huit images par seconde. Une boucle qui ne se referme pas toute seule reçoit une demi-seconde de son début, fondue sur sa fin.

C’est du pur bonus. L’animation ne se pose sur l’image fixe qu’une fois celle-ci chargée. Elle n’est jamais téléchargée pour qui a demandé moins d’animations, et jamais utilisée là où une image animée casserait quelque chose : notifications, cartes de partage, écran de verrouillage. Quand un éditeur change son visuel, l’animation est retirée aussitôt.

11 – Les auditeurs

Ni photo, ni visage, ni portrait raté.

podnod n’accueille aucune image envoyée par les utilisateurs. Chaque compte reçoit donc l’un des 24 objets de studio dessinés (une cassette, un micro, une bobine, un mégaphone), au hasard et pour de bon. Chacun tient en une teinte et trois tons : un fond profond, un objet doux et un ton moyen pour les détails. Les découpes sont percées dans le fond, pour que la silhouette suffise à distinguer deux personnes à 24 pixels.

Pas de corps à genrer, pas de peau à rater, et rien n’est deviné à partir de ton nom. Comme les pochettes, ce sont des images et non de la peinture : c’est la seule raison pour laquelle le système monochrome laisse entrer leur couleur.

Les 24 avatars d'auditeurs de podnod, des objets de studio allant du casque, de la radio et du poste radiocassette à la bobine, au mégaphone et au micro à condensateur, chacun dessiné sur un cercle sombre dans une seule teinte sourde
Les vingt-quatre

12 – Construire l’appli

Un seul design system, partout.

Mobile, ordinateur et web partagent la même mise en page et la même file d’attente. L’appli est sombre par choix, pour laisser parler les pochettes.

La feuille

La feuille

Chaque nouvel épisode de chaque émission que tu suis, sur une seule page. Les applis de podcast rangent souvent les épisodes sous leurs émissions. podnod part plutôt du jour, parce que « quoi de neuf ? » est la question avec laquelle on l’ouvre.

Recherche

Recherche

Émissions, épisodes et personnes, trouvés pendant que tu tapes. Pas de bouton de recherche ni de page de résultats : sur un smartphone tenu d’une main dans le tram, chaque appui en plus est une raison de laisser tomber.

Bibliothèque

Bibliothèque

Abonnements, téléchargements et file d’attente, exactement là où tu les as laissés. L’écran le moins excitant à concevoir, et celui sur lequel on juge une appli : fais perdre sa place à quelqu’un une seule fois, et plus rien d’autre ne sera pardonné.

Le lecteur reste discret

Le lecteur reste discret

Vitesse, sauts, chapitres et minuteur de sommeil, et il retient où tu en étais. Il reste discret parce que la pochette, elle, fait du bruit. Un lecteur qui se bat contre le visuel perd.

Notifications

Notifications

Une notif dès qu’une émission qui te tient à cœur sort du nouveau. C’est la seule bonne raison qu’a une appli de podcast de déranger qui que ce soit.

Du nouveau, chaque matin

Du nouveau, chaque matin

Les épisodes du jour de tous ceux que tu suis, dans l’ordre où ils sont arrivés. Pas de classement ni de « pour toi » : l’ordre d’arrivée est le seul algorithme que tout le monde comprend déjà.

Sur le web, la même feuille s’ouvre en grand : une émission à la une en haut, tout le catalogue en dessous, et des classements mis à jour chaque semaine.

Page d'accueil de podnod.eu avec une émission à la une et la feuille
podnod.eu – la feuille
Classements des émissions populaires sur podnod.eu
Les classements de la semaine
Le bloc « pareil sur les six » de podnod.eu : un appui sur chaque pastille de plateforme fait glisser la bannière de cette plateforme (iOS, Android, macOS, Windows, Linux et le navigateur)

La page d’accueil se termine sur un seul bloc : six pastilles, et un panneau d’image qui fait glisser la bannière de chaque plateforme juste en dessous.

Les bannières sont compressées entre 13 et 25 Ko chacune, 105 Ko pour les six. Elles se chargent donc toutes d’avance, et aucune pastille ne s’ouvre sur un bloc vide. Une demi-seconde de vide suffit pour que « sur tous les appareils » sonne comme une promesse plutôt que comme un fait.

13 – Ce qui est resté

Chaque émission, chaque appareil, une seule file.

Cinq plateformes en ligne, iOS en route, une seule file d’attente et une seule position dans chaque épisode, qui te suivent sur toutes, et plus de 113 000 émissions au choix.

La marque n’a pas de couleur à elle et laisse les pochettes apporter le reste. Ce qui fait vendre podnod, c’est le moment où une phrase reprend sur l’ordi à la seconde même où elle s’était arrêtée sur le téléphone. Quand le produit fait le tour de magie, le boulot de la marque, c’est de ne pas le gêner.

Précédent :