WeavyAudio, część 5: nowy design, przed i po

W dniach 11–13 października 2026 WeavyAudio dostał nowy wygląd. WeavyAudio oferuje muzykę w tle dla lokali, a nasz zespół w Breeze Professional IT Services zaprojektował go, zbudował, hostuje i utrzymuje. Części 1–4 tej serii oprowadzają po funkcjach. Ta część to spojrzenie przed i po na dziesięć stron, każdą pokazaną w starym i w nowym designie. Jest napisana dla właścicieli lokali oraz dla firm, które myślą o własnej platformie streamingu muzyki.

Oto co się nie zmieniło: katalog, licencja, cena i adresy stron. Zmienił się wygląd stron i sposób poruszania się po nich. To była przebudowa strony internetowej i przebudowa aplikacji naraz. Obie wersje używają ciemnego motywu z bursztynowymi przyciskami, ale nowa jest cieplejsza: czerń i brąz, szczotkowany metal, drewno i złoto. Aplikacja jest zbudowana w Next.js. Opisujemy tylko to, co widać na ekranach.

Strona główna: prawdziwa aplikacja zastępuje świecący kształt

Nagłówek się nie zmienił: „The music your venue deserves. Finally.” Reszta pierwszego ekranu tak. Wcześniej świecący bursztynowy kształt zawierał kartę „Now playing”, a pod przyciskami były trzy liczby: $0 PRO invoice cost, 848h of original music i $16 per location per month.

Teraz prawa strona pokazuje okno przeglądarki z prawdziwą aplikacją: panel boczny, „Your venue soundtrack”, świeże okładki, listę „Up next”, pasek odtwarzacza i małą kartę „Bar · Playing”. Górny pasek oferuje For business, Pricing, Catalog i Blog. Pod przyciskami są trzy haczyki: 14 days free, No card required i Cancel anytime.

Linijka z ofertą brzmi: „An original catalog, licensed for venue play. One flat fee per location, up to 12 zones included — and no PRO royalties on our music.” Cena nadal wynosi $16 per location per month.

Strona główna aplikacji: gramofon pokazujący Twój dzień

Stara strona główna aplikacji była stroną kart z portretami: „Featured artists”, a potem galeria „Your studio”. Nowa otwiera się gramofonem. Płyta pokazuje cały dzień lokalu na jednym krążku, a złoty pierścień wskazuje teraz. Na zrzucie jest wtorek, 16:14, a karta mówi Coffee Shop, Lo-Fi & Acoustic, do 17:00. Jeden duży bursztynowy przycisk mówi „Play what fits now”. Pod nim: „Next at 17:00 · Restaurant Dinner”.

Dzień jest propozycją dla restauracji. Niżej strona oferuje też kawiarnię, bar, sklep, siłownię, salon, spa i hol hotelowy, a galeria „Your studio” nadal jest. W kategoriach projektowania UX strona główna aplikacji odpowiada teraz najpierw na jedno pytanie: co ma grać w tej chwili?

Zmienił się też panel boczny: pięć głównych linków, grupa Catalog i grupa Tools. Nowe zrzuty pochodzą z bezpłatnego konta gościa, stare z konta Premium, więc pasek FREE i „6 skips left” należą do konta, a nie do designu.

Browse all: odbiornik stereo z pokrętłem strojenia

Stara strona Browse all była siatką dużych kolorowych kafelków (Chill, Nordic Bass, Focus, PRL) pod trójwymiarowym węzłem. Nowa strona to odbiornik stereo, model WA-1011, z dwoma wskaźnikami wskazówkowymi, paskiem skali, zielonym wyświetlaczem i pokrętłem strojenia. Każdy gatunek ma miejsce na skali, od 88.0 do 108.0. To pozycje, a nie prawdziwe częstotliwości radiowe. Wyświetlacz pokazuje „Station 1 of 48”.

