WeavyAudio, część 1: katalog i odkrywanie muzyki w nowym designie

WeavyAudio to usługa odtwarzająca muzykę w tle dla lokali, takich jak kawiarnie, restauracje, sklepy, siłownie i salony. Nasz zespół w Breeze Professional IT Services zaprojektował serwis, zbudował go, hostuje i utrzymuje. To aplikacja Next.js z bazą danych MariaDB, uruchamiana przez PM2 za Apache na naszym własnym serwerze Debian. To część 1 z pięciu. Jest dla właścicieli lokali, którzy chcą zobaczyć, jak działa odkrywanie muzyki, oraz dla firm planujących własną platformę internetową lub własną platformę streamingu muzyki.

Część 1 prowadzi odwiedzającego od strony głównej do muzyki: ekran startowy aplikacji, gatunki, nastroje, wyszukiwanie, losowanie, najnowsze utwory i układ na telefonie. W dniach 11–13 października 2026 serwis dostał nowy wygląd: nową stronę główną, nowy ekran startowy w aplikacji i nowe strony katalogu. Każdy zrzut ekranu pokazuje ten nowy wygląd. Trzy pierwsze i ostatni to publiczna strona główna. Ekrany aplikacji zrobiliśmy w bezpłatnej sesji gościa, stąd plakietka FREE i napis „6 skips left”.

Strona główna: jedna obietnica i zajrzenie do aplikacji

Strona główna WeavyAudio jest ciemna, z bursztynowymi akcentami. Górny pasek ma pozycje For business, Pricing, Catalog i Blog, przełącznik EN | PL, Log in oraz bursztynowy przycisk Start free trial. Nagłówek brzmi „The music your venue deserves. Finally.”, z ostatnim słowem bursztynową kursywą. Pod nim: „An original catalog, licensed for venue play. One flat fee per location, up to 12 zones included — and no PRO royalties on our music.”

Pod przyciskami widać trzy haczyki: 14 days free, No card required, Cancel anytime. Prawa połowa pokazuje aplikację w ramce przeglądarki: menu boczne, „Your venue soundtrack”, rząd okładek, listę „Up next” i pasek odtwarzacza z przyciskiem Filters. Mała karta mówi „Bar · Playing” i „Schedule: Bar & Lounge”.

Muzyka na żywo, sety DJ-ów i telewizja z dźwiękiem mogą nadal wymagać własnych licencji; mówi o tym strona kalkulatora licencji. Ta strona osiąga Largest Contentful Paint w mniej niż dwie sekundy. Wskazówka: przeczytaj najpierw zdanie pod nagłówkiem. Wyjaśnia, co obejmuje jedna opłata.

Ściana okładek: szybki rzut oka na cały katalog

Niżej na stronie głównej znajduje się ściana okładek w dwóch rzędach. Napis nad nią brzmi „Every cover belongs to a track in the catalog — 15,528 tracks, all licensed for venue play.” Po prawej są okrągły przycisk pauzy i link „Listen to the catalog →”.

Większość kafelków to portrety wykonawców, zrobione na ulicy miasta, w ciepłym świetle wnętrza lub w świetle scenicznym. Kilka okładek nie ma twarzy: świeca w szklance, białe rusztowanie, huśtawka na wzgórzu o zachodzie słońca.

Dla właściciela lokalu to najszybszy sposób, by ocenić rozpiętość oferty. Okładki to miniatury WebP, więc ściana z wieloma obrazami pozostaje lekka. Wskazówka: gdy pokazujesz WeavyAudio personelowi lub partnerowi, najpierw przewiń do tej ściany.

Jak to działa: katalog z filtrami dla lokali

Kolejny blok nosi etykietę „How it works” i nagłówek „One app for the music, the rooms and the paperwork.” Krok 01 to „A catalog that's ours to license”. Tekst mówi, że każdy utwór jest oryginalny i należy do WeavyAudio, więc jedna subskrypcja licencjonuje całość dla Twojego lokalu, a nowa muzyka pojawia się co tydzień, uporządkowana według gatunku i nastroju.

