WEB DEVELOPMENT · 2026
DVD Stari Grad
Kompletan rebuild web-stranice DVD-a Stari Grad, s modernim responsive dizajnom, vlastitim publishing sustavom i Cloudflare infrastrukturom.
PREGLED PROJEKTA
DVD Stari Grad je dobrovoljno vatrogasno društvo sa sjedištem u Starom Gradu na otoku Hvaru.
Prethodna web-stranica zamijenjena je potpuno novom, izgrađenom oko rada društva, sadržaja i vizualnog identiteta.
Projekt je obuhvatio cijeli proces, od strategije i informacijske arhitekture do dizajna, developmenta i production isporuke.
- ULOGA
- Strategija · UX/UI · Development · Arhitektura sadržaja · SEO · Production
- TEHNOLOGIJE
- Next.js · TypeScript · Cloudflare Workers · D1 · R2 · Drizzle
- WORKFLOW
- Research · Agentic AI-assisted development · Git/GitHub · Automated deployment
IZAZOV
Prethodna web-stranica pružala je osnovnu online prisutnost, ali njezina struktura, prezentacija i mogućnosti objavljivanja više nisu odgovarale potrebama aktivnog lokalnog vatrogasnog društva.
Novosti i intervencije imale su ograničenu vidljivost, stalni sadržaj bio je teško pregledan, mobile iskustvo bilo je osnovno, a nije postojao moderan workflow za objavu novog sadržaja.
Cilj rebuilda bio je stvoriti pregledniju i korisniju web-stranicu za posjetitelje, a istovremeno društvu omogućiti praktičan način dugoročnog održavanja aktualnog sadržaja.
DIZAJN I RESPONSIVE ISKUSTVO
Nova web-stranica dizajnirana je od nule oko identiteta i svakodnevnog djelovanja DVD-a Stari Grad, umjesto da se nadograđuje na izgled i strukturu stare web-stranice.
Autentična fotografija, izraženija tipografija i jasna editorial struktura daju intervencijama, članovima, vozilima i povijesti društva veću vizualnu važnost.
Mobile, tablet i desktop layouti tretirani su kao zasebna responsive iskustva, uz prilagodbu navigacije, fotografija i hijerarhije sadržaja dostupnom prostoru.
SADRŽAJ I OBJAVLJIVANJE
Jedan od glavnih dijelova rebuilda bio je dati novostima i intervencijama pravo mjesto na web-stranici, uz sustav prilagođen redovitom objavljivanju sadržaja.
Prethodna sekcija novosti zamijenjena je rubrikom Aktualno, koja spaja jasan pregled sadržaja sa zasebnim stranicama objava, naslovnim fotografijama, rich contentom, galerijama i navigacijom između članaka.
Za launch je pripremljeno šest članaka, tako da je web-stranica od prvog dana imala sadržaj umjesto praznog publishing frameworka.
CUSTOM PUBLISHING SUSTAV
Iza rubrike Aktualno nalazi se purpose-built CMS izrađen posebno za DVD Stari Grad, umjesto oslanjanja na WordPress ili vanjsku content platformu.
Urednici mogu upravljati draftovima i objavljenim sadržajem, featured objavama, kategorijama, datumima, naslovnim fotografijama, galerijama, redoslijedom medija i alt tekstovima.
D1 i R2 čine podlogu za sadržaj i medije, uz zaštite vezane uz upload, vlasništvo nad medijima, gallery failure scenarije, zamjenu cover fotografija i sprječavanje duplog stvaranja draftova.
ARHITEKTURA SADRŽAJA
Stranice poput O društvu izgrađene su oko autentičnih fotografija, strukturiranih informacija i snažnije vizualne hijerarhije, umjesto generičke legacy prezentacije.
Web-stranica sada funkcionira i kao izvor aktualnih aktivnosti i kao dugoročniji digitalni zapis o društvu i njegovoj ulozi u lokalnoj zajednici.
PRODUCTION PODLOGA
Web-stranica radi na Cloudflare-native infrastrukturi koristeći Workers, odvojene D1 baze, R2 media storage i Cloudflare Access za privatni admin.
Kontakt flow uključuje server-side validaciju, Turnstile, honeypot zaštitu, rate limiting, praćenje submissiona i transactional email putem Resenda.
SEO i analytics ugrađeni su kroz metadata, sitemap, Search Console i GA4. Animacije su lagane i poštuju reduced-motion postavke.
Deployment je automatiziran od GitHuba do Cloudflarea, tako da se promjene mogu objavljivati bez ručnog deployment procesa.
REZULTAT
Rebuild je potpuno modernizirao web-stranicu DVD-a Stari Grad, koja sada puno bolje predstavlja djelovanje, povijest i ulogu društva.