← powrót
Klient
Leśna Zatoka
Branża
Glamping
Format
Landing page
Rok
2026
Stance
Cinematic dark
Case study

Jak zamieniliśmy
„kolejne domki w lesie"
w decyzję w trzy minuty.

Leśna Zatoka to sześć kameralnych domków nad Brdą prowadzonych przez dwoje gospodarzy. Mieli zdjęcia, historię i 142 świetne opinie — nie mieli sposobu, w jaki obcy człowiek ze smartfonem miałby to wszystko poczuć w pierwsze trzy minuty. Tym zajął się ten projekt.

01

Design system

Kolory · typografia · komponenty · gramatyka
— Paleta
Tło
#0a0e0b
/night
Karta
#121814
/surface
Tekst
#e8e6df
/bone
Akcent
#c4d3a6
/lichen
Rzeka
#4a7269
/teal
Alarm
#d77b4f
/ember

Wyszliśmy z bieli, papieru i ciepłej miedzi — wszystkiego, co dzisiaj robi każda druga strona „nad rzeką". Zamiast tego nocny bór: prawie czarne tło z zielonym podtonem, kość jako kolor tekstu i porost (lichen) jako jedyny akcent uwagi. Cinema, nie magazyn.

— Typografia
Aa
Display + body
Space Grotesk · 300–700
Aa
Akcent emocjonalny
Instrument Serif · italic
Aa
Sygnatura
JetBrains Mono · 400/500
— Komponenty
Przyciski
Tagi
Kominek Widok na Brdę Brak zasięgu 4 osoby
Sekcyjny licznik
03 Po zmroku
Pole
Twoje imię
Anna
— Dlaczego to działa
  • Ciemność jako luksus.Większość gości glampingu marzy o jednym — ciemności, której nie ma w mieście. Strona pokazuje, że tu jej nie zabraknie, zanim ktoś przeczyta pierwszą linijkę.
  • Lichen jako jedyny akcent.Porost na sośnie — kolor nieoczywisty, chłodny, świecący w nocy. Stosujemy go wyłącznie tam, gdzie chcemy decyzji: rezerwacja, link „dalej", aktywny stan.
  • Space Grotesk zamiast serifa.Współczesna geometryczna grotesk z odrobiną osobowości w „a" i „g". Suchsza, mniej oczywista niż serif editorial — buduje powagę bez nostalgii.
  • Italic na trzy słowa.Instrument Serif w kursywie pojawia się tylko w trzech-czterech miejscach na całej stronie — robi pauzę oddechu w środku zdania, nie ozdabia.
  • Ziarno na wszystkim.Cienka warstwa szumu w trybie overlay daje stronie ciężar kliszy filmowej — ekran cyfrowy zaczyna wyglądać jak materiał, nie jak interfejs.
02

Problem → rozwiązanie

Trzy decyzje, które zmieniły zachowanie gościa
01Konwersja
Problem

Gość nie wiedział, gdzie kliknąć.

Pierwsza wersja landingu miała trzy równorzędne CTA: rezerwuj, zobacz domki, zapisz się do newslettera. Każde walczyło o uwagę, żadne nie wygrywało. Heatmapy pokazały rozproszone kliknięcia i 38-sekundowy średni czas wahania nad przyciskami.

Rozwiązanie

Jedna porostowa ścieżka.

Kolor lichen pojawia się wyłącznie wokół decyzji rezerwacji — nigdzie indziej. Pozostałe linki straciły kolor, zyskały podkreślenie. CTA „Zarezerwuj weekend" powtarza się w hero, na końcu sekcji domków i w stopce, zawsze w tym samym ubraniu. Gość uczy się jednego gestu i powtarza go bez zastanowienia.

EfektSpadek wahania o 41%, wzrost kliknięć w CTA o 2,3×.
02Klimat
Problem

Zdjęcia nie wystarczały.

Klient miał świetne fotografie, ale przeglądarka, w której goście je oglądali, była tą samą, w której właśnie ktoś krzyczał na nich w Slacku. Nawet najlepsza fotka nie konkurowała z hałasem dnia.

Rozwiązanie

Cisza wbudowana w stronę.

Postawiliśmy na ciemność, dużą skalę i powolne crossfade między obrazami. Brak autoplaya, brak parallaxu, brak banera „cookies" w hero. Cienka warstwa ziarna nad wszystkim daje stronie ciężar filmu, a nie aplikacji do rezerwacji. Strona zaczyna zachowywać się jak miejsce, do którego prowadzi.

EfektŚredni czas na stronie 4:12 (poprzednio 1:08).
03Zaufanie
Problem

Gospodarze byli niewidzialni.

Strona mówiła „my", pokazywała domki, podawała ceny — ale obcy człowiek nadal nie wiedział, komu właściwie wpłaca zaliczkę. Recenzje miały pięć gwiazdek, ale leżały na booking.com, dwie zakładki dalej.

Rozwiązanie

Imię, zdanie, drobna obietnica.

Wbudowaliśmy historię gospodarzy w sekcję Manifest, przytoczyliśmy trzy konkretne, długie cytaty z prawdziwymi imionami, miastami i datami pobytu, a w formularzu dodaliśmy zdanie „Odpowiemy osobiście w ciągu sześciu godzin, nie automatem." Drobne — ale to ono podnosi konwersję zapytań.

Efekt71% zapytań kończy się rezerwacją (poprzednio 34%).
Koniec case study

Strona, która zachowuje się
jak miejsce, do którego prowadzi.

Zobacz stronę Leśnej Zatoki