Krošnja

Glamping se bira srcem, a rezerviše računom.

Većina sajtova za glamping su galerije lepih fotografija, a rezervacija ide preko poruka na Instagramu ili telefona. Gost ne zna koliko košta dok ne pita, a do odgovora često već nađe nešto drugo.

Zadatak je bio da sajt prenese osećaj mesta bez signala i gradske buke, a da istovremeno odgovori na pitanja koja gost ima pre rezervacije: koji smeštaj, za koliko ljudi, koliko ukupno i šta je u blizini.

Paleta iz šume, fotografija u prvom planu.

Boje su uzete iz materijala mesta: lan, mahovina, kora, žar i noć. Nema čiste bele ni čiste crne, pa fotografije magle i drveta nikad ne deluju hladno. Tekst je sveden, a fotografija nosi svaku sekciju.

• PismoFraunces u tankom rezu za naslove daje mekan, gotovo štampani ton. Manrope nosi tekst, oznake i cene.
• PaletaPet boja iz šume, sa svetlim i tamnim sekcijama. Zaglavlje menja kontrast u hodu, pa ostaje čitljivo i preko fotografije i preko noćne pozadine.
• FotografijaŠesnaest fotografija, svaka isečena na tačan format u kome se prikazuje. Otvaraju se kao zavesa i polako se smire iz uvećanja.

Cena se vidi dok gost bira, ne posle poruke.

Rezervacija je deo stranice, a ne posebna aplikacija. Gost bira datume, smeštaj i broj osoba, a sa strane odmah vidi broj noći, cenu po noći, boravišnu taksu i ukupan iznos.

• 01Kapacitet. Broj gostiju je ograničen smeštajem. Kada gost pređe na manji šator, broj se sam smanji i objasni zašto.
• 02Validacija po polju. Odlazak pre dolaska, prazno ime ili pogrešan email dobijaju poruku na srpskom, tačno ispod polja.
• 03Izbor iz liste. Klik na smeštaj u listi odmah ga bira u formi i vodi gosta do rezervacije.

Stvari koje mesto čine prisutnim.

Sitni detalji rade isti posao kao fotografije: pokazuju da iza sajta stoji stvarno mesto sa svojim ritmom.

• 01Sat i zalazak sunca. Zaglavlje pokazuje tačno vreme na Tari i današnji zalazak, izračunat za koordinate parka.
• 02Pregled uz kursor. Prelazak preko smeštaja u listi otvara njegovu fotografiju koja prati kursor.
• 03Jedan dan u galeriji. Pet trenutaka od jutarnje magle do zvezda, sa prevlačenjem, inercijom i dugmadima.
• 04Filmsko zrno. Jedva primetna tekstura preko cele strane, koja fotografije i tipografiju vezuje u celinu.
• 05Smanjeno kretanje. Uz prefers-reduced-motion animacije se gase, a sadržaj ostaje ceo.

Jedna stranica, spremna za lansiranje.

Ceo sajt je jedan HTML fajl sa stilom i skriptom u sebi, plus folder sa fotografijama. Bez framework-a i spoljnih biblioteka, pa se postavlja prevlačenjem foldera na hosting.