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
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).
BEFORE DOING THE REDESIGN, I NEEDED TO VALIDATE MY ASSUMPTIONS ABOUT THE WEBSITE'S FLAWS. I CONDUCTED TREE TESTING ON THE EXSISTING NAVIGATION TO PINPOINT EXACTLY WHERE USERS WHERE LOSING THEIR WAY.
REDUDANT CATEGORIZATION: THE PAIN PONIT WAS THE SPLIT BETWEEN "STUDENT SERVIS" AND "POSLOVI" (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 ENTIRELY DIFFERENT WEBSITES, BREAKING THE CONSISTENCY OF THE 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 FILTERING OPTION TO INCLUDE HOURLY RATE, WORK FORMAT (ON-SITE, REMOTE, HYBRID), DURATION AND APPLICATION DEADLINES. ADDITIONALLY, I IMPLEMENTED A SORTING FEATURE THAT ALLOWS USERS TO ORGANIZE LISTINGS BY PAY RATE AND POSTING DATE, SIGNIFICANTLY IMPROVING THE OVERALL FINDABILITY.
FIGMA BW WIREFRAME
FIGMA BW WIREFRAME
FIGMA BW WIREFRAME
SORTING WIREFRAME