Haven: strona i system wizualny domu nad stawem dla artystów

klient: Haven Artist Lakehouse, Zagwizdzie
rok: 2026
zakres: Next.js / System wizualny / Mapa / Archiwum
strona: havenstudio.art↗

Rodzinny dom nad stawem, w którym muzycy zostają od pięciu dni do dwóch tygodni i kończą album. Zbudowaliśmy mu stronę po angielsku, system wizualny wokół znaku HAVEN, rysowaną w kodzie mapę terenu i szkicownik spotkań z sześciu lat archiwum. Pierwsza wersja była online po czterech dniach.

materiały

Film o realizacji (34 s): napis wypływający z jeziora, rysunki ołówkiem, trzy pokolenia domu, szkicownik wspomnień i mapa terenu

havenstudio.art, otwarcie: tafla stawu, w ktorej odbija sie tytul

System wizualny: znak HAVEN, typografia, paleta i rysunki olowkiem miejsca

Sekcja Live: zapowiedz i zapis setu tak.o z domu nad stawem

Three generations, one house: dom w kolejnych dekadach, kazdy pasek z innego archiwum

Historia miejsca jako kolaz z wycinanych postaci ze zdjec rodzinnych

Co powstaje dalej: stodola koncertowa, kuchnia, sesje na zywo

Memories: szkicownik spotkan z lat 2021-2026 zbudowany z archiwum prawie 3 tysiecy plikow

Memories: odbitki z tasma, petle wideo po najechaniu, podpisy reczne

Mapa terenu rysowana w kodzie z ujecia z drona, kazde miejsce prowadzi do swojej historii

problem

Haven miało miejsce, ludzi i pięć lat historii, ale w sieci nie istniało. Przed zbiórką na remont stodoły koncertowej potrzebowało strony, która w kilka sekund pokaże, czym jest ten dom, dla kogo jest i dlaczego warto go wesprzeć. Materiał przyszedł jako surowy dysk: prawie trzy tysiące zdjęć i filmów z lat 2021-2026 plus rodzinne archiwum od 1963 roku, bez opisów i bez wyboru.

proces

01Kierunek wizualny z samego miejsca: kolaż z wycinanych postaci ze zdjęć rodzinnych, tafla stawu jako tło otwarcia, typografia Instrument Serif z lekkim Inter Tight, DM Mono w etykietach i ręczny Caveat na mapie.
02System wokół znaku HAVEN od studia: zwektoryzowany znak w nagłówku i stopce, favicon z liter HA, jedna paleta i jeden zestaw przycisków na wszystkich podstronach.
03Rysunki ołówkiem domu, stawu, pomostu, stołu i czapli, generowane z prawdziwych zdjęć miejsca i wybierane ręcznie spośród dziesięciu wariantów, przesuwają się powoli w stopce.
04Mapa terenu narysowana w SVG na podstawie ujęcia z drona: najechanie podświetla miejsce, kliknięcie otwiera kartę ze zdjęciem i historią.
05Memories: inwentarz 2 839 plików z dysku, przegląd wszystkich arkuszy miniatur i klatek z filmów, wybór kilkuset najlepszych momentów i szkicownik spotkań z pętlami wideo, odbitkami na taśmie i ręcznymi podpisami.
06Domena havenstudio.art, autodeploy z GitHuba na Vercelu, analityka z banerem zgody i sekcja Live, która po streamie sama zamienia się w zapis setu.

efekt

Strona działa na havenstudio.art od października 2026 i jest bazą pod kampanię crowdfundingową na stodołę koncertową. Treść mieszka w jednym pliku i w repozytorium, więc kolejne spotkania, zdjęcia i wydania dochodzą bez przebudowy. Z tego samego projektu wyrosła oprawa pierwszej płyty Haven Records, opisana osobno.

dane

Stack: Next.js 16 + Vercel
Język: angielski
Archiwum: 2 839 plików przejrzanych
Podstrony: start, memories, mapa, album
Domena: havenstudio.art↗