Kręcisz pokrętłem, przeciągasz skalę lub używasz klawiszy strzałek. „Tune in” odtwarza gatunek, a „Open” przechodzi do jego strony. Przełącznik Genres i Moods zmienia pasmo. Nazwy gatunków nadal są zwykłym tekstem na stronie, z linkami typu „Explore the chill sound”. Wskazówka: nie musisz uczyć się skali. Naciśnij „Tune in” i słuchaj.

Nastroje: od kolorowych kafelków do panelu nastrojów

Stara strona Moods to dwanaście kolorowych kafelków. Nowa ma te same dwanaście nastrojów na panelu nastrojów ze świecących punktów. Oś pionowa to tempo, od 100 do 130 BPM. Oś pozioma biegnie od mrocznego i gorzkosłodkiego do jasnego i ciepłego. Legenda jest szczera: góra to „the average tempo of the mood's tracks, measured”, a oś pozioma to „our placement, not a measurement”.

Na zrzucie wybrany jest Mellow: 113 BPM, 2,843 tracks, 378 new in 7 days, zaszeregowane pod House, Asian Jazz Lounge, Trap i Afrobeats. Nagłówek zlicza „12 moods · 15,528 tracks”. Wskazówka: by uspokoić salę, wybierz nastrój niżej na panelu i naciśnij „Tune in”.

Wyszukiwanie: panel pokazujący, gdzie trafiają wyniki

Stare wyszukiwanie „house” było zwykłą listą: okładka, tytuł, wykonawca, gatunek, wiek, BPM, krótki opis i ikony polubienia, udostępnienia i pobierania. Nowa strona zaczyna się od „Find your sound” i panelu o nazwie Seek, model SK-48. Pokazuje wielkość katalogu: 15,528 tracks, 48 genres, 12 moods i 2,084 artists.

Pod polem wyszukiwania pasek ma jeden słupek dla każdego z 48 gatunków. Dla „house” jeden wysoki słupek wznosi się przy 25, a dwa małe się zapalają. Okrągłe przyciski liczą wyniki według nastroju: Energetic 13, Dark 11, Mellow 8, Upbeat 6, Calm 2. Podsumowanie brzmi „40 tracks · 2 artists · 3 genres & moods”, głównie House 36, Lo-Fi 2 i Hip-Hop 2. Zrzut ekranu kończy się przed wierszami wyników, więc najpierw jest panel. Wskazówka: spróbuj słowa opisującego nastrój, nie tylko gatunku.

Twoja biblioteka: ściana płyt

Stara strona Your Library była prosta: ikona kryształu i puste sekcje polubionych piosenek, ulubionych wykonawców i ostatnio odtwarzanych utworów. Nowa strona to drewniana ściana półek z drabiną. Każda płyta ma grzbiet z tytułem, wykonawcą i numerem. Górna półka to „This week's most played”, z 20 płytami. Druga półka nazywa się „Liked”.

Po prawej są mały gramofon (Start, Stop, 33, 45, shuffle) i karta „Record index” do wyszukiwania według tytułu, wykonawcy, albumu lub gatunku. Mosiężna tabliczka mówi „Sign in and your library builds itself here”. Strona wyjaśnia też obsługę klawiaturą: przejdź tabulatorem do półki, poruszaj się strzałkami, naciśnij Enter, by wyciągnąć płytę. Wskazówka: naciśnij /, by przejść do wyszukiwania.

Strona utworu: okładka wypełnia ekran

Stara strona utworu stała osobno: mały nagłówek z „Open app”, różowy gradient, kwadratowa okładka z plakietką 3D i linijka faktów. Nowa strona utworu otwiera się wewnątrz aplikacji, z panelem bocznym i odtwarzaczem wokół. Okładka jest teraz ogromnym tłem, a ta sama okładka stoi z przodu jako karta z plakietką 3D i płytą winylową w rogu. Linijka faktów nadal jest: wykonawca, gatunek i nastrój jako linki, potem English, 3:44, 122 BPM, G minor, Lyrics i zielone „Licensed for venues”. Dwa zrzuty ekranu pokazują różne piosenki.

