Проекти /

podnod

podnod

Един подкаст плейър за всяко устройство, което ползваш. Предаванията, опашката и мястото ти във всеки епизод са синхронизирани навсякъде и минават от едно устройство на друго насред изречението.

Бранд

podnod

Дисциплини

, ,

Година

Логото на podnod – pod в бяло над nod в сиво – на черен фон, а от pod капе оранжево желе

01 – Историята

Започни на едно устройство. Довърши на друго.

Никой не слуша само на едно устройство. По пътя за работа е телефонът, следобед е лаптопът, вечер е каквото е най-близо. Повечето подкаст приложения живеят на едно от тях. Навсякъде другаде започваш отначало: търсиш предаването и превърташ, докато намериш мястото, където спря.

podnod е един плейър за всички платформи: уеб, macOS, Windows, Linux и Android, а iOS е на път. Изграден е от една дизайн система и един код, така че изглежда и се държи еднакво навсякъде. Влезеш ли в акаунта си, всичко те следва: подкастите ти, опашката, докъде си във всеки епизод, какво вече е изслушано, дори настройките ти. Работи и без акаунт – влизането е само за синхронизация.

Всяко устройство. Една опашка. Една и съща секунда.

02 – Предаване

Подай го насред изречението.

podnod на телефон: над навигацията ред показва, че епизод се пуска в Safari на macOS, с бутон за продължаване

Всяко устройство с твоя акаунт показва какво пускат другите. С едно натискане продължаваш от същата секунда: лаптопът млъква, телефонът продължава и никога не чуваш едно изречение два пъти, нито пропускаш някое.

Три движещи се чертички означават, че се пуска в момента, а неподвижна точка – че е оставено на пауза. Разликата е важна: поемеш ли активна сесия, другото устройство спира, а поемеш ли сесия на пауза, нищо не спира. Редът се появява само когато има какво да поемеш: сесия на пауза изчезва след пет минути, а изслушан епизод никога не се предлага.

03 – Брои се за изслушан

Рекламите накрая не се броят.

Много епизоди завършват с няколко минути реклами и надписи и почти никой не ги изслушва. В повечето приложения така епизодът остава наполовина изслушан завинаги и задръства опашката и списъка с нови. podnod все пак го маркира като изслушан, ако спреш достатъчно близо до края, така че той сам излиза от „Нови“ и от опашката, и то на всички устройства едновременно.

Колко близо – решаваш ти: само в самия край или когато остават 10 секунди, 30 секунди, минута, две или пет. Възпроизвеждането никога не се прекъсва по-рано – продължиш ли да слушаш, върви до истинския край. За подкасти с дълго интро или аутро можеш да прескачаш и фиксиран отрязък, а прозорецът се мери оттам, така че нищо не се брои два пъти.

Настройки за възпроизвеждане в podnod: непрекъснато пускане, връщане назад при продължаване и „брои се за изслушан при“, зададено на 30 сек., с избор между само в края, 10 сек., 1 мин., 2 мин. и 5 мин.
Настройки → възпроизвеждане, на podnod.eu

04 – Идеята

Никакъв бранд цвят.

podnod е монохромен нарочно: черно, бяло и няколко сиви, без нито един фирмен нюанс. В логото pod стои над nod, а втората дума е леко наклонена – като глава, която кима в такт. Името се пише с малка буква навсякъде, дори в началото на изречение, а проверка проваля билда при всяко друго изписване.

Под повърхността системата е мек брутализъм. Дълбочината е стълбица от четири плочи, всяка една стъпка по-светла от предишната, никога сянка. В продукта няма размазване никъде и тест проваля билда, ако се промъкне матирана повърхност. Всеки контрол е овален като хапче. Inter носи всяка дума, със стегнат тракинг, а целият цвят идва от обложките.

Логото на podnod на черен фон
На черно
Логото на podnod на светлосив фон
На светлосиво

Платно

#0B0B0B

Хартия

#F1F1F1

Оттенък руж

#F3CCCB

Оттенък кайсия

#F5D5B4

Оттенък небе

#C4DCF2

05 – Единственият цвят

Избираш го ти. Или се избира сам.

Единственият цвят, който podnod допуска, е избран от слушателя: акцентът, който запълва бутона за пускане, линията на прогреса и точката за неизслушано. Има седем оттенъка и всички са нарочно бледи. Акцентът е най-вече запълване с почти черен текст върху него, а по-тъмен оттенък вече нямаше да се чете като единствената светла форма на черния екран.

По подразбиране е „микс“, който избира нов оттенък при всяко отваряне на podnod. Никога не е чисто „хартия“ – това би изглеждало, все едно функцията се е счупила. Всеки оттенък е измерен за контраст спрямо всяка повърхност, на която попада – с тестове, не на око.

Настройки в podnod: курсорът избира поред всеки акцентен оттенък, а избраното квадратче и превключвателите отдолу приемат този цвят
Настройки → акцент, на podnod.eu

06 – Лентата с менюта

Любопитно малко приятелче.

