Caso WeavyAudio, parte 5: el nuevo diseño, antes y después

Entre el 11 y el 13 de octubre de 2026, WeavyAudio estrenó una nueva imagen. WeavyAudio ofrece música ambiental para locales, y nuestro equipo de Breeze Professional IT Services la diseñó, la construyó, la aloja y la mantiene. Las partes 1 a 4 de esta serie recorren las funciones. Esta parte es una mirada antes y después a diez páginas, cada una mostrada en el diseño antiguo y en el nuevo. Está escrita para dueños de locales y para empresas que piensan en su propia plataforma de streaming de música.

Esto es lo que no cambió: el catálogo, la licencia, el precio y las direcciones de las páginas. Lo que cambió es el aspecto de las páginas y la forma de moverse por ellas. Fue un rediseño de sitio web y un rediseño de aplicación web en uno. Ambas versiones usan un tema oscuro con botones ámbar, pero la nueva es más cálida: negro y marrón, metal cepillado, madera y dorado. La aplicación está construida con Next.js. Describimos solo lo que se ve en las pantallas.

La página de inicio: la aplicación real reemplaza una forma brillante

El titular no cambió: "The music your venue deserves. Finally." El resto de la primera pantalla sí. Antes, una forma ámbar brillante sostenía una tarjeta "Now playing", y bajo los botones había tres cifras: $0 PRO invoice cost, 848h of original music y $16 per location per month.

Ahora el lado derecho muestra una ventana de navegador con la aplicación real: la barra lateral, "Your venue soundtrack", portadas nuevas, una lista "Up next", la barra de reproducción y una tarjeta pequeña, "Bar · Playing". La barra superior ofrece For business, Pricing, Catalog y Blog. Tres marcas de verificación aparecen bajo los botones: 14 days free, No card required y Cancel anytime.

La línea de la oferta dice: "An original catalog, licensed for venue play. One flat fee per location, up to 12 zones included — and no PRO royalties on our music." El precio sigue siendo $16 por local al mes.

El inicio de la aplicación: un tocadiscos que muestra su día

El inicio de la aplicación antiguo era una página de tarjetas con retratos: "Featured artists", luego una galería "Your studio". El nuevo se abre con un tocadiscos. El disco muestra todo el día de un local en un solo disco, y un anillo dorado marca el momento actual. En la captura es martes, 16:14, y la tarjeta dice Coffee Shop, Lo-Fi & Acoustic, hasta las 17:00. Un gran botón ámbar dice "Play what fits now". Debajo: "Next at 17:00 · Restaurant Dinner".

El día es una sugerencia para un restaurante. Más abajo, la página también ofrece cafetería, bar, tienda, gimnasio, salón de belleza, spa y vestíbulo de hotel, y la galería "Your studio" sigue ahí. En términos de diseño UX, el inicio de la aplicación ahora responde primero a una pregunta: ¿qué debería sonar ahora mismo?

La barra lateral también cambió: cinco enlaces principales, un grupo Catalog y un grupo Tools. Las capturas nuevas provienen de una cuenta gratuita de invitado, las antiguas de una cuenta Premium, así que la banda FREE y "6 skips left" pertenecen a la cuenta, no al diseño.

Browse all: un receptor estéreo con perilla de sintonía

La antigua página Browse all era una cuadrícula de grandes mosaicos de color (Chill, Nordic Bass, Focus, PRL) bajo un nudo 3D. La página nueva es un receptor estéreo, modelo WA-1011, con dos medidores de aguja, una franja de dial, una pantalla verde y una perilla de sintonía. Cada género tiene un lugar en el dial, de 88.0 a 108.0. Son posiciones, no frecuencias de radio reales. La pantalla dice "Station 1 of 48".

Usted gira la perilla, arrastra el dial o usa las teclas de flecha. "Tune in" reproduce el género y "Open" va a su página. Un interruptor Genres y Moods cambia la banda. Los nombres de los géneros siguen siendo texto simple en la página, con enlaces como "Explore the chill sound". Consejo: no tiene que aprender el dial. Presione "Tune in" y escuche.

Ánimos: de mosaicos de color a un panel de ánimos

La antigua página Moods eran doce mosaicos de color. La página nueva tiene los mismos doce ánimos en un panel de puntos luminosos. El eje lateral es el tempo, de 100 a 130 BPM. El eje inferior va de oscuro y agridulce a brillante y cálido. La leyenda es honesta: arriba es "the average tempo of the mood's tracks, measured", y a lo ancho es "our placement, not a measurement".

En la captura está seleccionado Mellow: 113 BPM, 2,843 tracks, 378 nuevas en 7 días, clasificadas en House, Asian Jazz Lounge, Trap y Afrobeats. El encabezado cuenta "12 moods · 15,528 tracks". Consejo: para calmar el ambiente, elija un ánimo más abajo en el panel y presione "Tune in".

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

La búsqueda antigua de "house" era una lista simple: portada, título, artista, género, antigüedad, BPM, una descripción breve e íconos para dar me gusta, compartir y descargar. La página nueva empieza con "Find your sound" y un panel llamado Seek, modelo SK-48. Muestra el tamaño del catálogo: 15,528 tracks, 48 genres, 12 moods y 2,084 artists.