Tekst strony zawiera teksty podążające za dźwiękiem, z przełącznikiem On i przyciskiem Karaoke, a także „Versions of this song” i „Similar upbeat house tracks”. Stopka mówi, że muzyka należy do WeavyAudio i jest licencjonowana subskrybentom do publicznego odtwarzania w ich zarejestrowanych lokalizacjach, zgodnie z „no PRO royalties on our music”. Muzyka na żywo, sety DJ-ów i telewizja z dźwiękiem mogą wymagać osobnych licencji. Wyjaśnia to strona kalkulatora.

Mikser: te same kontrolki, cieplejszy wygląd

Mikser zmienił się najmniej. Obie wersje mówią „The Mixer” i „Shape the live sound — EQ, speed and loop.” Presety są te same: Flat, Bass boost, Vocal, Lo-Fi i Bright. Tak samo suwaki Bass, Mid i Treble na 0 dB, regulacja prędkości, pętla A–B i „Reset to flat”.

Zmienił się styl: morski nagłówek z różową płytą zamienił się w ciepły brązowo-bursztynowy panel z ciemną płytą i białym tytułem. Mikser znajduje się teraz w grupie Tools, razem z Random, Games, Order music i Schedule. Przepisano też tekst suwaka ścieżek: „This track has no separate instrument stems yet. Once we add them, a fader for each instrument will appear here.” Wskazówka: użyj pętli A–B, by powtarzać jedną część na własnych głośnikach.

Harmonogram muzyki: szablony zamiast pustej strony

Harmonogram muzyki to miejsce, w którym przebudowa najbardziej pomaga lokalowi. Stara strona była formularzem: pole wyboru „Schedule off”, „No time slots yet” i dwa przyciski, jeden z nich „Start from a restaurant template”. Zasady się nie zmieniły. Odtwarzacz przełącza playlistę na końcu utworu, nigdy w trakcie piosenki, a harmonogram jest zapisywany na urządzeniu, więc sala jadalna, bar i patio mogą mieć każde własny.

Nowa strona ma panel statusu z przełącznikiem i sekcję „Start from a template”. Zrzut ekranu pokazuje karty Restaurant, Café i Bar & lounge z okładkami i małą osią czasu. Tekst strony dodaje Shop & boutique, Gym, Hair & beauty salon, Spa & wellness i Hotel lobby. Karta Restaurant prowadzi brunch od 07:00, blok coffee shop od 11:00, kolację od 17:00 i lounge od 22:00 do 02:00. Każdy blok można nadal edytować. Wskazówka: wybierz najbliższy szablon, a potem go edytuj.

Na telefonie: szersze przyciski, krótszy nagłówek

Wcześniej widok strony głównej na telefonie miał w górnym pasku przyciski „Log in” i „Free trial”, czteroliniowy nagłówek, „See how it works” obok głównego przycisku, a potem liczby $0, 848h i $16 oraz kartę „Now playing”.

Teraz górny pasek mieści logo, „Start free trial” i przycisk menu. Nagłówek zajmuje trzy linie. „Start free trial” i „Listen to the catalog” to dwa szerokie przyciski, jeden nad drugim, łatwe do trafienia kciukiem. Trzy haczyki zawijają się w dwie linie, a pod nimi widać małe okno przeglądarki z aplikacją. Wszystko mieści się w szerokości ekranu, więc strona pozostaje przyjazna dla urządzeń mobilnych. Wskazówka: otwórz serwis na własnym telefonie.

Tak wygląda nowy design, strona po stronie. Katalog, licencja, cena i adresy stron są takie same. Ciemny motyw został, a wiele stron jest teraz zbudowanych wokół jednego obiektu: gramofonu, odbiornika, panelu nastrojów, półki z płytami. Części 1–4 również opisują nowy design, więc tam znajdziesz wykonawców, albumy, playlisty, licencje i Weavy Studio.

Planujesz przebudowę strony internetowej albo własną platformę internetową dla swojej firmy? 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.