musica.com.pt
Un periódico de música portuguesa, del comunicado de prensa al móvil del lector.

- Año
- 2025
- Plataformas
- Sitio web responsive (WordPress), mostrado en móvil y en ordenador, y back office local (PHP)
- Lo que hicimos
- Diseño de producto, UX/UI y desarrollo
- Resultados
- Más de 55.000 visitantes al mes y más de 600.000 páginas vistas, en menos de un año desde el lanzamiento
El brief
musica.com.pt es un periódico digital independiente sobre música portuguesa e internacional, hecho por músicos para músicos y para quien vive la música. El reto era darle un sitio a su altura: noticias cada día, pero también un archivo de artistas, un mapa de salas y una agenda que se pueda usar de verdad en el móvil, de camino al concierto.
El sitio reúne en un solo lugar cinco cosas que suelen vivir separadas: las noticias, por categorías (música portuguesa, música internacional, estrenos, álbumes, conciertos, festivales, entrevistas, teatro, artes y producción), los artistas, los locales, la agenda de conciertos y festivales de todo el país y una academia de guías prácticas. Y lo conecta todo: el artista lleva a los artículos sobre él, el local a los eventos que pasaron por allí.
La línea editorial es abierta y sin muros de pago: el sitio vive de la publicidad y del apoyo de los lectores (de ahí el bloque de apoyo y los espacios de publicidad que se ven en las páginas), y tiene páginas dedicadas a la transparencia, como el estatuto editorial, la ficha técnica y una política de uso de la IA.
Detrás del sitio está Redação, el back office privado donde los comunicados, las páginas y las notas se convierten en borradores en WordPress, con una IA que estructura los campos pero nunca escribe el artículo (es la regla de la política de uso de IA del periódico).
Para quién
-
01
Lectores que siguen la música portuguesa
Quieren saber qué ha salido, qué viene y qué tienen que decir las bandas, en una lectura que funciona en el móvil.
-
02
Quien busca plan para esta semana
Quiere filtrar la agenda por ciudad, tipo de evento y fecha, y llegar rápido a la sala adecuada.
-
03
Músicos, productores y promotores
Buscan guías prácticas, noticias de equipos y software, y visibilidad para su trabajo.
-
04
Quien edita el periódico
Recibe comunicados de varias fuentes y necesita clasificarlos, respetar los embargos, tratar las imágenes y preparar borradores sin perder el control editorial.
01 / 07
Portada: el periódico en ordenador, claro y oscuro
En ordenador, la portada abre con una barra fina de fecha y redes sociales, el logotipo y la navegación por secciones (música portuguesa, música internacional, conciertos y festivales, producción y teatro), con búsqueda, newsletter, el botón del tema y el menú completo. La noticia principal ocupa la mayor parte del ancho, con una fotografía grande, el titular, el resumen, el autor, la fecha y el tiempo de lectura, y al lado quedan una segunda historia y un espacio de publicidad bien identificado.
La misma página existe en tema claro y en tema oscuro, y un botón en la cabecera alterna entre los dos (por defecto el sitio sigue la preferencia del sistema). El oscuro cambia el fondo de papel por una tinta cálida, mantiene las fotografías como están y usa un rojo más claro para las etiquetas.


02 / 07
En el móvil: el periódico en una columna
En el móvil la cabecera se reduce a lo esencial: la fecha y las redes sociales en una barra fina, el logotipo y cuatro botones (búsqueda, newsletter, tema y menú). La portada se lee en una sola columna, con la noticia principal en grande y, en cada artículo, la categoría, la fotografía, el titular, el resumen, el autor, la fecha y el tiempo de lectura.
Entre medias hay bloques con identidad propia. El concierto destacado, por ejemplo, gana una tarjeta verde con la fotografía, la sección y la fecha, el titular y un enlace para ver todos los conciertos.


03 / 07
Artículos: leer, apoyar y conocer a quien escribe
La página de artículo abre con el titular en mayúsculas y sigue con el texto en un cuerpo grande, con los nombres importantes en negrita y las imágenes (como la portada de un álbum) a todo el ancho, para leer bien en el móvil. Encima del titular están las migas de pan y la categoría, debajo el autor, la fecha y el tiempo de lectura, más abajo el texto gana intertítulos y vídeos incrustados y, al final, los artículos relacionados. Un botón añade musica.com.pt como fuente preferida en Google.
Al final del artículo, un bloque invita al lector a apoyar el periódico, con tres opciones (un apoyo mensual, un apoyo puntual, o solo leer, que también vale mucho), y justo después viene la caja de quien lo ha escrito, con fotografía, cargo, una pequeña biografía y un enlace a todos los artículos de esa persona.