Dwa haczyki wymieniają praktyczne punkty: filtry dla czystych tekstów, utworów instrumentalnych i języka wokalu oraz odtwarzanie bez przerw przez cały dzień. Karta „Fresh from the studio” zawiera cztery piosenki z okładką, wykonawcą, gatunkiem, nastrojem, BPM i długością. Pierwsza to Hold The Floor zespołu Kravz: House, Dark, 138 BPM.

Nad kartą unosi się panel: „Music filters for this venue”. „Clean only — no explicit lyrics” jest włączone, „Instrumental only” wyłączone, a „Vocal language” oferuje All, English i Polish. Wskazówka: rodzinna kawiarnia może zostawić włączone Clean only, a spokojna sala lunchowa może spróbować Instrumental only.

Ekran startowy aplikacji: gramofon, który mieści cały Twój dzień

Ekran startowy aplikacji WeavyAudio jest zbudowany wokół gramofonu. Czarna płyta ze złotym pierścieniem wypełnia lewą stronę, a jej etykieta nosi napis „WeavyAudio · Tuesday · 07:00–02:00”. Po prawej podpis brzmi „A suggested day · Restaurant”. Tytuł to „Your venue soundtrack”, a linijka niżej mówi: „Your whole day on one record. The gold ring marks now: Coffee Shop.”

Karta pokazuje „Now until 17:00”, „Coffee Shop” i „Lo-Fi & Acoustic”, z dużym bursztynowym przyciskiem „Play what fits now”. Pod nim: „Next at 17:00 · Restaurant Dinner”. Lista dnia zaczyna się od Brunch & Lunch od 07:00 do 11:00, potem Coffee Shop od 11:00 do 17:00. Niżej tekst strony wymienia propozycje dla restauracji, kawiarni, baru, sklepu, siłowni, salonu, spa i holu hotelowego oraz link „Make it your schedule”.

Menu boczne ma pozycje Home, Browse, Search, Library i Your venue, a potem grupy Catalog i Tools. Odtwarzacz pokazuje „Nothing playing” i „6 skips left”. Wskazówka: na początku zmiany naciśnij bursztynowy przycisk i sprawdź, który blok wskazuje pierścień.

Browse all: odbiornik stereo na 48 gatunków

Strona Browse all ma etykietę „Explore · 48 genres · 12 moods” i linijkę „Every genre and mood in the catalog — all original, all licensed for commercial play.” Głównym obrazem jest odbiornik stereo w drewnianej obudowie, z tabliczką znamionową modelu WA-1011. Dwa wskaźniki wskazówkowe pokazują Signal i Tuning. Na skali gatunki są rozmieszczone jak stacje radiowe: Chill na 88.0, Nordic Bass na 88.4, PRL na 88.9.

Zielona lampka mówi „Tuned”. Wyświetlacz pokazuje „Tuned to · Station 1 of 48 · FM 88.0 MHz · Chill”. Przyciski to Tune in i Open, a obok dużego pokrętła strojenia są strzałki. Po lewej znajduje się przełącznik pasma Genres | Moods.

Pod odbiornikiem każda nazwa gatunku występuje też jako zwykły tekst, więc nic nie zależy od pokrętła. Lista miesza style muzyczne ze słowami opisującymi lokale: Upbeat Retail, Dinner, Workout, Late Night, Coffeehouse, Spa. Wskazówka: właściciel bez słownictwa muzycznego może zacząć od słowa, które nazywa jego salę.

Strona gatunku: krótki przewodnik przed listą utworów

Każdy gatunek ma własną stronę. Strona Jazz ma nagłówek „Royalty-Free Jazz for Restaurants and Cafés” i linijkę „Jazz — original music, licensed for venue play.” Obok nagłówka znajduje się bursztynowy kryształ z małymi świecącymi punktami, a ścieżka nawigacji brzmi „Genres › Jazz”.

