Caso WeavyAudio, parte 1: catálogo y descubrimiento de música

WeavyAudio es un servicio que reproduce música ambiental para locales como cafeterías, restaurantes, tiendas, gimnasios y salones de belleza. Nuestro equipo de Breeze Professional IT Services diseñó el sitio, lo construyó, lo aloja y lo mantiene. Es una aplicación Next.js con una base de datos MariaDB, ejecutada con PM2 detrás de Apache en nuestro propio servidor Debian. Esta es la parte 1 de cinco. Está pensada para dueños de locales que quieren ver cómo funciona el descubrimiento de música, y para empresas que planean una plataforma web personalizada o su propia plataforma de streaming de música.

La parte 1 sigue a un visitante desde la página de inicio hasta la música: la pantalla de inicio de la aplicación, los géneros, los ánimos, la búsqueda, el sorteo aleatorio, los nuevos lanzamientos y el diseño para celulares. Desde el 11 al 13 de octubre de 2026 el sitio tiene una nueva imagen: una nueva página de inicio, una nueva pantalla de inicio en la aplicación y nuevas páginas de catálogo. Todas las capturas de pantalla muestran esta nueva imagen. Las tres primeras y la última son la página de inicio pública. Las pantallas de la aplicación se tomaron en una sesión gratuita de invitado, lo que explica la insignia FREE y la nota "6 skips left".

La página de inicio: una promesa y un vistazo a la aplicación

La página de inicio de WeavyAudio es oscura con detalles ámbar. La barra superior tiene For business, Pricing, Catalog y Blog, el selector EN | PL, Log in y un botón ámbar Start free trial. El titular dice "The music your venue deserves. Finally.", con la última palabra en cursiva ámbar. Debajo: "An original catalog, licensed for venue play. One flat fee per location, up to 12 zones included — and no PRO royalties on our music."

Tres marcas de verificación aparecen bajo los botones: 14 days free, No card required, Cancel anytime. La mitad derecha muestra la aplicación en un marco de navegador: menú lateral, "Your venue soundtrack", una fila de portadas, una lista "Up next" y una barra de reproducción con un botón Filters. Una tarjeta pequeña dice "Bar · Playing" y "Schedule: Bar & Lounge".

La música en vivo, los sets de DJ y la TV con sonido aún pueden necesitar sus propias licencias; la página de la calculadora de licencias lo indica. Esta página alcanza el Largest Contentful Paint en menos de dos segundos. Consejo: lea primero la frase bajo el titular. Dice qué cubre una sola tarifa.

El muro de portadas: un vistazo rápido a todo el catálogo

Más abajo en la página de inicio hay un muro de portadas en dos filas. La línea que lo encabeza dice "Every cover belongs to a track in the catalog — 15,528 tracks, all licensed for venue play." A la derecha hay un botón redondo de pausa y el enlace "Listen to the catalog →".

La mayoría de los mosaicos son retratos de los artistas, tomados en una calle de la ciudad, con luz cálida de interior o bajo luces de escenario. Algunas portadas no tienen rostro: una vela en un vaso, un andamio blanco, un columpio en una colina al atardecer.

Para el dueño de un local esta es la forma más rápida de evaluar la variedad. Las portadas son miniaturas WebP, así que un muro con muchas imágenes sigue siendo ligero. Consejo: cuando muestre WeavyAudio a su personal o a un socio, desplácese primero hasta este muro.

Cómo funciona: un catálogo con filtros para locales

El siguiente bloque se titula "How it works", con el titular "One app for the music, the rooms and the paperwork." El paso 01 es "A catalog that's ours to license". El texto dice que cada canción es original y propiedad de WeavyAudio, por lo que una sola suscripción licencia todo para su local, y que cada semana llega música nueva, clasificada por género y ánimo.

Dos marcas de verificación nombran puntos prácticos: filtros de letras limpias, instrumentales e idioma vocal, y reproducción continua sin pausas durante todo el día. Una tarjeta llamada "Fresh from the studio" enumera cuatro canciones con portada, artista, género, ánimo, BPM y duración. La primera es Hold The Floor de Kravz: House, Dark, 138 BPM.

Un panel flota sobre la tarjeta: "Music filters for this venue". "Clean only — no explicit lyrics" está activado, "Instrumental only" está desactivado, y "Vocal language" ofrece All, English y Polish. Consejo: una cafetería familiar puede mantener activado Clean only, y un comedor tranquilo a la hora del almuerzo puede probar Instrumental only.

La pantalla de inicio de la aplicación: un tocadiscos con todo su día

