Napravio sam sajt hostela iznova — da odgovara na pitanja gostiju
Hostel mojih prijatelja sa 48 mesta u Beogradu. Stari sajt je pokazivao sobe na fotografijama, a novi odgovara na pitanja gostiju pre rezervacije i prenosi u rezervaciju datume, broj gostiju i sobu.
119
adresa: 17 tipova stranica na sedam jezika. U mapi starog sajta bilo ih je 86
92 → 97
ocena pristupačnosti početne stranice u alatu Lighthouse
14
recenzija proverenih reč po reč na platformama. Od 12 citata sa starog sajta nijedan se nije doslovno poklopio
0 → 4
parametra rezervacije sajt prosleđuje Cloudbedsu: jezik, datumi, gosti i soba. Stari nije prosleđivao nijedan
Sajt nije pokrenut: demo druge verzije je skriven od pretraživača, a na domenu hostela je još uvek stari sajt. Rezultata nema — ispod su početni pokazatelji starog sajta, sa njima ću i porediti rezultate.
Čiji projekatMoj: napravio sam ga na sopstvenu inicijativu, hostel ga nije naručio
Hostel48 mesta: šest spavaonica i apartman, kovorking u potkrovlju. Otvorili su ga moji prijatelji 2023. godine, a ja sam bio uz njih u svakoj fazi
SajtPrvi sajt prijatelji su sami napravili u alatu za izradu sajtova Duda. Godine 2026. odlučio sam da im pomognem i sve poboljšam: novi je sopstveni kod u Pythonu, bez konstruktora i frejmvorka
Moja ulogaProizvod, odluke i završna provera su moji; kod pišem uz Claude Code po svojim zadacima
Moj deo
Istraživanje
Analiza starog sajta, početni pokazatelji, analiza 25 sajtova hostela, provera mogućnosti Cloudbedsa.
Sajt
Struktura, tekstovi na sedam jezika, filter i poređenje soba, raspored za grupe, dizajn sistem, logotip i ikonice iz dizajnerovih izvornih fajlova. Prelom prvo za telefon, generator i Netlify funkcije pisao sam uz Claude Code po svojim zadacima i lično ih proveravao.
Činjenice
Izvor činjenica, provera recenzija i ocena na platformama, rute po mapi prevoza.
Sajtove pravim s vremena na vreme. Ako vam treba sličan, pišite na max@kottov.net — odgovoriću da li mogu da ga preuzmem.
01 · Početak
Skoro svi dolaze sa telefona — iz oglasa na Instagramu i Facebooku
Početne pokazatelje izmerio sam pre redizajna: Microsoft Clarity za 30 dana do 16. oktobra i Google Search Console za tromesečje do 13. oktobra. Oko 8.000 od 9.574 sesije donele su četiri reklamne kampanje Mete: čovek vidi objavu, dodirne je i otvori sajt pravo u aplikaciji društvene mreže.
Telefon
94%
sesija sa telefona. U ugrađenom pregledaču Instagrama i Facebooka — 84% pregleda.
Dubina
1,32
stranice po sesiji. Aktivno vreme — 13 sekundi od 52 sekunde posete.
Brzina kod stvarnih posetilaca
8,7 s
do glavnog sadržaja na ekranu (LCP). Pomeranje rasporeda 0,34, u 12% sesija — greške u JavaScriptu.
Pretraga skoro da ne dovodi nove goste · Search Console, jul — oktobar 2026
268 od 317
klikova iz Googlea za tromesečje — po nazivu hostela. Na upit „hostel belgrade“ sajt je sedmi, a klikću na njega ređe nego jednom na sto prikaza.
Šta je još pokazala analiza starog sajta
Činjenice su se razlikovale
Kuhinja od 7:00 i od 8:00, prtljag do 21:00 i do 23:00, pranje veša 8 € i 5 € — na različitim stranicama različito.
Jedan link za rezervaciju
Svih 86 stranica vodilo je u Cloudbeds na istu adresu: bez jezika, datuma i izabrane sobe. Sve to gost je unosio ponovo.
Ocene bez datuma
Na početnoj su stajale ocene 9,2, 4,7 i 9,1. Na platformama je sada 8,7 na Booking.com, 4,5 na Googleu i 8,7 na Hostelworldu.
HTML struktura
Tačno jedan naslov H1 — samo na 28 od 86 stranica. Od 2.486 slika njih 755 nema opis.
02 · Pre i posle
Prvi ekran: fotografija sobe i ocene sa tri platforme, a malo niže — obrazac za datume
Snimci sa telefona: stari sajt 1. novembra, onako kako ga gost vidi, sa trakom o kolačićima pri dnu; druga verzija novog 5. novembra 2026. Početna stranica počinje fotografijom spavaonice sa balkonom — vratio sam je sa starog sajta — i ocenama sa Booking.com, Googlea i Hostelworlda sa brojem recenzija. Ispod su foto-šetnja, dugme za WhatsApp i obrazac za datume sa cenom „od 10 €“. Dugme za rezervaciju pojavljuje se pri donjoj ivici kad gost počne da lista i sakriva se dok je obrazac na ekranu.
Pre · početna
Posle · početna
Pre · sobe
Posle · sobe
Šta je bilo i šta je sada
Stari sajt, napravljen u alatu za izradu sajtova
86 adresa u mapi sajta, sedam jezika
sva dugmad vode na rezervaciju istim linkom
citati recenzija bez provere
činjenice se razlikuju od stranice do stranice
jedan H1 — na 28 od 86 stranica
→
Novi sajt u kodu
119 adresa: 17 tipova stranica na sedam jezika
nove stranice: događaji, kako stići do hostela, podsetnik pre dolaska
u rezervaciju odlaze jezik, datumi, gosti i soba
14 recenzija pronađenih na platformama, u celini
činjenice iz jednog izvora, sporne su označene
jedan H1 i opis za svaku sliku
svih 87 starih adresa iz izvornog koda starog sajta vodi na nove
na telefonu dugmad od 44 px, polja od 52 px, filteri bez prevlačenja
03 · Odgovori
Svako često pitanje ima svoj blok ili stranicu
Moj zadatak za redizajn sadrži pet scenarija gosta: izabrati spavaonicu, naći žensku sobu sa kupatilom u sobi, prelaziti sa stranice na stranicu bez gubljenja datuma, saznati cenu i uslove otkazivanja, shvatiti šta raditi pri kasnom dolasku. Iz toga je nastala mapa sajta.
Pitanje gostaGde je odgovor
„Ko spava u spavaonici i gde je kupatilo?“
→
SobeKartica za svaki od šest tipova soba: ko spava, koliko mesta, kvadratura, gde je kupatilo. Filter i tabela za poređenje
„Kako da stignem sa aerodroma?“
→
Kako stićiSa aerodroma, železničke i autobuske stanice: brojevi autobusa i trolejbusa, stajališta, dugmad za Google, Apple i Yandex mape
„Ima nas trideset — da li ćemo stati?“
→
GrupeRaspored kuće sa 48 mesta smešta grupu po celim sobama, a upit odlazi u WhatsApp kao gotov tekst
„Mogu li ovde da živim i radim mesec dana?“
→
Koliving i kovorkingPotkrovlje je otvoreno non-stop. Gost izabere 7, 14 ili 30 noći — i rezervacija se otvara sa tim datumima
„Šta se ovde dešava uveče?“
→
DogađajiDevet vrsta večeri sa fotografijama i plakatima: muzika uživo, filmovi, potraga za blagom, roštilj na krovu. Najave — na Instagramu
„Mogu li da otkažem rezervaciju?“
→
Pre dolaskaDve tarife i šta je moguće sa svakom, podsetnik po datumima putovanja, kasni dolazak i čuvanje prtljaga
„Da li ima lift?“
→
SadržajiKuća po spratovima: lifta nema, spratovi su povezani stepeništem — i to se vidi pre rezervacije
Mapa sajta · nove stranice
Izabrati i rezervisati
Početna
Sobe
Recenzije
Fotografije i obilazak kuće
Sadržaji i cene
Duži boravak i društvo
Koliving i kovorking
Grupe
Događaji
Volonteri
O hostelu
Dolazak i pravila kuće
Kako stići i šta je u blizini
Pre dolaska
Kućni red
Pravila kuhinje
Zvanične informacije
Politika privatnosti
Mapa sajta
Uz to, stranica „nije pronađeno“ na svakom jeziku. Gde je moguće, adrese stranica su iste kao one starog sajta u Google indeksu, a ostale stare adrese preusmerene su na nove.
Kartica sobe. Ko spava, koliko mesta, gde je kupatilo, kvadratura. Dugme „Donji krevet“ vodi pravo u tu kategoriju u Cloudbedsu — donji krevet je malo skuplji od nasumično dodeljenog.
Poređenje. Gost označi dve-tri sobe — u tabeli ostaju samo one.
Kako stići. Sa aerodroma, železničke i autobuske stanice — linije i stajališta. Rute su proverene na mapi javnog prevoza 22. oktobra, datum stoji na stranici.
Grupe. Gost upiše koliko osoba dolazi — raspored desno ih smešta po celim sobama. Upit ne ide na server: otvara se WhatsApp ili mejl sa gotovim tekstom.
Nedelja ili mesec. Trajanje, datum dolaska, gosti, soba — i Cloudbeds se otvara sa tim podacima. Sajt ne izmišlja cene za duži boravak: prikazuje ih Cloudbeds ili ih šalje tim.
Kuća po spratovima. Gde su kovorking, dnevne sobe i bioskopska sala. Lifta nema, i gost to saznaje pre rezervacije.
Večeri. Devet vrsta: fotografije sa prošlih večeri i plakati. Plakati su napravljeni po šablonu u bojama sajta — jedan fajl 4:5 i za Instagram i za stranicu.
04 · Rezervacija
Datumi izabrani na bilo kojoj stranici stižu do Cloudbedsa
Hostel je rezervacije primao u Cloudbedsu i tako je ostalo. Promenilo se ono što sajt tamo šalje. Link za rezervaciju pravi jedna funkcija, a sajt u njega dopisuje sve što je gost već izabrao.
Datumi i gostina bilo kojoj stranici
Sobaili donji krevet
Jeziku adresi linka
Cloudbedsodmah slobodna mesta za te datume
Jezik
U adresi
Cloudbeds ignoriše parametar jezika i otvara engleski. Radi samo putanja: /ru/reservation/. Srpskog u Cloudbedsu nema — srpska verzija vodi na englesku.
Putovanje
Pamti se
Datumi, gosti i soba čuvaju se u pregledaču. Gost na stranici soba izabere datume i tri osobe, pređe na događaje, pa na rusku verziju — linkovi za rezervaciju već imaju te datume i tri gosta.
Grupa
9+
Onlajn može da se rezerviše za najviše osam osoba. Za devet i više osoba obrazac nudi grupni upit umesto Cloudbedsa.
U Instagramu i Facebooku · 84% pregleda
Ovde obrazac odmah upozorava da će se rezervacija otvoriti u pregledaču i objašnjava: ako se ništa ne desi, treba dodirnuti „···“ i izabrati „Otvori u pregledaču“.
Zašto rezervacija nije ugrađena u stranicu
Ugrađivanje je plaćena opcija Cloudbedsa
Prozor za rezervaciju iznad stranice deo je paketa Premium Embeds, koji hostel nema. Staro ugrađivanje kroz iframe Cloudbeds je ugasio početkom 2026.
Kod je već spreman
Prozor se uključuje jednim parametrom pri izradi. Ako se skripta Cloudbedsa ne učita za 4 sekunde, dugme radi kao običan link.
05 · Činjenice
Nijedna brojka koja ne može da se proveri
Radno vreme, cene, kvadrature, minuti hoda i ocene nalaze se u jednom fajlu, a stranice na sedam jezika ih uzimaju odatle. Svaka činjenica ima status: proverena, sporna ili nepoznata. Sporne sajt prikazuje sa oznakom „proveravamo“, a nepoznate ne prikazuje uopšte.
Kako to izgleda na sajtu
Kuhinja 8:00–22:00 · proveravamo. Izvori se razlikuju, pa dok tim ne potvrdi, oznaka stoji pored radnog vremena.
Cene doručka i parkinga nisu objavljene, pa ih sajt ne navodi i predlaže da se pita tim.
Datumi večeri ne prikazuju se dok hostel ne počne da vodi raspored. Najave — na Instagramu.
Ocene — sa platformom, brojem recenzija i datumom provere.
Minuti hoda i linije prevoza provereni su po rutama 22. oktobra.
Recenzije
14
recenzija na sajtu — sve su pronađene na Googleu i Hostelworldu i navedene u celini. Od 12 citata sa starog sajta šest uopšte ne postoji na platformama, još četiri su spojena, dopisana ili prepričana, a dva sa Booking.com ne mogu da se provere.
Ocene po kategorijama. Podaci Hostelworlda na dan 23. oktobra. Najniža ocena — atmosfera, 7,4 — takođe je na stranici.
AI asistent prve verzije · kako je bio zamišljen
Trebalo je da odgovara iz istog izvora činjenica kao i stranice
Samo iz izvora činjenica. Za ono čega tamo nema rekao bi da ne zna i dao WhatsApp i telefon.
Sporno — sa ogradom. Za radno vreme kuhinje i čuvanje prtljaga savetovao bi da se proveri na recepciji.
Link za rezervaciju pravio bi server, a ne model. Model bi naveo datume, broj gostiju i sobu, a server bi ih proverio i napravio link ka Cloudbedsu. To je urađeno u kodu, ali nije postavljeno na demo.
Bez ličnih podataka. Prepiska bi ostajala samo u kartici pregledača, ne na serveru. Sa jedne adrese — najviše 20 pitanja za 10 minuta.
Zašto ga nema u drugoj verziji
Na demou prve verzije dugme „Pitajte hostel“ stajalo je od 23. oktobra, ali asistent nikad nije proradio: ključ modela nije prihvaćen, pa je odgovarao da nije dostupan.
U drugoj verziji umesto njega stoji link „Pitaj nas na WhatsApp-u“ ka broju recepcije. Ne šalje ništa sam i ne obećava trenutan odgovor. Kod asistenta čuva se u arhivi projekta.
06 · Izrada
Generator u Pythonu, jedan CSS i jedna skripta — bez frejmvorka
Sajt se pravi kao statičke stranice: na hostingu nema baze podataka ni admin panela, stranice se isporučuju kao gotovi fajlovi. Tekstovi na sedam jezika stoje u zasebnim fajlovima sa zajedničkim ključevima. Ako u prevodu nedostaje red, izrada se zaustavlja i navodi koji.
tekstovi: sedam fajlova, engleski je uzor za ključeve
podaci: činjenice, večeri, recenzije — u zasebnim fajlovima
QR kod za štampana pravila kuhinje pravi se pri izradi, bez spoljnih servisa
ikonice sajta i pregledi za društvene mreže na sedam jezika, napravljeni iz dizajnerovog vektorskog logotipa
neprelomivi razmaci u ruskom i srpskom
U pregledaču
jedan app.js: putovanje, linkovi za rezervaciju, filteri, poređenje, galerija, obrasci za WhatsApp
jedan styles.css, prvo za telefon
označeno je više od 50 analitičkih događaja, tagove ću povezati zajedno sa banerom za pristanak na kolačiće
stranica koju gost samo što nije otvorio učitava se unapred, a prelaz između stranica je gladak
animacija se isključuje podešavanjem „smanji pokrete“
stranica „nema interneta“ na sedam jezika: ako veza nestane, gost koji je već bio na sajtu vidi nju umesto greške pregledača
Netlify
statički fajlovi, zaglavlja, 301 za stare adrese, 404 na svakom jeziku
Instagram fid kroz sopstvenu funkciju: slike se učitavaju sa domena sajta, pregledač gosta ne šalje zahteve Instagramu
nedeljno obnavljanje Instagram tokena i čuvanje u Netlify Blobs su spremni — čekaju povezivanje naloga
Dizajn sistem
Topli papir, bele kartice, tamnozelena dugmad, limeta-zelena — tu i tamo. Naslovi u Montserratu, tekst u Noto Sansu. Boje, razmaci i zaobljenja zadati su tokenima u jednom dokumentu: nova stranica ne uvodi sopstvene boje.
U drugoj verziji logotip je uzet iz dizajnerovih vektorskih izvornih fajlova, u zelenoj varijanti, a iz njega su napravljene i ikonice sajta i pregledi za društvene mreže.
Kupus
Znak brenda je glavica kupusa. Listovi logotipa se razvijaju kada se znak pojavi na ekranu, tamne sekcije imaju talasastu ivicu lista, a na dnu stranice trepće kupus sa očima. Listovi logotipa su ujedno i stepeništa kuće.
Sva animacija radi bez biblioteka i isključuje se ako je u sistemu uključeno „smanji pokrete“.
126
stranica, zajedno sa 404, provereno na širinama 320, 390 i 1100 px — ništa ne izlazi van ekrana
0
neispravnih linkova, slika i sidara na svih 126 stranica
87
starih adresa iz izvornog koda starog sajta vodi na nove stranice
44 px
minimum za dugmad i filtere na telefonu; polja za unos — od 52 px
Zahteva na početnoj
88→21
Stari sajt naspram druge verzije.
Težina početne, MB
1,8→0,9
Stari sajt — od 1,7 do 1,9 MB.
Pristupačnost
92→97
Lighthouse ocena od 100. Tri boda su skinuta zbog sivih natpisa u bloku „Dolazak“ na početnoj: kontrast 4,24 umesto potrebnih 4,5.
Lighthouse 13.5, mobilni profil, jedan laptop, po tri merenja početne stranice: stari sajt 1. novembra, druga verzija 5. novembra 2026. Ocenu brzine ne poredim: u laboratorijskim uslovima skače od merenja do merenja. Porediću podatke sa terena posle pokretanja.
Hronika
16.10
Snimak starog sajta i analiza 25 sajtova hostelaPrvi demo: sve stranice na sedam jezika.
17.10
Večeri i animacija kupusaStranica događaja i listovi koji se razvijaju na ekranu.
21.10
CloudbedsCene i ID kategorija za svih šest tipova soba, provera ugrađivanja rezervacije u stranicu.
22.10
Redizajn stranicu po stranicu18 radnih iteracija po zajedničkom dizajn sistemu, svaka stranica u svojoj. Uveče — provera celog sajta: 114 stranica u pet širina i pet scenarija gosta.
23.10
AI asistent, Instagram fid, kuća po spratovimaI slike za društvene mreže na sedam jezika.
25.10
Animirani logotip i analiza prelaskaPoslednje objavljivanje prve verzije.
27.10
Fontovi na sopstvenom hostingu i stranica mape sajtaNisu stigli u demo prve verzije, ušli su u drugu.
02.11
Druga verzija: prvo telefonSvih 17 šablona na sedam jezika: veća dugmad i polja, filteri bez prevlačenja, kratak prvi ekran, podnožje koje se sklapa. Bez AI asistenta — umesto njega link za WhatsApp. Posebna adresa demoa, prva verzija nije dirana.
03.11
Logotip iz dizajnerovih izvornih fajlova, stranica „nema interneta“Ikonice sajta i pregledi za društvene mreže na sedam jezika, učitavanje stranica unapred i glatki prelazi između njih.
Kako sam pravio
Kod sam pisao uz Claude Code po svojim zadacima. Šta da se pravi, koje činjenice idu na stranicu i koje stranice prihvatiti — to sam odlučivao ja.
Svaka stranica je pravljena u zasebnoj iteraciji: zadatak, provera u pregledaču i spisak onoga što treba potvrditi sa hostelom. Druga verzija je rađena isto: poseban prolaz kroz svaki šablon na telefonu.
07 · Dalje
Pre pokretanja ostalo je ono što ne rešava kod
Sajt se uspešno generiše, scenariji prolaze, stare adrese rade. Na domen će preći kada se zatvore četiri pitanja.
Pravnik
Proverava nacrt politike privatnosti: srpski zakon o zaštiti podataka o ličnosti i GDPR. Bez toga ne uključujem analitiku.
Tim hostela
Treba da potvrdi sporne činjenice — radno vreme kuhinje, čuvanje prtljaga, cenu pranja veša, kasni dolazak — i pošalje zamene za zastarele podatke.
Izvorni govornici
Čitaju srpsku i tursku verziju: prevodi su rađeni bez njih.
Domen
Produkciona verzija otvorena za pretraživače, prelazak cabbagehostel.com na Netlify, mapa sajta u Search Consoleu.
Šta ću proveriti posle pokretanja
Presek 1
Brzina kod stvarnih posetilacaLCP, INP i pomeranje rasporeda naspram 8,7 s, 530 ms i 0,34 kod starog sajta.
Presek 1
Da li čitaju dalje od prve straniceStranice po sesiji i aktivno vreme — bilo je 1,32 i 13 sekundi.
Presek 2
Da li stižu do rezervacijePrelasci u Cloudbeds naspram 173 sesije sa klikom na „Book“ za 30 dana i rezervacije prema podacima samog Cloudbedsa. To je glavno pitanje projekta.
Presek 2
Da li pretraga dovodi nove gosteKlikovi na opšte upite — bilo je 49 za tromesečje, pozicija za „hostel belgrade“ — sedma, za „coliving belgrade“ — dvanaesta.
Kako ću porediti
Mesec poredim sa istim mesecom. Hostel ima sezonu: jesen ne poredim sa letom.
Oglasi odvojeno od pretrage. Skoro sve posete sada dolaze iz Mete, pa je važnije kako se menja njihov udeo nego ukupan broj poseta.
Samo podaci sa terena. Laboratorijske ocene brzine ne ulaze u rezultat.
Stari sajt je pokazivao hostel. Novi odgovara na pitanja gosta — od toga gde je kupatilo u spavaonici do toga kojim autobusom se ide sa aerodroma. To ću proveriti posle pokretanja — po dubini pregleda i prelascima na rezervaciju.
Početni pokazatelji — Microsoft Clarity za 30 dana do 16. oktobra i Google Search Console do 13. oktobra 2026. Analiza starog sajta — 86 stranica njegove mape sajta, 22. oktobra. Lighthouse 13.5, mobilni profil: stari sajt 1. novembra, druga verzija 5. novembra. Recenzije i ocene proverene na platformama 22–25. oktobra. Provere rasporeda i linkova druge verzije — 2–3. novembra. Snimci — demo druge verzije cabbage-hostel-v2.netlify.app, 5. novembra, i cabbagehostel.com, 1. novembra. Na naslovnoj — baštenska terasa hostela, fotografija sa njegovog sajta.
