{"id":281942,"date":"2025-04-17T20:25:07","date_gmt":"2025-04-17T18:25:07","guid":{"rendered":"https:\/\/media-met.hr\/project\/karlovac-school-of-natural-sciences\/"},"modified":"2026-06-25T22:16:27","modified_gmt":"2026-06-25T20:16:27","slug":"karlovac-school-of-natural-sciences","status":"publish","type":"project","link":"https:\/\/media-met.hr\/en\/project\/karlovac-school-of-natural-sciences\/","title":{"rendered":"Karlovac School of Natural Sciences"},"content":{"rendered":"\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n

Karlovac School of Natural Sciences<\/h1><\/div><\/div><\/div><\/div>\r\n\r\n
<\/div><\/div><\/div><\/div>\r\n\r\n
\r\n\r\n
\r\n\r\n

Client:<\/strong> Karlovac School of Natural Sciences<\/p>\n

Category:<\/strong> Public sector, Education<\/p>\n

Technology:<\/strong> WordPress, PHP, HTML\/CSS, JavaScript<\/p>\n<\/div><\/div>\r\n\r\n

project website<\/a><\/div><\/div>\r\n\r\n
\r\n\r\n

About the client: <\/b><\/p>\n

The Karlovac School of Natural Sciences is a secondary school that offers four-year and three-year education programs with an emphasis on natural sciences, agriculture, food technology and ecology. The school educates students in various majors \u2014 from chemical and environmental technicians, nutrition technicians and food technicians, to fruit growers, winemakers, gardeners, florists, agrotourism and veterinary technicians. In addition to a rich educational offer, the school has specialized facilities such as a hydroponic greenhouse, a soil laboratory and a sports hall, and actively participates in projects and scientific activities. <\/span><\/p>\n<\/div><\/div><\/div><\/div>\r\n\r\n

\r\n\r\n
\r\n\r\n
<\/span><\/div><\/div>\r\n\r\n
\r\n\r\n

Project description:<\/strong><\/p>\n

School websites in the public education sector have an extremely complex information architecture \u2014 they must simultaneously serve students, parents, teachers, prospective enrollees, and public authorities. Each of these groups has completely different needs and reasons for visiting the site \u2014 from checking news and schedules, reviewing majors and admission requirements, to accessing financial reports, tenders, and documents that are legally required to be made public. In addition, as a public institution, the school is obligated to digital accessibility standards. <\/span><\/p>\n

My role and process<\/b><\/b><\/span><\/p>\n

I developed a complete presentation website in WordPress tailored to the specific needs of an educational institution and its multiple user groups.<\/span><\/p>\n

Content architecture and navigation<\/b><\/b><\/span><\/p>\n

One of the key challenges was to organize the extremely large amount of content in a clear and intuitive way. The site includes information about the school and staff, the school library with a catalog and reading list, news and a science corner, projects, a section for students with information about majors, enrollments, final projects, textbooks and scholarships, a section for parents, and an extensive section on access to information that includes public procurement, tenders, financial plans and reports, general acts, regulations, protocols and the school curriculum. All of this had to be organized into a navigation structure that was intuitive for all users \u2014 from first-graders to auditors looking for financial reports. <\/span><\/p>\n<\/div><\/div><\/div><\/div>\r\n\r\n

\r\n\r\n
\r\n\r\n

News and content system<\/b><\/b><\/span><\/p>\n

A news system has been implemented that allows the teaching staff to regularly inform students, parents, and the public about school activities \u2014 from educational projects and field trips to competitions and school events. The school actively uses this system to publish a variety of content that reflects the richness of its activities. <\/span><\/p>\n

Digital Accessibility (WCAG)<\/b><\/b><\/span><\/p>\n

As a public educational institution, the Karlovac School of Natural Sciences is legally obliged to implement digital accessibility standards, as confirmed by the Digital Accessibility Statement published on the website. The implementation included semantically correct HTML throughout all page elements, appropriate color contrast according to the WCAG AA standard, full keyboard navigability, ARIA tags for interactive elements and navigation structures, and text alternatives for all visual content, including photos of directions and school activities. Given that the school's target audience is extremely heterogeneous \u2014 including minors, elderly parents, and people with disabilities \u2014 accessibility is a particularly important dimension of quality here. <\/span><\/p>\n

CMS and content management<\/b><\/b><\/span><\/p>\n

WordPress was set up so that school staff could independently publish news, update documents, and manage all content categories without technical support. Given that the school has an active online presence and regularly publishes new content, ease of management was one of the key requirements of the project. <\/span><\/p>\n

Responsiveness<\/b><\/b><\/span><\/p>\n

The site is fully responsive and adapted to all devices. Students and parents most often access the school website on mobile devices \u2014 checking news, looking for contacts or viewing information about majors \u2014 which made the mobile experience a particularly important dimension of the project. <\/span><\/p>\n<\/div><\/div><\/div>\r\n\r\n

\r\n\r\n

Challenges<\/b><\/b><\/span><\/p>\n

The main complexity of this project was the information architecture. Few types of websites have as many different categories of content intended for so many different user groups as a school website \u2014 and all of it must be organized into a coherent navigation structure that does not confuse anyone and allows everyone to quickly find what they are looking for. In addition, a significant portion of the content \u2014 financial reports, tenders, general acts, regulations \u2014 is subject to a legal obligation to be publicly available, which means it must be clearly structured, easy to find, and always up-to-date. <\/span><\/p>\n

<\/span><\/p>\n

Result<\/b><\/b><\/span><\/p>\n

A clear, functional and accessible website has been delivered to the Karlovac School of Natural Sciences, which serves as a central digital information hub for all stakeholders \u2014 students, parents, teachers and the public. The website meets the legal obligations of digital accessibility for the public sector, and school staff independently and regularly update the content and publish news. <\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":281768,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"project_category":[83,82,90],"project_tag":[],"class_list":["post-281942","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-education","project_category-public-sector","project_category-web"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t