Turizam i smještaj
White Hills Resort
Trojezična web platforma za resort koji se još gradi: rezervacijski sistem, admin panel, CMS, PWA i privatni microsite za grupnu turu. Sve u jednom Next.js sistemu.
226
commita u 5 mjeseci
33
rute: javni sajt, admin i API
3
jezika · bs, en, de
57
komponenti
9
modela u bazi podataka
32.000
linija TypeScript koda
Platforma uživo
Od brenda do admina, sve iz jednog sistema.
Ekosistem
Marketing, web, admin, brain, asistent. Jedan lanac.
Smisao projekta nije samo web stranica nego cijeli sistem u kojem svaki dio hrani sljedeći: sadržaj puni sajt, sajt puni bazu, odluke i graf koda čuvaju znanje o projektu, a asistent uči iz pitanja posjetilaca.
001.
Marketing
Brend, paleta, mockupi, Instagram reels i novosti koje pune sajt i asistenta.
002.
Web
Trojezična platforma, PWA, SEO, gradilište uživo, nacrti, karta okoline.
003.
Admin
Rezervacije, kalendar, jedinice, ture, novosti, korisnici. Vlasnik vodi sve sam.
004.
Brain
ADR odluke i graf koda projekta: svaka sesija zna šta je odlučeno i zašto.
005.
Asistent
Chat s bazom znanja koju vlasnik širi iz pitanja posjetilaca.
Šta je izgrađeno
Pionirski sistem digitalizacije na našem tržištu.
® — 001.
Platforma za resort koji se još gradi
Kompleks je u fazi izgradnje, a digitalni sistem je u potpunosti funkcionalan i ažurira se u ritmu radova na terenu. Posjetilac svake sedmice vidi dokle je stigla gradnja, a strateški fokus u ovoj fazi je promocija Nacionalnog parka Una i lokalne turističke ponude, da se destinacija pozicionira prije otvaranja.
® — 002.
Quad ture, testirane na terenu
Tri odvojene ture, od lagane doline Une (57 km) do zahtjevnog velikog kruga (135 km). Svaka je prošla terensko testiranje, verifikaciju i kartografsko mapiranje prije nego što je ušla u ponudu. Rute su iscrtane iz stvarnih GPS tragova, s udaljenostima i vremenom vožnje po dionici, a cijena se računa iz stvarnih troškova u admin cjenovniku.
® — 003.
Vlastiti rezervacijski sistem
Rezervacije ne idu preko Bookinga ni posrednika. Vlastiti sistem s tri modela dostupnosti, javnim API-jem i admin panelom daje potpunu nezavisnost od vanjskih platformi. Sve aktivnosti i procesi prate se i upravljaju centralizovano, iz jednog sistema.
® — 004.
Asistent koji uči iz pitanja posjetilaca
Chat na sajtu odgovara iz baze znanja koju vlasnik vodi sam, na tri jezika. Svako pitanje na koje baza nema odgovor ide u red vlasniku i postaje novi unos, pa asistent svakim posjetiocem zna više. Bez vanjskih AI servisa i bez slanja podataka gostiju trećim stranama.
® — 005.
Android aplikacija bez app storea
White Hills ima PWA aplikaciju koja se instalira direktno iz preglednika, s offline stranicom i iOS uputom za dodavanje na početni ekran. Bez objave na storeovima, bez čekanja na odobrenja.
® — 006.
Sistem koji pamti zašto
Sve aktivnosti, rezervacije, pitanja i cijene žive u jednoj bazi, a odluke o projektu u ADR dokumentu i grafu koda koji svaka radna sesija čita prije izmjene. Pravila se mehanički provjeravaju prije svakog commita. Isti pristup radi za bilo koju firmu s procesima, kupcima i sadržajem, ne samo za turizam.
Izazov
Kako prodati mjesto koje još ne postoji? Pet A-frame vikendica na 600 metara nadmorske visine iznad Bihaća bilo je u fazi krovne konstrukcije kad je projekat počeo, a otvaranje je u toku rada pomjereno sa 2026. na 2027. godinu. Stranica je morala biti iskrena prema posjetiocima, graditi listu čekanja, prodavati ture koje već rade i istovremeno služiti kao operativni alat vlasniku: rezervacije, novosti, kalendar, računi.
Pristup
Umjesto klasične stranice „uskoro“, izgradio sam potpun sistem: javnu stranicu sa 18 sekcija i chat asistentom koja jasno označava šta je 3D render, šta projektna dokumentacija, a šta fotografija sa terena; rezervacijski sistem sa tri modela dostupnosti; admin panel s cjenovnikom koji vlasnik koristi bez programera; i privatne stranice za klijenta, od ponude i dnevnika rada do predračuna. Sve na vlastitoj infrastrukturi, s automatskom objavom novih verzija iz GitHuba.
Uloga
- Dizajn proizvoda
- Web razvoj
- Pozadinski sistem i baza
- Infrastruktura
- Brend
- Sadržaj i SEO
Stack
- Next.js 16
- React 19
- TypeScript
- Tailwind v4
- Framer Motion
- Prisma
- PostgreSQL
- Leaflet
- PWA
- Docker
- Coolify
Opseg rada
Šta je urađeno, cjelina po cjelina.
® — 001.
11 stavki
Javna stranica · 18 sekcija
Početna stranica vodi posjetioca od vizije do liste čekanja, s realnim statusom gradnje na svakom koraku.
- Intro animacija dok se hero video učitava, uz automatski prekid za sporije mreže
- Uokvireni hero s video pozadinom i značkom posljednje novosti
- Statusna traka: trenutna faza gradnje, planirano otvaranje, napomena da rezervacije još nisu otvorene
- Instagram reels traka sa snap-scroll ponašanjem i brojem pregleda
- Vizija, animirane ključne brojke i vremenska linija sa 7 faza gradnje
- Gradilište: 5 faza i 4 fotografije s interaktivnim hotspotovima
- Pregledač nacrta: 10 SVG listova (situacija, osnove, presjeci, fasade) izvučenih kao vektori iz PDF-a arhitekte
- Leaflet karta okoline s 10 tačaka interesa, zračnom udaljenošću i vremenom vožnje
- Katalog kvad flote: 6 modela s kompletnim specifikacijama
- 6 planiranih aktivnosti, FAQ, lokacija, novosti, kontakt i lista čekanja
- Mobilna sticky CTA traka i WhatsApp dugme na desktopu
® — 002.
4 stavki
Trojezičnost bez vanjske biblioteke
Bosanski, engleski i njemački kroz vlastito rutiranje u Next.js proxy sloju.
- Kolačić, pa Accept-Language, pa zadani bosanski; zadani jezik ima čist URL bez prefiksa
- Oko 175 UI ključeva po jeziku plus trojezični sadržaj u CMS-u i bazi
- hreflang alternates s x-default za svaku rutu u sitemapu
- Lokalizovan izbor datuma i rezervacijski tekstovi
® — 003.
8 stavki
Rezervacijski sistem i admin panel
Vlasnik upravlja ponudom i upitima sam, bez programera.
- Jedinice tipa vikendica, kvad ili tura, s trojezičnim opisom, cijenama i kapacitetom
- Tri modela dostupnosti: po noći, po danu, po satu ili po osobi
- Javni API za provjeru dostupnosti i prijem upita sa honeypot zaštitom
- Statusi upita: upit, potvrđeno, otkazano, završeno; ručni unos i kalendar
- Vlastita autentikacija (bcrypt i jose), uloge admin i osoblje
- Upload slika na trajni volumen, novosti s kategorijama i uređivačem sadržaja
- Tri quad ture kao odvojeni proizvodi: Dolina Une (57 km), Avantura Una (107 km), Veliki krug (135 km)
- Cijene skrivene na javnom sajtu jednim prekidačem dok se dogovaraju, admin i API rade s pravim iznosima
® — 004.
4 stavki
Brain: odluke i graf koda
Projekat pamti zašto je nešto odlučeno, ne samo kako je napisano.
- ADR dokument s više od 30 usvojenih odluka: cijene, dizajn, rezervacije, deploy, način rada
- whr-brain: graf cijelog koda (funkcije, rute, pozivi) dostupan svakoj radnoj sesiji
- Mehanička provjera odluka prije svakog commita: kod koji krši pravilo ne ulazi u repo
- Prisma baza (SQLite u razvoju, PostgreSQL u produkciji) za novosti, rezervacije, cjenovnik i chat
® — 005.
4 stavki
Chat asistent s bazom znanja
Posjetilac pita na sajtu, odgovor dolazi iz baze znanja koju vlasnik širi iz stvarnih pitanja.
- Widget na sajtu s brzim pitanjima i slobodnim unosom, na tri jezika
- Baza znanja s ključnim riječima po temi: smještaj, ture, lokacija, kontakt
- Nepoznata pitanja idu u red vlasniku i postaju novi odgovori, bez vanjskog AI servisa
- Ime na startu, kontakt nakon par poruka, zaštita od botova i ograničenje broja poruka
® — 006.
4 stavki
Admin cjenovnik quad tura
Kalkulacija troška i cijene uživo u pregledniku, parametri se čuvaju u bazi.
- Trošak po kvadu: gorivo, održavanje po stavkama i kilometrima, osiguranje i pranje
- Trošak po gostu, dnevnica vodiča, drugi vodič od određenog broja kvadova u koloni
- Pragovi cijene po veličini grupe, sezonska prilagodba, minimalna naplata, avans i kaucija
- Tri taba: Cijene, Troškovi, Isplativost
® — 007.
6 stavki
SEO, pravna usklađenost i PWA
- JSON-LD: Resort, LodgingBusiness, LocalBusiness, FAQPage, Blog, Article, Event
- Dinamički sitemap i robots s promišljenim izuzecima za privatne stranice
- GDPR cookie pristanak koji uslovljava učitavanje Google Analyticsa
- Stranice privatnosti, uslova i kolačića na tri jezika
- PWA manifest, service worker, offline stranica i iOS uputa za instalaciju
- iOS safe-area, 16 px polja protiv zumiranja, poštovanje prefers-reduced-motion
® — 008.
4 stavki
EMT Quad Tour · privatni microsite
Zasebna stranica za njemačku grupu koja dolazi 17. do 20. septembra 2026.
- Ulaz pozivnim kodom i Open Graph pozivnica za dijeljenje
- Stvarna ruta iz OSRM-a na karti: dan 1 139 km, dan 2 67 km, s pojednostavljenim polilinijama
- Video po destinaciji: Sokolac, Ripač, Martin Brod, Kulen Vakuf, Štrbački buk
- Smještaj u tri vikendice s galerijama i narudžba opreme
® — 009.
4 stavki
Klijentski portal
- Ponuda projekta na zasebnoj privatnoj ruti
- Dnevnik rada u pet sekcija: taskovi, uplate, dodatno završeno, u toku, predračun
- Predračun s printom u PDF bez ijedne PDF biblioteke
- Interna Instagram analitika sa tri očitanja Insights podataka i projekcijom
® — 010.
4 stavki
Brend i infrastruktura
- Stranica vizualnog identiteta: logo, paleta Pebble / Meadow / Desert, tipografija, mockupi
- Docker višestepeni build, Coolify, PostgreSQL servis, trajni prostor za slike
- SSL, automatska objava iz GitHuba, Google Workspace pošta na domeni
- Dokumentacija za puštanje u rad s tabelom ruta, env varijabli i koracima provjere
Vizuali
Renderi, nacrti i fotografije, jasno označeni.
Tok rada
april 2026. · u toku
April 2026.
Temelj
Coming soon stranica, brend asseti, hero video. Trojezičnost i Obsidian CMS ulaze već u prvim sedmicama.
Maj · juni 2026.
Sadržaj i SEO
Blog, sitemap, robots, JSON-LD. Renderi zamijenjeni pravim fotografijama sa gradilišta.
Juli 2026.
Rezervacije i admin
Prisma baza, rezervacijski sistem, admin panel, PWA. Otvaranje pomjereno na 2027. Nacrti izvučeni iz PDF-a arhitekte.
August 2026.
Instagram, EMT tura, portal
Instagram sekcija i analitika, privatni microsite za grupnu turu s pozivnim kodom, klijentski portal s predračunom.
Septembar 2026.
Ture, cjenovnik, asistent
Tri quad ture s rutama iz GPS tragova, admin cjenovnik, chat asistent s bazom znanja, ADR i graf koda umjesto Obsidian CMS-a.
Naredno
Faza 2
Email obavijesti, online plaćanje, galerija s pravim fotografijama, unos vikendica kad krene prodaja.
® — 006.
Faza 2, kad krene prodaja.
- Email obavijesti za nove upite (trenutno samo log)
- Online plaćanje i depozit kroz lokalni procesor
- Prelazak s db push na prave migracije prije stvarnih podataka
- Galerija s pravim fotografijama umjesto rendera
- Unos vikendica u sistem kad rezervacije krenu
- Recenzije gostiju nakon otvaranja
Ostali projekti
Alen Anadolac
Vlasnik i dizajner digitalnih proizvoda