Potem następuje opisowy przewodnik. Nazywa brzmienie: miotełki na perkusji, kontrabas, miękkie klawisze i kilka utworów jazz-hopowych. Mówi, że jazz pasuje do obsługi kolacji, spokojnego brunchu i ostatniej godziny przed zamknięciem, i radzi mieszać jazz z sąsiednimi stylami, żeby goście nie słyszeli powtórek. Te style to bursztynowe linki: chill, deep house i lo-fi.

Pod przewodnikiem pojawia się licznik („320+ Jazz tracks”) i wiersze utworów, każdy z wykonawcą, tytułem, gatunkiem, nastrojem, BPM, datą dodania i linkiem „Open track page”. Takie strony gatunków pomagają właścicielowi wybierać i dają wyszukiwarkom czytelny tekst. Wskazówka: klikaj bursztynowe linki, gdy chcesz rotować style.

Nastroje: panel świateł, po którym przesuwasz krążek

Strona Moods otwiera się napisem „12 moods · 15,528 tracks”. Głównym obiektem jest „Mood pad MP-12”, ciemny panel z małych podświetlonych punktów. Znajduje się na nim dwanaście nazw nastrojów, a okrągły krążek wskazuje wybrany. Tutaj spoczywa na Mellow. To przeglądanie według nastroju jako instrument, a nie jako lista.

Wyświetlacz z boku pokazuje „Mood 06/12”, tag „Most played”, potem Mellow, 113 BPM ±12 i 2,843 tracks. Legenda wyjaśnia osie. Góra to średnie tempo utworów danego nastroju, zmierzone. Oś pozioma biegnie od mrocznego do jasnego, a strona zaznacza, że to „our placement, not a measurement”.

Dzięki temu menedżer wie, która oś to dane, a która kwestia oceny. Tekst strony wymienia wszystkie dwanaście nastrojów od najszybszego do najspokojniejszego, od Dark przy ok. 129 BPM do Calm przy ok. 99. Wskazówka: na rozgrzewkę w siłowni szukaj blisko góry panelu, a na leniwy poranek przy dole.

Wyszukiwanie: panel Seek pokazujący, gdzie trafiają wyniki

Wyszukiwanie ma własną stronę z nagłówkiem „Find your sound”. Instrument nazywa się „Seek · Model SK-48”. Jego nagłówek zlicza katalog: 15,528 tracks, 48 genres, 12 moods i 2,084 artists, a lampka mówi „Found 45”. W dużym polu stoi słowo „house”.

Pod polem jest skala słupkowa od 1 do 48 z tytułem „Where the results land among the genres”. Jeden wysoki bursztynowy słupek stoi na 25, czyli tam, gdzie House znajduje się na liście 48 gatunków. Dwa małe słupki oznaczają Lo-Fi i Hip-Hop. Dwanaście okrągłych pokręteł nastrojów podaje liczby: Energetic 13, Dark 11, Mellow 8, Upbeat 6, Calm 2, reszta zero. Podsumowanie brzmi „40 tracks · 2 artists · 3 genres & moods”.

Ta wyszukiwarka katalogu przyjmuje tytuł, wykonawcę, gatunek lub nastrój, a skala pokazuje, gdzie trafia dane słowo. Wskazówka: po wyszukaniu spójrz na pokrętła nastrojów. Jeśli większość wyników to Dark, mogą być zbyt ciężkie dla sali lunchowej.

Random: nie wiesz, co wybrać? Losuj.

Strona Random ma etykietę „Discover” i nagłówek „Not sure? Draw.” Tekst mówi, żeby wpisać klimat albo nic i rzucić kostką. Strona dopasowuje pomysł do gatunków, nastrojów i wykonawców katalogu. Pole podpowiada „calm jazz for dinner, polish synth, workout energy”.

