Google Analytics, Google Ads, Cloudflare, Google Search Console, PrestaShop, WordPress, WooCommerce, Google Tag Manager, Shoper, Google Merchant Center, Mautic, BaseLinker
Strony internetowe 2026
01/01

DAISY ART MUSIC

CUSTOM EMOTIONAL MUSIC EXPERIENCE
ODDANE

Autorski serwis muzyczny zaprojektowany i napisany od podstaw dla projektu Daisy Art. Ciemna, editorialowa oprawa łączy historię projektu, dyskografię, interaktywne odsłuchy i dedykowane strony wydawnictw w jedno spójne doświadczenie. Strona została zbudowana jako lekki, statyczny frontend bez CMS i bazy danych, z własnym systemem audio, dwujęzyczną warstwą EN/PL oraz pełnym technicznym SEO.

DIGIKROM ENGINELIVE

> loading case: DAISY ART MUSIC

> stack: UX/UI Design, Art Direction, Front-end Development, Static Website, Responsive Design,…

> status: ODDANE

CASE STUDY / DIGIKROM

O realizacji

Autorski serwis muzyczny zaprojektowany i napisany od podstaw dla projektu Daisy Art. Ciemna, editorialowa oprawa łączy historię projektu, dyskografię, interaktywne odsłuchy i dedykowane strony wydawnictw w jedno spójne doświadczenie. Strona została zbudowana jako lekki, statyczny frontend bez CMS i bazy danych, z własnym systemem audio, dwujęzyczną warstwą EN/PL oraz pełnym technicznym SEO.

Problem

Muzyka Daisy Art żyła przede wszystkim na platformach streamingowych, gdzie kolejne wydawnictwa funkcjonowały jako okładki, tracklisty i odnośniki do odsłuchu. Brakowało miejsca, które pokazywałoby nie tylko same utwory, ale również emocje, historię i charakter całego projektu.

Klasyczna strona artysty oparta na gotowym szablonie nie pasowała do tej muzyki. Daisy Art potrzebowała własnego języka wizualnego — intymnego, ciemnego i filmowego — oraz przestrzeni, w której muzyka byłaby częścią opowieści, a nie tylko katalogiem linków.

Rozwiązanie

Zaprojektowałem od podstaw autorski, dwujęzyczny serwis statyczny oparty na HTML, CSS i vanilla JavaScript. Cała warstwa wizualna została zbudowana indywidualnie wokół estetyki Daisy Art, z osobnymi kompozycjami desktopowymi i dedykowanymi kadrami dla urządzeń mobilnych.

Serwis łączy dyskografię, indywidualne strony wydawnictw, autorski system mini-playerów MP3 oraz sekcję Fragments z interaktywnymi odsłuchami w modalach. Powstała również wyróżniona przestrzeń dla „Learning to Breathe”, sekcja historii projektu, wersje EN/PL, bezpośrednie linki do platform streamingowych oraz kompletna warstwa SEO, Schema.org, sitemap, GTM i Consent Mode v2.

Efekt

Powstał niezależny cyfrowy świat Daisy Art, który nie próbuje imitować Spotify ani typowej strony muzycznej. Serwis prowadzi odbiorcę przez emocje, obrazy, historię i muzykę, zachowując jednocześnie prostą drogę do pełnych wydań na Spotify, Apple Music, TIDAL, Amazon Music i Deezer.

Całość działa bez CMS-a i bazy danych, pozostaje wyjątkowo lekka mimo rozbudowanej warstwy wizualnej i własnych odtwarzaczy audio. Po optymalizacji wersja mobilna osiąga 100/100 Lighthouse Performance, przy LCP około 0,8 s, CLS 0 i pełnym wyniku SEO 100.

Technologie

UX/UI Design, Art Direction, Front-end Development, Static Website, Responsive Design, Music Experience, Native Audio, Technical SEO, Schema.org

Zobacz pełne portfolio