CASE STUDY / WORDPRESS & CUSTOM DEVELOPMENT
IOK Zagreb
Cijeli klub.
Jedan sustav.
Momčad, natjecanja, rezultati i priče zajednice. Osmislili smo i razvili web koji ih povezuje — od prve razrade do vlastitih WordPress dodataka.
Posjetite web
NA MOBITELU POKRENI PREGLED.
IZAZOV
Cjelina koja radi
za cijeli klub.
Kako na jednom webu povezati sportski klub, sve njegove igrače, sezone i natjecanja, projekte, dokumente i svakodnevne novosti — bez nepovezanih popisa i višestrukog unosa istih podataka?
Krenuli smo od strukture i korisničkih putova. Zatim smo oblikovali dizajn i razvili WordPress dodatke koji povezuju utakmice s poretkom, igrače s objavama te projekte s njihovim novostima. Svaki dio ima svoje mjesto i jasnu vezu s ostatkom weba.
01 / OD RAZRADE DO RAZVOJA
Dobar plan.
Vlastita rješenja.
01 / STRATEGIJA & RAZRADA
Prvo potrebe kluba.
Zatim arhitektura weba.
Jasan plan od prve ideje do zadnjeg povezanog podatka.
Web IOK-a Zagreb trebao je obuhvatiti puno više od predstavljanja kluba. Novosti, momčad, natjecanja, projekti i dokumenti imaju različite uloge, ali pripadaju istoj priči. Zato smo ih najprije organizirali u jasnu strukturu.
Razradili smo što se unosi jednom, gdje se taj podatak prikazuje i s kojim se sadržajem povezuje. Taj je plan postao temelj dizajna, WordPress strukture i razvoja vlastitih dodataka.
- Razrada potreba
- Informacijska arhitektura
- Plan sadržaja
- Povezivanje podataka
02 / UX & UI DIZAJN
Prepoznatljiv klub.
Pregledno digitalno iskustvo.
Plava i zlatna kao poveznica sporta, identiteta i sadržaja.
Dizajn smo gradili oko identiteta IOK-a Zagreb. Naslovnica povezuje istaknute novosti, projekte, igrače i pregled utakmica, dok navigacija jasno odvaja informacije o klubu, dokumente i kontakt.
Fotografije igrača, kartice objava i sportski podaci dobili su dosljedan vizualni jezik. Raspored se prilagođava širini ekrana, a mobilni prikaz zadržava prepoznatljivost i pristup ključnim informacijama.
- UX/UI dizajn
- Vizualni identitet weba
- Responzivni raspored
- Navigacija & sadržaj
03 / WORDPRESS & CUSTOM DODACI
Poznata platforma.
Rješenja razvijena za klub.
WordPress kao temelj, vlastiti dodaci kao pokretač funkcionalnosti.
Web smo izradili na WordPressu i razvili custom dodatke za specifične potrebe kluba: natjecanja i utakmice, dokumentaciju, projekte i igrače. Time smo urednički unos povezali s točno određenim prikazima na javnom webu.
Umjesto ručnog slaganja svake tablice i nepovezanih sadržaja, rješenje se oslanja na strukturirane podatke. Natjecanja, sadržaj i momčad tako se nadovezuju na zajedničku platformu, uz unos prilagođen radu kluba.
- WordPress
- Custom WordPress dodaci
- Strukturirani unos
- Povezani sadržaj
02 / SPORT, PODACI & LJUDI
Svaki rezultat.
Dio veće priče.
04 / NATJECANJA, KOLA & UTAKMICE
Od sezone do seta.
Sve ima svoje mjesto.
Lige, kupovi, kola, termini i rezultati u povezanom sustavu.
Razvili smo dodatak za unos svih natjecanja, liga, kupova i kola te pripadajućih utakmica. Svaka utakmica povezuje sudionike, termin, mjesto odigravanja, status i rezultat.
Na javnom webu posjetitelj bira sezonu i natjecanje, a zatim može suziti pregled po kolu. Odigrane, zakazane i odgođene utakmice imaju jasan status, uz rezultat u setovima i detalje pojedinog susreta.
- Sezone & natjecanja
- Lige & kupovi
- Kola & utakmice
- Filtriranje rezultata
05 / AUTOMATIZIRANI POREDAK
Unese se rezultat.
Tablica nastavlja sama.
Bodovi i poredak proizlaze iz podataka o utakmicama.
Unos rezultata povezan je s automatskim zbrajanjem bodova i prikazom poretka. Tablica objedinjuje broj utakmica, pobjede, poraze, bodove, setove i poene, umjesto da se isti podaci ponovno ručno upisuju na više mjesta.
Natjecanja i rezultati tako postaju dio iste logike. Na manjim ekranima tablica se može pomicati vodoravno, kako bi i širi skup sportskih podataka ostao dostupan.
- Automatski izračun bodova
- Poredak natjecanja
- Setovi & poeni
- Vodoravni pregled na mobitelu
06 / MOMČAD, IGRAČI & OBJAVE
Iza svakog dresa
postoji cijela priča.
Od popisa momčadi do profila i povezanih novosti.
Za igrače smo razvili zaseban unos i prikaz momčadi s fotografijama, imenima i brojevima dresova. Svaki igrač ima vlastitu stranicu, pa popis nije završetak istraživanja, nego ulaz u osobnu sportsku priču.
Objave smo povezali s igračima. Posjetitelj na profilu može nastaviti prema novostima u kojima se igrač pojavljuje, čime momčad i svakodnevni sadržaj kluba postaju jedna povezana cjelina.
- Unos igrača
- Pregled momčadi
- Pojedinačni profili
- Igrači ↔ povezane objave
03 / SADRŽAJ & ISPORUKA
Cijeli klub.
Na jednom mjestu.
07 / PROJEKTI & POVEZANI SADRŽAJ
Projekt nije samo stranica.
To je priča koja traje.
Programi kluba povezani s objavama koje prate njihove aktivnosti.
Razvili smo dodatak za unos i prikaz projekata i programa. Svaki projekt dobiva vlastiti prostor za predstavljanje svrhe, aktivnosti i pripadajućih informacija, uz pregled svih programa kluba.
Objave smo povezali s projektima, pa se priča može nastaviti kroz njihove novosti. Umjesto odvojenog arhiva članaka, posjetitelj dobiva kontekst: kojem projektu aktivnost pripada i gdje može saznati više.
- Custom unos projekata
- Stranice projekata
- Projekti ↔ objave
- Povezane novosti
08 / DOKUMENTACIJA & ARHIVA
Uredan unos.
Jasna dostupnost.
Dokumenti organizirani za klub i njegovu javnost.
Za dokumentaciju smo izradili vlastiti dodatak koji povezuje strukturirani unos s preglednom javnom arhivom. Statut, bilance, izvješća, programi i strateški planovi imaju jasan naziv i poveznicu na pripadajući dokument.
Kategorije omogućuju sužavanje pregleda prema vrsti dokumenta. Klub tako dobiva dosljedan način objave, a posjetitelj lakši put do traženog sadržaja.
- Dodatak za dokumentaciju
- Kategorije dokumenata
- Javna arhiva
- PDF poveznice
09 / DEVELOPMENT & LANSIRANJE
Od početne ideje
do svakodnevnog rada.
Dizajn, sadržaj i custom razvoj objedinjeni u gotov web.
WordPress i PHP čine temelj rješenja, uz HTML, CSS i JavaScript za izgled i interakcije. Vlastiti dodaci donose logiku specifičnu za klub, dok responzivni prikaz povezuje desktop i mobilno iskustvo.
Cijeli proces obuhvatio je početnu razradu, plan strukture, dizajn, izradu weba i povezivanje sadržaja. Rezultat je jedinstvena platforma koja predstavlja klub i podržava njegove svakodnevne sportske i uredničke potrebe.
- WordPress / PHP
- Custom plugin development
- HTML / CSS / JavaScript
- Responzivni web & objava
CIJELA PRIČA. POVEZANA.
Sport. Ljudi. Zajednica.
Povezani sadržaj.
Jedan snažan web.
Od početne razrade do gotovog weba povezali smo sport, ljude i rad kluba. IOK Zagreb dobio je WordPress platformu s vlastitim dodacima za unos i prikaz natjecanja, automatizirani poredak, momčad, projekte i dokumente — sustav koji prati svakodnevicu kluba.
Povežimo je u cjelinu.