Radovi

Studije slučaja.

Što je koji projekt, na čemu radi i što je u njemu zapravo bilo teško - uključujući dijelove koji još čekaju nekoga drugoga.

Pokrenite projekt

Što je na ovoj stranici

Jedanaest projekata, uz opis onoga što jesu, na čemu rade i što je u njima zapravo bilo teško. Ondje gdje je izrada dovršena, a stranica još nije objavljena, ovdje to i piše, umjesto da se podrazumijeva suprotno.

ObjavljenoAlat2024

AckiScan

blockchain preglednik

ackiscan.com

Preglednik blokova za lanac Acki Nacki: blokovi, transakcije, validatori i mrežni pokazatelji, dohvaćeni uživo i prikazani grafovima.

Sučelje: Next.js, TypeScript
Podaci: GraphQL API mreže Acki Nacki i kolektor koji vremenske nizove upisuje u Postgres
Posluživanje: nginx na očvrsnutom VPS-u, php-fpm za naslijeđeno stablo

260testova u 26 datoteka

Zanimljivi je dio što je ovo migracija, a ne izrada od nule. Izvorni preglednik je PHP aplikacija od 46 datoteka koja i dalje poslužuje promet, a nova aplikacija mora je preuzeti rutu po rutu, bez dana prekida. Sloj nginxa nove putanje usmjerava na Node, a naslijeđeno stablo ostavlja na php-fpm-u, pa oboje radi usporedno dok migracija ne završi.

ObjavljenoBrand stranica2025

AckionPrime

brand stranica sa živim podacima

ackiscan.com/AckionPrime

Trodimenzionalna metropola koja diše sa svakim blokom - marketinška površina i platno sa živim podacima na istoj stranici.

Prikaz: Three.js, WebGL
Podaci: GraphQL API mreže Acki Nacki, dohvat svakih 60 sekundi
Izrada: Vite, obični JavaScript za sloj podataka - bez okvira u petlji iscrtavanja

58sličica/s, medijan na M1 Airu
45sličica/s, medijan na Pixelu 6a
3 tjednaod početka do objave

Svaki novi blok pokreće puls grada: svjetla u zgradama zatalasaju se, vozila se pomiču, čestice se stvaraju uz čvorove validatora. Uskladiti to sa živom 3D scenom bez gubitka sličica značilo je grupirati promjene DOM-a i unaprijed alocirati vozila umjesto alociranja u svakom okviru.

Stranica je bila javno lice pokretanja glavne mreže.

ObjavljenoMikrostranica2024

Keti

AI pomoćnica za turizam Međimurja

keti.acki.pro

Kulturna AI pomoćnica nazvana po Katarini Zrinski, koja odgovara na pitanja posjetitelja o Međimurju na hrvatskom, engleskom i njemačkom.

Poslužitelj: Node.js, Express, odgovori u struji
Model: OpenAI
Dohvat: Vlastiti RAG nad otprilike 2.000 dokumenata županijskog turizma
Posluživanje: PM2 i nginx na očvrsnutom VPS-u

~80razgovora dnevno, ljetna sezona
6 + 2 tjednaizrada, pa postavljanje i primopredaja

Baza znanja su letci turističke zajednice, županijske stranice, jelovnici i programi manifestacija, osvježeni tjedno cron poslom koji povlači RSS uz ručne dodatke. Sloj dohvata je napisan, a ne kupljen, pa odgovori ostaju unutar županijskih materijala umjesto da odlutaju u opće znanje modela.

Turistička zajednica koristi je kao prvu liniju odgovora na česta pitanja.

ObjavljenoWooCommerce2024

Vijak.eu

B2B WooCommerce na razini kataloga

vijak.eu

Platforma industrijskog distributera: katalog s više varijanti, uz veleprodajno naručivanje, poslovnu prijavu i sinkronizaciju s ERP-om.

Platforma: WordPress, WooCommerce
Tema: Izrađena po mjeri, bez alata za slaganje stranica
Baza: SQL prilagođen brzom dohvatu varijanti
Sigurnost: Fail2ban, Cloudflare WAF, dnevne snimke

12.000artikala u katalogu
+38%konverzija veleprodajnih narudžbi, u odnosu na Magento
<1,4 sučitavanje stranice, na VPS-u od 15 €/mj
8 tjedanaod početka do objave

Standardna WooCommerce tema propada na katalogu ove veličine. Prikaz varijanti izrađen je iznova, s grupiranim AJAX pozivima, unaprijed zagrijanom predmemorijom proizvoda i podijeljenim indeksom pretraživanja.

Klijentovi urednici cijeli katalog vode iz WordPress nadzorne ploče, bez programera u lancu.

ObjavljenoJavni sektor2024v2 redizajn u izradi

Međimurska županija

redizajn naslovnice