04 / 07
Apoyo al periódico y publicidad
El periódico no tiene muros de pago: vive de la publicidad y del apoyo de los lectores, y se nota. En la portada hay un bloque oscuro que lo explica en dos frases y ofrece dos caminos, Patreon (apoyo mensual) y Buy Me a Coffee (apoyo puntual), junto a los enlaces a Instagram y Facebook, y el final de cada artículo repite la idea con un bloque propio.
La publicidad tiene siempre un espacio identificado, con la etiqueta Publicidad y un marco discontinuo, para que nunca se confunda con las noticias (en la portada en ordenador, por ejemplo, queda al lado de la noticia principal), y hay una página para anunciantes que explica los formatos.

05 / 07
Agenda de conciertos y festivales
En la portada, el bloque de próximos conciertos muestra el mes y el número de eventos y, en cada fila, la fecha, una miniatura con el tipo, el título, la sala y la ciudad y los artistas, con un acceso a la agenda completa.
La agenda completa reúne conciertos, festivales y teatro de todo el país, agrupados por mes, con un botón para abrir cada evento. Los filtros permiten elegir la ciudad (con el número de eventos de cada una), el tipo de evento y la fecha, y hay búsqueda por artista o por local.
Cada ciudad tiene su página, los eventos pasados quedan archivados y la página lleva datos estructurados de eventos y de preguntas frecuentes, para ayudar a los buscadores. En el móvil, los filtros y la lista caben en una sola columna.

06 / 07
Artistas, locales y Academia: el archivo
Cada evento de la agenda lleva a un archivo con páginas propias. La página de artistas es un índice de artistas y bandas, cada uno con sus géneros (rock, fado, hip hop, electrónica, jazz y más), y el perfil de cada uno reúne los artículos que el periódico ha publicado sobre él, con datos estructurados (MusicGroup) para que los buscadores entiendan quién es quién. La página de locales lista las salas, los teatros, los auditorios y los recintos del país, del continente a las islas, con la dirección, el sitio web, los botones del mapa y los eventos que pasaron por allí, enlazados con la agenda.
La Academia reúne guías prácticas para artistas, promotores y productores, con el nivel y el tiempo de lectura, y Viseu ao Centro es una serie sobre la escena musical de Viseu, donde tiene sede el periódico: reportajes, salas, escuelas de música y la agenda de la región Centro.
07 / 07
Redação: el back office y la IA que no escribe
Detrás del sitio está Redação, una herramienta propia que el equipo usa cada día. Es privada, así que no aparece en imágenes. Reúne en una sola bandeja de entrada los comunicados que llegan por correo, las páginas y publicaciones enviadas desde el navegador, los artículos de los feeds y las notas pegadas a mano, entiende embargos y programaciones, trata las imágenes (recortes en los tamaños que usa el sitio y aumento de resolución en la tarjeta gráfica local) y crea el borrador o la publicación programada en WordPress, con el guardado, el SEO y la difusión en el mismo sitio.
La IA está integrada en cada paso, pero solo donde ayuda y nunca para escribir el artículo. Lee el comunicado y rellena los campos (titular, resumen, categoría, etiquetas y embargo, este solo si el texto lo dice), con la categoría y las etiquetas forzadas a los valores que ya existen en WordPress; traduce y, a petición, genera el pie de Instagram, los hashtags y el extracto de la newsletter; sugiere términos y un párrafo de ejemplo para el SEO; y mejora las fotografías pequeñas. Puede funcionar en la nube o en un modelo local, a elegir en cada análisis, y todo pasa por revisión humana.
El borrador que llega a WordPress es un esqueleto (resumen, hechos, fuentes y aviso de embargo), nunca un texto listo para publicar: es la misma regla que la política de uso de IA del periódico.
Papel, tinta y rojo
El sitio tiene dos temas, claro y oscuro: sigue la preferencia del sistema y tiene un botón para alternar. El claro recuerda a un periódico impreso, con fondo de papel y texto en tinta casi negra; el oscuro los invierte en un fondo de tinta cálida y un texto color papel, con un rojo más claro para mantener el contraste. Las esquinas son rectas y hay filetes de 1 a 3 px que separan los bloques. El rojo es el único color de acento, el verde solo aparece en los estados positivos, los titulares usan Big Shoulders en peso 800, sobre todo en mayúsculas, y el texto corrido usa Work Sans. Redação reutiliza estos colores y fuentes, en claro y oscuro, como una de sus apariencias (tiene otra, azul y redondeada).
musica.com.pt (claro)
- Superficies
-
#F3F2F2#E9E7E6#DEDBDA - Texto
-
#1C1A19 - Rojo
-
#FF141A#CC0D12#C11212 - Éxito
-
#0D6B34#0A5228
musica.com.pt (oscuro)
- Superficies
-
#151312#211E1D#2B2726 - Texto
-
#F5F2F0 - Rojo
-
#FF3D42#FF7377#C11212 - Éxito
-
#3DDC84#63E8A4
Detrás de la pantalla
Lo que hace falta para que un periódico con tantas imágenes y tipos de contenido funcione bien en el móvil, y para que la redacción que lo alimenta trabaje deprisa.
-
Un tema y plugins a medida
El sitio es un tema de WordPress propio con cinco plugins hechos para él: publicidad, agenda de conciertos, newsletter, artículos relacionados y búsqueda.
-
Artistas, locales y eventos enlazados
Artistas, locales y eventos son tipos de contenido propios y se enlazan con los artículos: la página de un artista reúne los artículos sobre él, y la de un local lista los eventos que pasaron por allí.
-
Datos estructurados en cada página
Cada tipo de página habla el idioma de los buscadores: artículos como NewsArticle, artistas como MusicGroup, locales como MusicVenue, la agenda con una lista de eventos y preguntas frecuentes, y migas de pan en todas.
-
Ligero y legible
Fuentes variables (Big Shoulders y Work Sans) servidas por el propio sitio, caché en el servidor y Cloudflare por delante, para que una página llena de imágenes no pese en el móvil.
-
Una herramienta local conectada a WordPress
Redação es una aplicación PHP con base de datos SQLite que funciona en la propia máquina de la redacción, fuera del sitio, y habla con WordPress por su API para crear borradores y publicaciones programadas. Un servicio Python aparte hace el análisis de SEO.
-
IA que estructura y nunca escribe
El análisis se ejecuta en la nube o en un modelo local, a elegir en cada elemento, y solo rellena campos con valores que ya existen en WordPress. La traducción y los textos para las redes son peticiones explícitas, nunca automáticas, y el artículo lo escriben siempre personas.
-
Imágenes tratadas en la propia máquina
El recorte usa los tamaños reales del sitio y el aumento de resolución se ejecuta en la tarjeta gráfica local (con los modelos Real-ESRGAN y ATD), así que las fotografías no salen de la máquina. Los originales nunca se alteran.
Lo que hicimos
Diseñamos y construimos el periódico de punta a punta: el UX/UI y el design system, el tema y los plugins a medida, la estructura de SEO con sus datos estructurados, y la dirección de arte de la identidad visual. Y construimos Redação, el back office que lleva un comunicado a un borrador en WordPress, con IA y automatización que estructuran sin escribir.
FAQ
Preguntas, respondidas.
-
Un periódico digital independiente de música portuguesa e internacional, hecho por músicos para músicos, con noticias, artistas, locales y una agenda de conciertos y festivales de todo el país.
-
No. La IA solo estructura lo que ya existe (titular, resumen, categoría y etiquetas) y la revisión es siempre humana. El artículo lo escriben personas, y el borrador que llega a WordPress es un esqueleto, no un texto listo para publicar.
-
El back office del periódico: una herramienta propia que reúne comunicados, páginas, feeds y notas en una sola bandeja de entrada, entiende embargos, prepara las imágenes y crea el borrador o la programación en WordPress.
-
Sí. Cuéntanos qué tienes en mente y te decimos cómo lo abordaríamos, del diseño al desarrollo. Escríbenos con el botón "Hablar de un proyecto así", arriba y más abajo en esta página.
-
Con una conversación para entender el objetivo, quién va a usar el producto y qué existe ya. De ahí sale un alcance claro, y avanzamos por fases, con entregas que se pueden ver y comentar por el camino.