Bajo el cuadro de búsqueda, una franja tiene una barra por cada uno de los 48 géneros. Para "house", una barra alta se eleva cerca del 25 y dos pequeñas se iluminan. Botones redondos cuentan los resultados por ánimo: Energetic 13, Dark 11, Mellow 8, Upbeat 6, Calm 2. El resumen dice "40 tracks · 2 artists · 3 genres & moods", sobre todo House 36, Lo-Fi 2 y Hip-Hop 2. La captura termina antes de las filas de resultados, así que primero va el panel. Consejo: pruebe con una palabra de ánimo, no solo con un género.

Su biblioteca: un muro de discos

La antigua página Your Library era sencilla: un ícono de cristal y secciones vacías para canciones favoritas, artistas favoritos y canciones reproducidas recientemente. La página nueva es un muro de estantes de madera con una escalera. Cada disco tiene un lomo con un título, un artista y un número. El estante superior es "This week's most played", con 20 discos. Un segundo estante se llama "Liked".

A la derecha hay un pequeño tocadiscos (Start, Stop, 33, 45, shuffle) y una tarjeta "Record index" para buscar por título, artista, álbum o género. Una placa de latón dice "Sign in and your library builds itself here". La página también explica el teclado: pase con tab a un estante, muévase con las flechas, presione Enter para sacar un disco. Consejo: presione / para saltar a la búsqueda.

La página de canción: la portada llena la pantalla

La antigua página de canción era independiente: un encabezado pequeño con "Open app", un degradado rosa, una portada cuadrada con una insignia 3D y una línea de datos. La nueva página de canción se abre dentro de la aplicación, con la barra lateral y el reproductor alrededor. La portada es ahora un enorme fondo, y la misma portada está al frente como una tarjeta con una insignia 3D y un disco de vinilo en una esquina. La línea de datos sigue ahí: artista, género y ánimo como enlaces, luego English, 3:44, 122 BPM, sol menor, Lyrics y un "Licensed for venues" verde. Las dos capturas muestran canciones distintas.

El texto de la página muestra letras que siguen el audio, con un interruptor On y un botón Karaoke, además de "Versions of this song" y "Similar upbeat house tracks". El pie de página dice que la música es propiedad de WeavyAudio y se licencia a los suscriptores para su ejecución pública en sus locales registrados, en línea con "no PRO royalties on our music". La música en vivo, los sets de DJ y la TV con sonido pueden necesitar licencias aparte. La página de la calculadora lo explica.

El mezclador: los mismos controles, un aspecto más cálido

El mezclador fue lo que menos cambió. Ambas versiones dicen "The Mixer" y "Shape the live sound — EQ, speed and loop." Los preajustes son los mismos: Flat, Bass boost, Vocal, Lo-Fi y Bright. También lo son los controles deslizantes Bass, Mid y Treble a 0 dB, el control de velocidad, el bucle A–B y "Reset to flat".

El estilo cambió: un encabezado verde azulado con un disco rosa pasó a ser un panel marrón cálido y ámbar con un disco oscuro y un título blanco. El mezclador ahora está en el grupo Tools, con Random, Games, Order music y Schedule. El texto del control de pistas también se reescribió: "This track has no separate instrument stems yet. Once we add them, a fader for each instrument will appear here." Consejo: use el bucle A–B para repetir una parte en sus propios altavoces.

El horario de música: plantillas en lugar de una página vacía

El horario de música es donde el rediseño más ayuda a un local. La página antigua era un formulario: una casilla "Schedule off", "No time slots yet" y dos botones, uno de ellos "Start from a restaurant template". Las reglas no cambiaron. El reproductor cambia de lista de reproducción al final de una canción, nunca a mitad de ella, y el horario se guarda en el dispositivo, así que el comedor, el bar y el patio pueden tener cada uno el suyo.

La página nueva tiene un panel de estado con un interruptor y una sección "Start from a template". La captura muestra tarjetas Restaurant, Café y Bar & lounge con portadas y una pequeña línea de tiempo. El texto de la página agrega Shop & boutique, Gym, Hair & beauty salon, Spa & wellness y Hotel lobby. La tarjeta Restaurant tiene un brunch desde las 07:00, un bloque de cafetería desde las 11:00, la cena desde las 17:00 y un lounge de 22:00 a 02:00. Cada bloque sigue siendo editable. Consejo: elija la plantilla más cercana y luego edítela.

En un celular: botones más anchos, un titular más corto

Antes, la vista en celular de la página de inicio tenía los botones "Log in" y "Free trial" en la barra superior, un titular de cuatro líneas, "See how it works" junto al botón principal, luego las cifras $0, 848h y $16 y una tarjeta "Now playing".

Ahora la barra superior contiene el logotipo, "Start free trial" y un botón de menú. El titular ocupa tres líneas. "Start free trial" y "Listen to the catalog" son dos botones anchos, uno sobre otro, fáciles de tocar con el pulgar. Las tres marcas de verificación se ajustan en dos líneas, y una pequeña ventana de navegador muestra la aplicación debajo. Todo cabe en el ancho de la pantalla, así que la página sigue siendo apta para celulares. Consejo: abra el sitio en su propio celular.

Así es la nueva imagen, página por página. El catálogo, la licencia, el precio y las direcciones de las páginas son los mismos. El tema oscuro se mantuvo, y muchas páginas ahora están construidas alrededor de un objeto: un tocadiscos, un receptor, un panel de ánimos, un estante de discos. Las partes 1 a 4 también describen el nuevo diseño, así que vaya allí para ver artistas, álbumes, listas de reproducción, licencias y Weavy Studio.

¿Planea un rediseño de sitio web, o una plataforma web personalizada para su propio negocio? 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.