La pantalla de inicio de la aplicación WeavyAudio está construida alrededor de un tocadiscos. Un disco negro con un anillo dorado ocupa el lado izquierdo, y su etiqueta lleva las palabras "WeavyAudio · Tuesday · 07:00–02:00". A la derecha, un texto dice "A suggested day · Restaurant". El título es "Your venue soundtrack", y la línea de abajo dice: "Your whole day on one record. The gold ring marks now: Coffee Shop."

Una tarjeta muestra "Now until 17:00", "Coffee Shop" y "Lo-Fi & Acoustic", con un botón ámbar grande, "Play what fits now". Debajo: "Next at 17:00 · Restaurant Dinner". La lista del día empieza con Brunch & Lunch de 07:00 a 11:00, luego Coffee Shop de 11:00 a 17:00. Más abajo, el texto de la página enumera sugerencias para un restaurante, cafetería, bar, tienda, gimnasio, salón de belleza, spa y vestíbulo de hotel, y un enlace "Make it your schedule".

El menú lateral tiene Home, Browse, Search, Library y Your venue, y luego los grupos Catalog y Tools. El reproductor dice "Nothing playing" y "6 skips left". Consejo: al inicio de un turno, presione el botón ámbar y revise qué bloque marca el anillo.

Browse all: un receptor estéreo para 48 géneros

La página Browse all lleva la etiqueta "Explore · 48 genres · 12 moods" y la línea "Every genre and mood in the catalog — all original, all licensed for commercial play." La imagen principal es un receptor estéreo en una caja de madera, con una placa de modelo WA-1011. Dos medidores de aguja marcan Signal y Tuning. En el dial, los géneros están como emisoras de radio: Chill en 88.0, Nordic Bass en 88.4, PRL en 88.9.

Una lámpara verde dice "Tuned". La pantalla muestra "Tuned to · Station 1 of 48 · FM 88.0 MHz · Chill". Los botones dicen Tune in y Open, y una perilla grande de sintonía tiene flechas a los lados. A la izquierda hay un selector de banda Genres | Moods.

Debajo del receptor, cada nombre de género aparece también como texto simple, así que nada depende de la perilla. La lista mezcla estilos musicales con palabras de locales: Upbeat Retail, Dinner, Workout, Late Night, Coffeehouse, Spa. Consejo: un dueño sin vocabulario musical puede empezar por la palabra que nombra su espacio.

Una página de género: una breve guía antes de la lista de canciones

Cada género tiene su propia página. La página de Jazz tiene el titular "Royalty-Free Jazz for Restaurants and Cafés" y la línea "Jazz — original music, licensed for venue play." Un cristal ámbar con pequeños puntos brillantes está junto al titular, y una ruta de navegación dice "Genres › Jazz".

Luego viene una guía escrita. Nombra el sonido: baterías con escobillas, contrabajo, teclados suaves y algunas piezas de jazz-hop. Dice que el jazz va bien con el servicio de cena, un brunch tranquilo y la última hora antes del cierre, y aconseja mezclar el jazz con estilos vecinos para que los clientes no escuchen repeticiones. Esos estilos son enlaces ámbar: chill, deep house y lo-fi.

Debajo de la guía vienen un contador ("320+ Jazz tracks") y las filas de canciones, cada una con artista, título, género, ánimo, BPM, fecha de alta y un enlace "Open track page". Las páginas de género como esta ayudan al dueño a elegir y dan a los buscadores un texto claro que leer. Consejo: siga los enlaces ámbar cuando quiera rotar estilos.

Ánimos: un panel de luces sobre el que se arrastra una ficha

La página Moods se abre con "12 moods · 15,528 tracks". El objeto principal es el "Mood pad MP-12", un panel oscuro de pequeños puntos luminosos. Doce nombres de ánimo están sobre él, y una ficha redonda marca el elegido. Aquí descansa sobre Mellow. Es una exploración por estado de ánimo concebida como un instrumento, no como una lista.

La pantalla lateral muestra "Mood 06/12", la etiqueta "Most played", luego Mellow, 113 BPM ±12 y 2,843 tracks. Una leyenda explica los ejes. Arriba está el tempo promedio de las canciones de ese ánimo, medido. A lo ancho va de oscuro a brillante, y la página dice que es "our placement, not a measurement".

Así un gerente puede distinguir qué eje son datos y cuál es una decisión de criterio. El texto de la página enumera los doce ánimos del más rápido al más calmado, desde Dark con unos 129 BPM hasta Calm con unos 99. Consejo: para el calentamiento de un gimnasio mire cerca de la parte superior del panel, y para una mañana lenta mire la parte inferior.

Búsqueda: un panel Seek que muestra dónde caen los resultados

La búsqueda tiene su propia página, titulada "Find your sound". El instrumento se llama "Seek · Model SK-48". Su encabezado cuenta el catálogo: 15,528 tracks, 48 genres, 12 moods y 2,084 artists, con una lámpara que dice "Found 45". El campo grande contiene la palabra "house".