На десктоп podnod живее в лентата с менюта като мъничък персонаж: кръгът от логото с две високи очи. Докато работиш, следи курсора ти – само хвърля по едно око, никога не се взира. Когато нищо не върви, чака като контур. Пуснеш ли епизод, се запълва и кима в такт.

Рисува се, не се зарежда. Всеки кадър се скицира в Rust от кръгове и капсули, по петнайсет пъти в секунда, докато кима, и се подава на macOS като шаблонно изображение, така че изглежда добре на светла лента, на тъмна и под маркировката на менюто. В Linux получава и двете настроения, но без движение: трейът там записва всеки кадър на диска, а едно кимане би означавало петнайсет записа на файл в секунда през целия епизод. Поискаш ли от компютъра по-малко движение, приятелчето седи неподвижно и гледа право напред. Запълнено пак значи, че нещо се пуска.

Лента с менюта отблизо: приятелчето на podnod, кръг с две очи, следи с поглед курсора, който обикаля; пускането започва и то се запълва и кима в такт
Наблюдава, после кима в такт

07 – Балончето

Издърпай плейъра от лентата.

Кликни лицето и от него увисва малък плейър: обложката, докъде си и три бутона. Хвани го и дръпни. Отначало се съпротивлява. Плейърът се отделя от иконата, а връхчето му остава закачено там, разтяга се и се накланя, докато дърпаш. След 34 пиксела се откъсва и става малък прозорец, който плава над всичко останало, колкото искаш.

Върнеш ли го, първо пита. На 110 пиксела от мястото си от ръба му започва да се издува връхче към иконата – отначало бавно, после изведнъж, така че се усеща като привличане, а не като щракване. Пуснеш ли го, полита към мястото си, докато връхчето порасне обратно. Плейърът, връхчето и контурът са една форма, а закачането е едно число, което отива от едно до нула и което контурът, съдържанието и бутонът следват заедно, така че никога няма кадър с две форми на екрана.

Някои неща липсват нарочно: скорост, таймер за заспиване, превъртане. Това е един поглед и три натискания, а бутоните за прескачане показват твоите собствени стъпки на прескачане.

Десктоп: клик върху лицето на podnod в лентата с менюта отваря малък тъмен плейър с връхче към иконата; издърпват го, връхчето се разтяга и се откъсва, а плейърът плава над прозорец; когато го връщат, към иконата се издува връхче и плейърът полита към мястото си
Издърпан, пренесен, полетял обратно

08 – Движение

Обложката пътува. Нищо друго не трябва.

Без сенки и размазване движението остава единственият начин да кажеш, че нещото, което натисна, се превърна в това. Затова се харчи пестеливо. Отвориш ли плейъра, една обложка пътува от мини плейъра до голямата рамка, а всичко друго стои неподвижно; затвориш ли го, тя се връща по същия път от мястото, докъдето е стигнала. Смяната на табове – това, което хората правят най-често – няма никаква анимация.

Натиснеш ли play, виждаш как работи: пръстен на мястото на иконата и „зарежда · от 12:04“ на мястото на времето. Натискането остава активно, така че второ натискане отменя старта, вместо да нареди още един. Редът, който слушаш, показва „Пуска се“ с три малки чертички и запазва продължителността си. Изслушаният епизод показва знака си за изслушан за секунда, преди редът му да се сгъне, така че изчезването се чете като последица, а не като бъг.

Намаленото движение е на степени, а не изключено: декорацията изчезва, пътуването става преливане, а всичко, което носи информация, сменя анимацията си с неподвижен знак, който казва същото.

Уеб приложението podnod: в мини плейъра се натиска play и редът на епизода започва да показва „Пуска се“; мини плейърът се отваря в пълния плейър, докато обложката му расте на мястото си, после пак се затваря
Пусни, отвори, затвори. podnod.eu/app

09 – По картинка на ден

Утрешната първа страница се рисува тази нощ.

Първата страница се отваря с един избран подкаст. Всяка сутрин в 05:40 ч. се избира нов и никой не се връща преди 90 дни. През нощта podnod му рисува картинка. На gpt-image-2 на OpenAI се подават обложката на подкаста, категорията и описанието му с молба за широка сцена в палитрата, текстурите и мотивите на самата обложка: без надписи, а лявата третина остава спокойна за заглавието.

След това Seedance 2.0 mini на ByteDance я анимира по бриф, който иска бавно, меко движение: „да е невъзможно да кажеш коя секунда от клипа гледаш“. Моделът чете първия и последния кадър като два различни момента, затова получава картината само веднъж. Цикъла podnod затваря сам, като наслагва с преливане началото на клипа върху края му. Подкастът се появява на страницата едва когато картината му е готова. Ако нощта се провали, вчерашният избор остава на мястото си, а страницата слиза стъпка по стъпка: от цикъла към неподвижната картина, после към размазаната корица на подкаста, после към чисто черно. До счупено изображение никога не стига.

Единственото абсолютно правило: никакви хора. Видеомоделите отказват да анимират кадър, в който виждат реален човек, а някои го казват само като тихо не връщат видео. Картина, пълна с водещи, просто никога нямаше да помръдне. Честността също е част от дизайна: етикетът „илюстрация, генерирана за днешния избор“ се появява само когато картината наистина е генерирана. Така собствената корица на издателя никога не минава за машинно направена.

