WEB DEVELOPMENT · 2026
OPG Makjanić
Kompletan rebuild web-stranice lokalnog poljoprivrednog gospodarstva, koji spaja autentičan hvarski identitet s modernim UX-om, responsive developmentom, lokalnim SEO-om i production-ready infrastrukturom za upite.
PREGLED PROJEKTA
OPG Makjanić je obiteljsko poljoprivredno gospodarstvo sa sjedištem u Svirčima na otoku Hvaru.
Postojeća web-stranica izgrađena je iznova kako bi se stvorila jasnija i modernija digitalna prisutnost, uz očuvanje autentičnog karaktera gospodarstva i njegove povezanosti s otokom.
Projekt je obuhvatio cijeli production proces, od informacijske arhitekture, UX-a i vizualnog smjera do developmenta, SEO-a, pristupačnosti, kontakt infrastrukture i deploymenta.
- ULOGA
- Strategija · UX/UI · Development · Sadržaj · SEO · Production
- TEHNOLOGIJE
- Next.js · TypeScript · Cloudflare · D1 · Resend · Turnstile
- WORKFLOW
- Research · Agentic AI-assisted development · Git/GitHub · Automated deployment
IZAZOV
Prethodna web-stranica bila je funkcionalna, ali njezina prezentacija, struktura i tehnička podloga više nisu dovoljno dobro predstavljale poslovanje.
Hijerarhija sadržaja bila je ograničena, poljoprivredne usluge bile su raspoređene kroz duge pojedinačne sekcije, mobile iskustvu nedostajao je fokus, a kontakt proces bio je vrlo osnovan.
Rebuild je trebao unaprijediti sva ta područja bez gubitka praktičnog i lokalnog karaktera stvarnog poljoprivrednog gospodarstva na Hvaru.


ISTRAŽIVANJE I STRATEGIJA
Prije definiranja finalne strukture sajta i copyja provedeno je keyword istraživanje za glavne poljoprivredne usluge i relevantni search intent.
Rezultati istraživanja pomogli su oblikovati nazive usluga, prioritete sadržaja, homepage metapodatke i smjer lokalnog SEO-a.
Visoko lokalizirane varijante ključnih riječi vezane uz Hvar imale su ograničen volumen pretraživanja, pa je strategija bila usmjerena na prirodno korištenje glavnih service termina uz jasan lokalni kontekst, bez forsiranja lokacijskih keyworda u sadržaj.
DIZAJN I ISKUSTVO
Novi vizualni smjer temelji se na krajoliku i karakteru Hvara, umjesto na generičnoj estetici poljoprivrednih web-stranica.
Tople ivory površine, tamni maslinasti tonovi, charcoal i prigušena lavanda kombinirani su s Cormorant Garamond display tipografijom, Manrope body tekstom i autentičnim fotografijama iz Svirča i okolnog krajolika.
Editorial layouti, suptilan motion i minimalan vizualni sustav stvaraju profinjenije iskustvo, a pritom zadržavaju praktičan, prizemljen karakter i jasnu povezanost sa samim gospodarstvom.
JASNIJA PREZENTACIJA USLUGA
Jedno od najvećih strukturnih poboljšanja bila je prezentacija poljoprivrednih usluga.
Prethodna web-stranica prikazivala je usluge kroz velike pojedinačne sekcije koje su zahtijevale dosta scrollanja. Novi dizajn svih pet usluga okuplja u kompaktan vizualni sustav, tako da posjetitelj može odmah razumjeti cjelokupnu ponudu, dok svaka usluga i dalje ima vlastitu fotografiju i objašnjenje.
Rezultat je jasnija hijerarhija, brže skeniranje sadržaja i znatno bolji pregled onoga što gospodarstvo stvarno nudi.


RESPONSIVE ISKUSTVO
Mobile iskustvo tretirano je kao zaseban layout, a ne samo kao umanjena verzija desktop sajta.
Navigacija, crop fotografija, tipografija, spacing, pozivi na akciju i tok sadržaja prilagođeni su manjim ekranima kako bi se najvažnije informacije pojavile ranije i ostale jednostavne za pregled.
Redizajnirani hero odmah prikazuje identitet gospodarstva, ponudu usluga i glavne akcije, bez gubitka atmosfere originalnih fotografija.


KONTAKT I LEAD ISKUSTVO
Kontakt iskustvo redizajnirano je iz osnovne sekcije s informacijama i kartom u cjelovit proces za slanje upita.
Poslovni podaci, izravni kontakt telefonom i e-mailom, strukturirana kontakt forma i lokacija sada zajedno čine jedan jasan korisnički tok.
U pozadini se svaki upit validira na serveru i štiti honeypot provjerom, Cloudflare Turnstileom i rate limitingom. Valjani upiti spremaju se u zasebnu D1 bazu, šalju putem Resenda i automatski prosljeđuju u centralni ROI Media CRM.


SEO I PRODUCTION
SEO i production infrastruktura ugrađeni su u projekt od početka, a ne dodani tek nakon završetka vizualnog dijela.
Keyword research definirao je smjer sadržaja i lokalne search strategije, dok tehnička podloga uključuje metadata, canonical URL-ove, Open Graph podatke, LocalBusiness i WebSite structured data, sitemap i robots konfiguraciju.
GA4 i Google Search Console omogućuju mjerenje i praćenje prisutnosti u pretraživanju, dok accessibility podrška uključuje reduced-motion ponašanje i UserWay kao dodatni accessibility layer.
Production setup radi na Cloudflareu, uz GitHub main povezan s automatskim buildovima i deploymentima. Rollout je uključivao DNS i custom-domain cutover, end-to-end production testiranje i verificiran rollback path.
REZULTAT
Rebuild je zastarjelu web-stranicu pretvorio u modernu i responsive digitalnu prisutnost koja puno bolje odražava karakter OPG-a Makjanić i okruženje u kojem posluje.
Usluge su jasnije predstavljene, mobile i kontakt iskustvo znatno su unaprijeđeni, a gospodarstvo sada ima kvalitetniju production podlogu za lokalnu pretragu, upite i daljnje održavanje.