Kompletny cyfrowy ekosystem dla projektu muzycznego LOUD 77. Autorski serwis zaprojektowany i napisany od podstaw bez CMS-a i bazy danych, łączący dyskografię, materiały LIVE, teksty utworów, streaming, własne smart-linki oraz rozbudowane strony wszystkich wydanych utworów.
> loading case: LOUD 77
> stack: UX/UI Design, Front-end Development, Static Website, Responsive Design, Music Experienc…
> status: Oddane
Kompletny cyfrowy ekosystem dla projektu muzycznego LOUD 77. Autorski serwis zaprojektowany i napisany od podstaw bez CMS-a i bazy danych, łączący dyskografię, materiały LIVE, teksty utworów, streaming, własne smart-linki oraz rozbudowane strony wszystkich wydanych utworów.
Muzyka LOUD 77 funkcjonowała w wielu niezależnych miejscach: serwisach streamingowych, na YouTube, w materiałach LIVE i osobnych wydaniach albumowych. Brakowało jednego własnego miejsca, które połączyłoby te elementy i jednocześnie zachowało charakter projektu.
Gotowe systemy CMS i typowe szablony dla artystów dokładałyby warstwy technologiczne, których ten projekt nie potrzebował, ograniczając jednocześnie swobodę projektowania doświadczenia.
Zaprojektowałem autorski serwis statyczny oparty wyłącznie na HTML, CSS i vanilla JavaScript.
Architektura została rozwinięta o osobne sekcje i podstrony dla muzyki, albumów, sesji LIVE, historii projektu oraz własnego systemu smart-linków. Każdy z 29 wydanych utworów otrzymał indywidualną stronę z własną okładką, pełnym tekstem, informacjami o wydaniu i bezpośrednimi linkami do sześciu platform streamingowych.
Serwis otrzymał również własny lekki player MP3, komplet danych strukturalnych dla muzyki, Open Graph, canonicale, sitemapę oraz pełną warstwę technicznego SEO.
Powstał niezależny cyfrowy świat LOUD 77, który nie jest wyłącznie stroną artysty.
Jedna domena łączy obecnie dyskografię, LIVE Sessions, historię projektu, lyrics, 29 rozbudowanych Song Pages, własne smart-linki oraz bezpośrednią dystrybucję ruchu do Spotify, Apple Music, YouTube Music, Deezer, TIDAL i Amazon Music.
Całość pozostaje przy tym lekkim serwisem statycznym bez CMS-a, bazy danych i zbędnych zależności.
UX/UI, catalog, product, search, cart, integrations
UX/UI Design, Front-end Development, Static Website, Responsive Design, Music Experience, Smart Links, Song Pages, Lyrics, Native Audio, Technical SEO, Schema.org
