Vida
Una pantalla para la cultura en catalán.
El encargo
Ona Mediterrània quería lanzar Vida: una plataforma de televisión en catalán con contenidos informativos y culturales mirando a las Islas Baleares y a los Països Catalans. Programas propios, series documentales, material histórico y un directo. Todo en un sitio que no fuera «un canal de YouTube con logo».
El encargo era completo: construirla entera y dejarla preparada para crecer, desde la web hasta la última línea de código, con la puerta abierta a aplicaciones de televisor y a acuerdos con otras plataformas.
Qué hicimos
Diseñamos la plataforma antes que la web. Qué es un programa, qué es un especial, qué es una noticia y qué es el directo; cómo se relacionan y qué ve primero quien entra. Esa estructura es lo que hace que Vida parezca una tele y no un blog con vídeos.
Construimos toda la identidad gráfica a partir del logotipo. Del corazón amarillo que hace de V salió lo demás: una paleta de morados con el amarillo como único color cálido, Oswald para los rótulos y Roboto para todo lo que se lee seguido, y los componentes de la plataforma: la cinta blanca del título, la tarjeta de programa, el menú de cinco entradas y un único botón, VEURE. Con esa misma lógica desarrollamos la web a medida sobre WordPress: fichas de programa, colecciones de especiales, un bloque de directo y el archivo, todo ordenado en una experiencia fluida y accesible.
Programamos lo que la hace funcionar sola. La actualidad de dBalears entra por sindicación y se publica sin que nadie la copie a mano; los vídeos se alojan donde mejor se reproducen y la plataforma los organiza. Publicar un especial nuevo es cuestión de minutos, no de un desarrollador.
Y la dejamos preparada para lo siguiente. La arquitectura está pensada para la futura expansión a aplicaciones de televisor y para acuerdos con otras plataformas: el catálogo no depende de la web, la web es solo su primera ventana.
Un catálogo que se compone solo, con un color por programa.
Una plataforma audiovisual pequeña no puede permitirse mantener un reproductor, un CDN de vídeo y un equipo técnico. La clave fue no reinventar lo que ya existe: el vídeo vive donde mejor se sirve y nosotros construimos lo que de verdad diferencia a Vida, el catálogo, la marca y la forma de contar.
Cómo funciona por dentro
Vida no es un canal ni un blog: es un catálogo. Cada pieza tiene una ficha con su tipo (programa, especial, minuto de actualidad), su fecha y su colección, y la portada se compone sola a partir de eso. Por eso hoy la web ordena decenas de especiales numerados sin que nadie toque el diseño.
El vídeo se sirve desde una plataforma de vídeo, no desde el servidor de la web. Suena obvio y no lo es: muchos proyectos culturales mueren intentando alojar sus propios vídeos. Aquí el servidor solo entrega páginas ligeras, y la reproducción, la calidad adaptativa y el directo los resuelve quien mejor lo hace.
La actualidad entra por sindicación desde dBalears y se publica automáticamente. Es la parte menos vistosa del proyecto y la que más trabajo ahorra cada semana: contenido nuevo sin redacción propia.
Del proceso al resultado · mueve el cursor
↔
Diseño 2025
Rediseño 2026
Cómo fue
Vida · arquitectura editorial
Una web que sabe qué contar y dónde reproducirlo.
Vida organiza programas, episodios, directo y actualidad en una misma experiencia. La decisión técnica fue separar ese catálogo de los sistemas que sirven cada contenido.
01 · Una ficha, dos trabajos
La página explica. El reproductor reproduce.
La misma ficha contiene el contexto editorial y abre un reproductor externo. Usa los controles para separar las dos responsabilidades.
El catálogo
Vida conserva el contexto.
La ficha relaciona programa, colección, episodio y continuidad. Esa estructura pertenece a la plataforma y permite ordenar el archivo sin convertirlo en una lista de vídeos.
- Programa
- Episodio
- Siguiente pieza
La reproducción
El vídeo se sirve fuera del servidor web.
Al reproducir, la página entrega el control al player incrustado. El episodio mostrado utiliza YouTube como reproductor externo.
- Página de Vida
- Player externo
- Reproducción
Responsabilidad visible: El catálogo
02 · Una navegación, tres circuitos
No todo entra por el mismo sitio.
La interfaz reúne tres recorridos distintos dentro de una experiencia común.
Catálogo bajo demanda
La ficha ordena; el player reproduce.
Vida mantiene la relación entre programa y episodio. La reproducción queda en una plataforma de vídeo externa.
- Catálogo Vida
- Ficha de episodio
- Player externo
Directo y radio
El lugar permanece aunque cambie la emisión.
Cuando Vida no está emitiendo, la página Directe ofrece la radio de Ona Mediterrània en el mismo lugar.
- Directe
- Vida no emite
- Ona Mediterrània
Actualidad sindicada
Las noticias llegan de dBalears.
La actualidad entra por sindicación y Vida la presenta con su propia navegación y filtros temáticos.
- dBalears
- Sindicación
- Notícies de Vida
Circuito visible: Mirar
Galería · el proyecto en imágenes (clica para ampliar)
La portada se compone sola.
Cada pieza entra en su colección y la portada la ordena: el especial destacado arriba y los últimos episodios debajo. El sistema editorial permite publicar sin desmontar la experiencia.
Un color por programa.
De la portada a un episodio en cuatro clics. La grabación muestra la web pública el 26 de septiembre de 2026.
- Portada
- Programes
- Especials
- Episodio
Directo, radio y actualidad.
El directo y la radio de Ona Mediterrània comparten espacio; la actualidad de dBalears entra en la misma arquitectura y la página Vida explica quién está detrás.
En el bolsillo.
La misma parrilla en el móvil, con la barra inferior de cinco entradas: Inici, Programes, Directe, Notícies y Cerca.
"Tele, cultura y Països Catalans… todo en una sola plataforma."El equipo del proyecto
¿Quieres un resultado así para tu proyecto?