Горната секция на началната страница на podnod.eu: генерирана картина на тактическа дъска и футболна топка в синьозеления цвят на представения подкаст, с бавно местещи се пулове по дъската, под заглавието на подкаста и етикет, че илюстрацията е анимирана за днешния избор
Изборът на 29 септември 2026 г., нарисуван и анимиран през нощта

10 – Корици, които дишат

Хората не мърдат. Всичко друго може.

Корицата на представения подкаст минава през същото, но като синемаграф: „снимка, в която мърдат няколко избрани неща, а всеки човек в нея е напълно неподвижен“. Хората и надписите на корицата се третират като отпечатано мастило, така че водещите никога не мигат, а заглавията никога не се разтичат. Клипът става анимиран WebP с осем кадъра в секунда. Ако цикълът не се затваря сам, половин секунда от началото му се наслагва с преливане върху края.

Това е чист бонус. Рисува се върху неподвижната картина едва след като тя е заредена. Изобщо не се изтегля за някой, който е поискал по-малко движение, и никога не се ползва там, където движеща се картина би счупила нещо: известия, карти за споделяне, заключен екран. Когато издател смени илюстрацията си, анимацията се сваля веднага.

11 – Слушатели

Без снимки, без лица, без сбъркани портрети.

Никъде в podnod няма качени снимки, затова всеки акаунт получава един от 24 нарисувани студийни предмета – касета, микрофон, ролка, мегафон – на случаен принцип и завинаги. Всеки е в един цвят и три тона: тъмна подложка, мек предмет и среден тон за детайлите. Изрязаните части са пробити през подложката, така че само силуетът стига, за да различиш двама души при 24 пиксела.

Няма тяло, на което да се дава пол, няма кожа, чийто цвят да се сбърка, и нищо не се отгатва от името ти. Като кориците, те са изображения, а не боя от интерфейса – и само затова монохромната система пуска цвета им.

24-те аватара на слушателите в podnod – студийни предмети от слушалки, радио и бумбокс до ролка, мегафон и кондензаторен микрофон, всеки нарисуван върху тъмен кръг в един приглушен цвят
Всичките двайсет и четири

12 – Как го направихме

Една дизайн система. Навсякъде.

Телефонът, десктопът и уебът споделят един лейаут и една опашка, а приложението е тъмно по замисъл, за да говорят кориците.

Списъкът

Списъкът

Всеки нов епизод от всеки подкаст, който следваш, на една страница. Подкаст приложенията обикновено подреждат епизодите по подкасти. podnod започва от деня, защото с този въпрос хората го отварят: какво ново има.

Търсене

Търсене

Подкасти, епизоди и хора – намират се, докато пишеш. Без бутон за търсене и без страница с резултати: с телефон в една ръка в трамвая всяко допълнително тапване е повод да се откажеш.

Библиотека

Библиотека

Абонаментите, изтеглянията и опашката – точно където ги остави. Най-скучният екран за дизайн и точно по него се съди за приложението: изгубиш ли веднъж докъде е стигнал някой, нищо друго не ти се прощава.

Плейърът остава тих

Плейърът остава тих

Скорост, прескачане, глави и таймер за заспиване, а и помни къде спря. Остава тих, защото корицата е шумна, а плейър, който се бори с илюстрацията, губи.

Известия

Известия

Пинг в момента, в който подкаст, на който държиш, пусне нещо ново. Това е единствената добра причина подкаст приложение да прекъсва някого.

Ново всяка сутрин

Ново всяка сутрин

Епизодите за деня от всички, които следваш, в реда, в който са излезли. Без класиране и без „за теб“: редът на пристигане е единственият алгоритъм, който всички вече разбират.

В уеба същият списък се разгръща широко: представен подкаст отгоре, целият каталог отдолу и класации, които се обновяват всяка седмица.

Началната страница на podnod.eu с представен подкаст и списъка
podnod.eu – списъкът
Класациите с най-популярното в podnod.eu
Класациите тази седмица
Панелът „Същото на всичките шест“ в podnod.eu: натискането на бутона на всяка платформа плъзга нейния банер – iOS, Android, macOS, Windows, Linux и браузъра

Началната страница завършва с един панел: шест бутона и поле с картина, в което под тях се плъзга банерът на всяка платформа.

Банерите са свити до 13–25 KB всеки, 105 KB за всичките шест, така че всички се зареждат предварително и никой бутон не отваря празен панел. Половин секунда празно стига, за да звучи „на всяко устройство“ като обещание, а не като факт.

13 – Какво остана

Всеки подкаст, всяко устройство, една опашка.

Пет платформи вече работят, iOS идва. Една опашка и мястото ти във всеки епизод те следват на всички тях, а изборът е от над 113 000 подкаста.

Брандът няма собствен цвят и оставя кориците да донесат останалото. Това, което продава podnod, е моментът, в който изречението продължава на лаптопа точно от секундата, в която е спряло на телефона. Когато продуктът сам прави номера, работата на бранда е да не му пречи.

Предишен: