Vida
Una pantalla per a la cultura en català.
L'encàrrec
Ona Mediterrània volia llançar Vida: una plataforma de televisió en català amb continguts informatius i culturals mirant cap a les Illes Balears i els Països Catalans. Programes propis, sèries documentals, material històric i un directe. Tot en un lloc que no fos «un canal de YouTube amb logo».
L’encàrrec era complet: construir-la sencera i deixar-la preparada per créixer, des de la web fins a l’última línia de codi, amb la porta oberta a aplicacions de televisor i a acords amb altres plataformes.
Què vam fer
Vam dissenyar la plataforma abans que la web. Què és un programa, què és un especial, què és una notícia i què és el directe; com es relacionen i què veu primer qui hi entra. Aquesta estructura és el que fa que Vida sembli una tele i no un blog amb vídeos.
Vam construir tota la identitat gràfica a partir del logotip. Del cor groc que fa de V en va sortir la resta: una paleta de liles amb el groc com a únic color càlid, Oswald per als rètols i Roboto per a tot el que es llegeix seguit, i els components de la plataforma: la cinta blanca del títol, la targeta de programa, el menú de cinc entrades i un únic botó, VEURE. Amb aquesta mateixa lògica vam desenvolupar el web a mida sobre WordPress: fitxes de programa, col·leccions d’especials, un bloc de directe i l’arxiu, tot ordenat en una experiència fluida i accessible.
Vam programar el que la fa funcionar sola. L’actualitat de dBalears entra per sindicació i es publica sense que ningú l’hagi de copiar a mà; els vídeos s’allotgen on es reprodueixen millor i la plataforma els organitza. Publicar un especial nou és qüestió de minuts, no de desenvolupador.
I la vam deixar preparada per al que ve. L’arquitectura està pensada per a la futura expansió a aplicacions de televisor i per a acords amb altres plataformes: el catàleg no depèn de la web, la web només és la seva primera finestra.
Un catàleg que es compon sol, amb un color per programa.
Una plataforma audiovisual petita no es pot permetre mantenir un reproductor, un CDN de vídeo i un equip tècnic. La clau va ser no reinventar el que ja existeix: el vídeo viu on se serveix millor i nosaltres vam construir el que de debò diferencia Vida, el catàleg, la marca i la manera d’explicar les coses.
Com funciona per dins
Vida no és un canal ni un blog: és un catàleg. Cada peça té una fitxa amb el seu tipus (programa, especial, minut d’actualitat), la seva data i la seva col·lecció, i la portada es compon sola a partir d’això. Per això avui la web ordena desenes d’especials numerats sense que ningú toqui el disseny.
El vídeo se serveix des d’una plataforma de vídeo, no des del servidor de la web. Sembla obvi i no ho és: molts projectes culturals moren intentant allotjar els seus propis vídeos. Aquí el servidor només entrega pàgines lleugeres, i la reproducció, la qualitat adaptativa i el directe els resol qui ho fa millor.
L’actualitat entra per sindicació des de dBalears i es publica automàticament. És la part menys vistosa del projecte i la que més feina estalvia cada setmana: contingut nou sense redacció pròpia.
Del procés al resultat · mou el cursor
↔
Disseny 2025
Redisseny 2026
Com va anar
Vida · arquitectura editorial
Un web que sap què explicar i on reproduir-ho.
Vida organitza programes, episodis, directe i actualitat en una mateixa experiència. La decisió tècnica va ser separar aquest catàleg dels sistemes que serveixen cada contingut.
01 · Una fitxa, dues feines
La pàgina explica. El reproductor reprodueix.
La mateixa fitxa conté el context editorial i obre un reproductor extern. Fes servir els controls per separar les dues responsabilitats.
El catàleg
Vida conserva el context.
La fitxa relaciona programa, col·lecció, episodi i continuïtat. Aquesta estructura pertany a la plataforma i permet ordenar l’arxiu sense convertir-lo en una llista de vídeos.
- Programa
- Episodi
- Peça següent
La reproducció
El vídeo se serveix fora del servidor web.
En reproduir, la pàgina entrega el control al player incrustat. L’episodi mostrat utilitza YouTube com a reproductor extern.
- Pàgina de Vida
- Player extern
- Reproducció
Responsabilitat visible: El catàleg
02 · Una navegació, tres circuits
No tot entra pel mateix lloc.
La interfície reuneix tres recorreguts diferents dins d’una experiència comuna.
Catàleg sota demanda
La fitxa ordena; el player reprodueix.
Vida manté la relació entre programa i episodi. La reproducció queda en una plataforma de vídeo externa.
- Catàleg Vida
- Fitxa d’episodi
- Player extern
Directe i ràdio
El lloc es manté encara que canviï l’emissió.
Quan Vida no emet, la pàgina Directe ofereix la ràdio d’Ona Mediterrània al mateix lloc.
- Directe
- Vida no emet
- Ona Mediterrània
Actualitat sindicada
Les notícies arriben de dBalears.
L’actualitat entra per sindicació i Vida la presenta amb la seva pròpia navegació i filtres temàtics.
- dBalears
- Sindicació
- Notícies de Vida
Circuit visible: Mirar
Galeria · el projecte en imatges (clica per ampliar)
La portada es compon sola.
Cada peça entra a la seva col·lecció i la portada l’ordena: l’especial destacat a dalt i els últims episodis a sota. El sistema editorial permet publicar sense desmuntar l’experiència.
Un color per programa.
De la portada a un episodi en quatre clics. La gravació mostra el web públic el 26 de setembre de 2026.
- Portada
- Programes
- Especials
- Episodi
Directe, ràdio i actualitat.
El directe i la ràdio d’Ona Mediterrània comparteixen espai; l’actualitat de dBalears entra a la mateixa arquitectura i la pàgina Vida explica qui hi ha al darrere.
A la butxaca.
La mateixa graella al mòbil, amb la barra inferior de cinc entrades: Inici, Programes, Directe, Notícies i Cerca.
"Tele, cultura i Països Catalans… tot en una sola plataforma."L'equip del projecte
Vols un resultat així per al teu projecte?