medjimurska-zupanija.hr

Javna stranica županije - rad ovog studija, trenutno objavljena i u upotrebi. U izradi je v2 revizija naslovnice: pločice usluga, dio o transparentnosti, kalendar događanja, zid logotipa partnera i dio s projektima, uz ljepljivo zaglavlje koje identitet županije nosi kroz cijelu stranicu.

Izlaz: Statički HTML i CSS, bez okvira
Kalendar: Vlastite oznake datuma, uključujući raspone preko dva mjeseca
Naslovni dio: Slijedno pretapanje, kartice jednake visine, naslov skraćen na dva retka

Rad za javni sektor ima svoje ograničenje: županijsku naslovnicu čitaju ljudi koji koriste čitače zaslona, starije preglednike i jeftine telefone na seoskim vezama, i nitko od njih nije neobavezan. Ćelije kalendara izvan tekućeg mjeseca prikazuju se kao prazne, onemogućene ćelije koje ne primaju fokus, umjesto kao ukrasni šum kroz koji korisnik tipkovnice mora prolaziti.

V2 naslovnica je izrađena, pregledana i u postupku potvrde kod klijenta. Nosi rezervirane datume u kalendaru koje treba potvrditi prije objave - to je zabilježeno u primopredaji, a ne prepušteno da se otkrije.

WooCommerce2025

Birobox

Web3 WooCommerce

birobox.com/luna

Trgovina koja spaja uobičajeni WooCommerce katalog s plaćanjem na lancu.

Platforma: WordPress, WooCommerce, PHP 8.3
Tema: Blokovska tema, uređivanje cijele stranice
Plaćanje: Web3 novčanik na blagajni, uz uobičajeno plaćanje karticom

Teški dio Web3 trgovine nije novčanik - nego to da blagajna s novčanikom stoji uz običnu karticu, a da obični kupac ne primijeti ništa neuobičajeno i da kripto put ne postane druga, neodržavana trgovina.

ObjavljenoWordPress2025

ASSITEJ Hrvatska

kazališna udruga

assitej.hr

Hrvatski centar ASSITEJ, međunarodne udruge za kazalište za djecu i mlade. Stranica vođena vijestima: premijere, festivali, nagrade i edukacijski programi.

Platforma: WordPress 6.4+, PHP 8.1+
Tema: Klasična tema po mjeri, izrađena 1:1 prema predanom dizajnu
Fontovi: Vlastito posluženi - bez Google Fontsa, dakle bez zahtjeva trećoj strani i bez obveze objave prema GDPR-u
Uredništvo: Boje kategorija, oznake za filtriranje, mreža kartica 3×3 i straničenje

Predložak stranice sam gradi ljepljivi sadržaj iz H2 naslova u tekstu, pa urednik koji piše dugu stranicu dobiva funkcionalnu navigaciju unutar nje, bez dodatka i bez kratkog koda.

Svako polje u prilagodniku isporučeno je s točnim hrvatskim tekstom iz dizajna, što znači da je stranica potpuna i ispravna na dan primopredaje, a ne skup praznih polja koja klijent tek treba popuniti.

U izradiWooCommerce2026

Komad

modna trgovina

komad.com

Tema po mjeri za WordPress i WooCommerce za trgovca odjećom, izrađena prema gotovom dizajnu, a ne prilagodbom kupljenog predloška.

Platforma: WordPress, WooCommerce, PHP 8.x, MariaDB
Tema: Po mjeri, izrađena prema dizajnu
Jezici: Hrvatski, engleski, njemački

Modna prodaja je područje gdje gotove teme obično popuste: lookbook, vodič za veličine i birač varijanti svaki traže raspored koji tema nije predvidjela, a uobičajeni je odgovor alat za slaganje stranica koji svakoj stranici doda težinu. Ova je izrađena prema dizajnu.

Također izrađeno

Projekt	Što je	Godina
acki.pro	Portfelj stranica, povlači povijesne podatke s AckiScan metrics API-ja	2025.
ackiscan.xyz	Okruženje za pokuse i razvoj	2025.
magan.biz	Korporativna stranica, WordPress	2023.

Kako ovaj studio radi

Svaki projekt na ovoj stranici radi na VPS-u koji studio sam postavlja, a ne na upravljanoj platformi. To je namjerno: znači da su sigurnosna zaglavlja, predmemorija, raspored sigurnosnih kopija i načini na koje sustav može otkazati stvari koje se mogu objasniti i promijeniti, a ne stvari o kojima odlučuje platforma.

Isto vrijedi i za ovu stranicu. Ispečena je u statički HTML, ne postavlja kolačiće, ne učitava ništa s poslužitelja treće strane, a vlastita izrada prekida se ako bilo koja stranica uputi na vanjski izvor. Otvorite izvorni kod i provjerite.