Debajo del campo hay una escala de barras del 1 al 48, titulada "Where the results land among the genres". Una barra ámbar alta está en el 25, que es el lugar de House en la lista de 48 géneros. Dos barras pequeñas marcan Lo-Fi y Hip-Hop. Doce perillas redondas de ánimo dan conteos: Energetic 13, Dark 11, Mellow 8, Upbeat 6, Calm 2, el resto cero. El resumen dice "40 tracks · 2 artists · 3 genres & moods".

Esta búsqueda en el catálogo acepta un título, un artista, un género o un ánimo, y la escala muestra dónde cae cada palabra. Consejo: después de una búsqueda, lea las perillas de ánimo. Si la mayoría de los resultados son Dark, quizá sean demasiado pesados para un comedor a la hora del almuerzo.

Random: ¿no sabe qué elegir? Sortee.

La página Random tiene la etiqueta "Discover" y el titular "Not sure? Draw." El texto dice que escriba un ambiente, o nada, y tire los dados. La página relaciona la idea con los géneros, ánimos y artistas del catálogo. El campo sugiere "calm jazz for dinner, polish synth, workout energy".

Doce etiquetas rellenan el campo con un toque, desde calm y upbeat hasta evening, focus, polish y classical. Un interruptor de tres posiciones decide qué sortea: Track (seleccionado, en ámbar), Playlist o Artist. Debajo hay un dado ámbar grande. El texto de la página lo rotula "Tap to draw".

Un bartender no tiene tiempo para recorrer miles de canciones. Una etiqueta, un interruptor y un toque dan un resultado. Consejo: elija Playlist para un bloque de música más largo, y una etiqueta que corresponda a la hora.

Nuevos lanzamientos: una planta de prensado con registro diario

La página Fresh releases convierte una lista de canciones nuevas en una pequeña planta de prensado. La etiqueta dice "Fresh pressings · 4 tracks pressed today". La imagen muestra una prensa hidráulica verde con manómetros y una placa que dice "WeavyAudio Pressing Works · Model WA-1011 · 150 T". Una pila de discos espera a la derecha.

A la izquierda cuelga de una pinza una hoja de producción. Dice "Job 5/8 · Press no. 2" y "Fresh off the press", luego Tańczy z nami wiatr de The Newark Kids, con género House, 124 BPM y "Pressed yesterday". Un contador marca 00004, y un botón rojo Emergency Stop detiene la tirada.

Debajo de la máquina, el texto de la página enumera "The pressing log": canciones publicadas por día en los últimos 14 días, los géneros principales de los últimos siete días y un estante "Just pressed" con notas como "pressed 15 h ago". Consejo: abra esta página una vez por semana para escuchar lo nuevo.

En un celular: la misma página de inicio, apilada

Muchos dueños abrirán WeavyAudio por primera vez en un celular, por eso la página de inicio tiene un diseño para celulares. La barra superior conserva el logotipo, un botón ámbar Start free trial y un botón de menú redondo. Los enlaces de escritorio y el selector de idioma no están en la barra con este ancho. El titular ocupa tres líneas, con "Finally." en cursiva ámbar.

La frase de la oferta se mantiene completa, incluidos "up to 12 zones included" y "no PRO royalties on our music". Siguen dos botones anchos, un "Start free trial →" ámbar y un "Listen to the catalog" con contorno. Bajo las marcas de verificación aparece la vista previa de la aplicación con un campo de búsqueda, "Your venue soundtrack" y cuatro portadas.

Los celulares y las tabletas pierden la conexión de vez en cuando. El reproductor puede seguir funcionando sin conexión mediante un service worker, y sigue reproduciendo las canciones que tiene guardadas en el dispositivo. La página de inicio también dice que la aplicación funciona en un navegador, en una tableta Android y en un celular. Consejo: abra el sitio en su propio celular antes de decidir.

Así encuentra música un visitante en WeavyAudio, desde la primera promesa en la página de inicio hasta un sorteo aleatorio. La parte 2 va un nivel más a fondo, hasta los artistas, álbumes y canciones. La parte 5 muestra el diseño antiguo y el nuevo lado a lado, con notas sobre lo que cambió y lo que se mantuvo.

¿Planea una plataforma web personalizada con un catálogo grande, una búsqueda clara y páginas rápidas? Breeze Professional IT Services puede diseñarla, construirla, alojarla y mantenerla. Contáctenos para hablar de su proyecto.

Este proyecto fue diseñado y construido por nuestro equipo, y está alojado por él. Consulte la descripción general en Nuestro proyecto más reciente: WeavyAudio, la página del proyecto WeavyAudio y nuestros otros proyectos, o contáctenos para hablar de su propia plataforma.