Preskoči na sadržaj
Moj profil

završni rad (sveučilišni) · 2025

Adaptivni web dizajn s interaktivnim vizualnim elementima

dr. sc. Tajana Koren Ivančević

Sažetak

Završni rad usmjeren je na izradu adaptivne web stranice koja prezentira fotografski portfolio kroz interaktivne vizualne elemente i više načina prikaza sadržaja. Teorijski dio rada obrađuje temeljne pojmove adaptivnog i responzivnog web dizajna te naglašava ulogu korisničkog iskustva u suvremenim digitalnim rješenjima. Poseban naglasak stavljen je na pregled i kategorizaciju sadržaja putem filtriranja i različitih pogleda, čime se povećava preglednost i fleksibilnost korištenja. Praktični dio rada obuhvaća implementaciju web stranice uz korištenje HTML5, CSS3 i JavaScript tehnologija. Stranica nudi galeriju fotografija s mogućnošću prikaza u mrežnom, listnom i kartografskom obliku, pri čemu je karta izrađena pomoću vanjske biblioteke. Svaka fotografija sadržava detalje o lokaciji, datumu i dodatnim metapodacima, a modalni prozori omogućuju prošireni prikaz i navigaciju kroz sadržaj. Animirani vizualni elementi, minimalistički geometrijski oblici i suptilni prijelazi doprinose estetskoj vrijednosti i stvaranju angažirajućeg korisničkog iskustva. Rezultati rada pokazuju da kombinacija adaptivnog dizajna i interaktivnih komponenti može unaprijediti prezentaciju vizualnih materijala, čineći web stranicu funkcionalnom, privlačnom i usmjerenom prema korisniku. Ovaj koncept ujedno potvrđuje mogućnost daljnjeg razvoja s ciljem još snažnije personalizacije i proširenja interaktivnih funkcionalnosti.

Ključne riječi

adaptivni web dizajn HTML CSS JavaScript interaktivni vizualni elementi