This project was developed as a part of the Web Design 1 course at my university. The goal was to redesign the information architecture (IA) and the "Jobs" section on the website Studentski centar Zagreb (SC).
ORIGINAL ELEMENTS OF SC WEBSITE
Before the redesign, I needed to validate my assumptions about the website's flaws. I contucted tree testing on the existing navigation to pinpoint exactly where users were losing their way.
Redundant categorization: The pain point was the split between "Student Service" and "Jobs". These categories were too similar, leading to confusion and unnecessary clicks.
Navigational chaos: The double row navigation was visually overwhelming. To make matters worse, some links redirected users to different websites, breaking the consistency of the user journey.
Using the insights from the tree test, I moved into the restructuring phase. I conducted a closed card sorting session with 17 key items (the most problematic categories identified earlier).
I asked users to organize these cards into a new, simplified set of sections I designed based on the previous test results. This allowed me to:
Validate the Merger: Users overwhelmingly placed all employment-related tasks into a single category, confirming that "Student Service" and "Jobs" should be one.
Define Cultural Identity: Categories like "Teatar &TD" and "French Pavilion" were consistently grouped under a unified "Culture" tab.
card sorting results
NEW IA
After defining the new IA, I moved to Figma to bring the vision to life. The biggest challenge was how to display a large amount of information without cluttering the screen.
I implemented a mega dropdown menu as the core of the new navigation. This allowed me to visualize the hierarchy and improve the scannability.
The second challenge involved the "Jobs" category. Initially, the filter was limited to job type, making it difficult for students to narrow down their search effectively. Based on User research and interviews with students, I expanded the filter option to include: hourly rate, work format (on-site, hybrid, remote), duration, and application deadlines.
Additionally, I implemented a sorting feature that allows users to organize listings by pay rate and posting rate, significantly improving the overall findability.
FIGMA BW WIREFRAME
FIGMA BW WIREFRAME
FIGMA BW WIREFRAME
SORTING WIREFRAME