Dwanaście chipów wypełnia pole jednym dotknięciem, od calm i upbeat po evening, focus, polish i classical. Przełącznik trójpozycyjny decyduje, co losujesz: Track (wybrane, w kolorze bursztynu), Playlist lub Artist. Poniżej leży duża bursztynowa kostka. Tekst strony opisuje ją jako „Tap to draw”.

Barman nie ma czasu przewijać tysięcy utworów. Jeden chip, jeden przełącznik i jedno dotknięcie dają wynik. Wskazówka: wybierz Playlist, gdy potrzebujesz dłuższego bloku muzyki, i chip pasujący do godziny.

Najnowsze utwory: tłocznia z dziennym dziennikiem

Strona Fresh releases zamienia listę nowych piosenek w małą tłocznię płyt. Etykieta mówi „Fresh pressings · 4 tracks pressed today”. Obraz pokazuje zieloną prasę hydrauliczną z manometrami i tabliczką „WeavyAudio Pressing Works · Model WA-1011 · 150 T”. Po prawej czeka stos płyt.

Po lewej na klipsie wisi karta produkcyjna. Mówi „Job 5/8 · Press no. 2” i „Fresh off the press”, potem Tańczy z nami wiatr zespołu The Newark Kids, z gatunkiem House, 124 BPM i „Pressed yesterday”. Licznik pokazuje 00004, a czerwony Emergency Stop zatrzymuje pracę.

Pod maszyną tekst strony zawiera „The pressing log”: utwory opublikowane danego dnia w ciągu ostatnich 14 dni, najpopularniejsze gatunki z ostatnich siedmiu dni i półkę „Just pressed” z notatkami typu „pressed 15 h ago”. Wskazówka: otwieraj tę stronę raz w tygodniu, by usłyszeć, co nowego.

Na telefonie: ta sama strona główna, ułożona w pionie

Wielu właścicieli otworzy WeavyAudio najpierw na telefonie, dlatego strona główna ma wersję mobilną. Górny pasek zachowuje logo, bursztynowy przycisk Start free trial i okrągły przycisk menu. Linków desktopowych i przełącznika języka nie ma na pasku przy tej szerokości. Nagłówek zajmuje trzy linie, a „Finally.” jest bursztynową kursywą.

Zdanie z ofertą pozostaje kompletne, z „up to 12 zones included” i „no PRO royalties on our music”. Następują dwa szerokie przyciski, bursztynowy „Start free trial →” i obrysowany „Listen to the catalog”. Pod haczykami pojawia się podgląd aplikacji z polem wyszukiwania, „Your venue soundtrack” i czterema okładkami.

Telefony i tablety czasem tracą połączenie. Odtwarzacz może działać offline dzięki service workerowi i nadal gra utwory zapisane na urządzeniu. Strona główna mówi też, że aplikacja działa w przeglądarce, na tablecie z Androidem i na telefonie. Wskazówka: otwórz serwis na własnym telefonie, zanim się zdecydujesz.

Tak odwiedzający znajduje muzykę w WeavyAudio, od pierwszej obietnicy na stronie głównej po losowanie. Część 2 schodzi poziom głębiej, do wykonawców, albumów i utworów. Część 5 pokazuje stary i nowy design obok siebie, z uwagami o tym, co się zmieniło, a co zostało.

Planujesz własną platformę internetową z dużym katalogiem, czytelnym wyszukiwaniem i szybkimi stronami? Breeze Professional IT Services może ją zaprojektować, zbudować, hostować i utrzymywać. Skontaktuj się z nami, aby porozmawiać o swoim projekcie.

Ten projekt został zaprojektowany, zbudowany i jest hostowany przez nasz zespół. Zobacz przegląd w artykule Nasz najnowszy projekt: WeavyAudio, na stronie projektu WeavyAudio i wśród naszych pozostałych projektów albo skontaktuj się z nami w sprawie własnej platformy.