Comparison of web design tools: analysis of interfaces, functionalities, and practical applications

Abstract

Ovaj diplomski rad bavi se analizom i usporedbom alata za web dizajn kroz višeaspektni pristup koji uključuje povijesni pregled, tehničke temelje, suvremene trendove i dizajnerske principe korisničkog iskustva (UX) i korisničkog sučelja (UI). U uvodnom dijelu rada istaknuta je važnost web dizajna kao ključnog elementa digitalne prisutnosti u suvremenom društvu. Slijedi detaljna razrada povijesti web dizajna s naglaskom na razvoj HTML-a, CSS-a i JavaScripta, uz paralelno praćenje razvoja preglednika, stilskih standarda i alata. Treće poglavlje posvećeno je temeljnim web tehnologijama, u kojem se objašnjava funkcionalna uloga HTML-a kao strukturne osnove web stranice, CSS-a kao jezika vizualnog oblikovanja te JavaScripta koji omogućuje interaktivnost. Nakon tehničke osnove, istražuje se važnost web dizajna u kontekstu digitalnog društva, pri čemu se naglašava njegova uloga u jačanju korisničke angažiranosti, pristupačnosti i brend identiteta. Središnji dio rada prikazuje proces izrade web stranice kroz šest ključnih faza: istraživanje i definiranje zahtjeva, konceptualni dizajn, vizualni dizajn, implementaciju, testiranje i optimizaciju te lansiranje. Posebno poglavlje posvećeno je razlikovanju i povezivanju UX i UI dizajna, uz naglasak na njihovu sinergijsku vrijednost u postizanju kvalitetnog korisničkog doživljaja. U nastavku se analiziraju aktualni trendovi u web dizajnu za 2025. godinu, uključujući integraciju umjetne inteligencije u dizajn, primjenu mikrointerakcija, rast popularnosti brutalizma, proširene upotrebe 3D elemenata te etičke i održive prakse u dizajnu. Ti trendovi predstavljeni su kao odgovor na potrebe korisnika, tehnološki napredak i promjene u estetici. Ključno poglavlje rada obuhvaća analizu pet odabranih alata za web dizajn (Figma, Wix, Webflow, Framer, Siter.io), ocijenjenih prema kriterijima: korisničko sučelje, dizajn i prilagodba, responzivnost, dostupnost predložaka i komponenti, suradnja i timski rad, izvoz i kodiranje web stranice te krivulja učenja. Za objektivnu analizu primijenjena je SAW (eng. Simple Additive Weighting) metoda višeatributnog odlučivanja, uz tabelarni prikaz rezultata i preporuke za pojedine tipove korisnika. Kroz ovakav multidimenzionalni pristup, rad pruža pregled evolucije web dizajna, trenutnih izazova i alata dostupnih dizajnerima, a istovremeno nudi smjernice za odabir odgovarajuće platforme prema specifičnim potrebama korisnika i timova.This thesis focuses on the analysis and comparison of web design tools through a multi-faceted approach that includes a historical overview, technical foundations, contemporary trends, and the design principles of user experience (UX) and user interface (UI). The introductory section highlights the importance of web design as a key element of digital presence in modern society. It is followed by a detailed account of the history of web design, emphasizing the development of HTML, CSS, and JavaScript, alongside the evolution of browsers and design tools. The third chapter is dedicated to fundamental web technologies, explaining the functional role of HTML as the structural backbone of a website, CSS as the language of visual styling, and JavaScript as the enabler of interactivity. Building upon this technical foundation, the thesis explores the significance of web design in enhancing user engagement, accessibility, and brand identity. The central part of the thesis outlines the website creation process through six key phases: research and requirement definition, conceptual design, visual design, implementation, testing and optimization, and launch. A dedicated chapter explores the distinction and connection between UX and UI design, with emphasis on their synergistic value in creating a high-quality user experience. The thesis also examines current web design trends for 2025, including the integration of artificial intelligence, the use of microinteractions, brutalism, expanded use of 3D elements, and ethical and sustainable design practices. These trends are presented as responses to user needs, technological progress, and changes in visual culture. A key chapter presents an analysis of five free web design tools (Figma, Wix, Webflow, Framer, and Siter.io), evaluated according to criteria such as user interface, design and customization, responsiveness, templates, collaboration, export options, and learning curve. The SAW (Simple Additive Weighting) method was applied for objective analysis, with tabular results and recommendations for various user types. Through this multidimensional approach, the thesis provides an overview of the evolution of web design, current challenges, and tools available to designers, while offering guidance for selecting the most suitable platform based on specific user and team needs