top of page
Revamping The POLIS Center website
Identifying user experience issues.
Role
UX Designer and Developer
Timeline
3 months (including the development)
Context
The POLIS Center is an organization that works for the social good by improving community health, well-being, and resiliency.
Problem
Poor website navigation and outdated design.
Role
UX Designer and Developer.
Responsibility
Leading the redesign, development, and collaboration with stakeholders.
Results
#impact
80% decrease in error rates
#impact
62% reduction on time spent on task
#impact
Improved overall look & feel
Methods applied
#method
Interviews & Think Aloud
#method
UX audit
#method
Usability testing
#problem 1
Poor navigation
Users faced issues with finding information on the website.
#solution 1.1
Fixing the information architecture
The analysis of the existing Information Architecture revealed redundant items on the website, causing inconsistency and making it difficult for users to find what they need efficiently.
#solution 1.2
Easy to perceive nav bar
The placement of the logo for returning to the homepage and the main navigation bar included confusing and irrelevant items, adding to a poor user experience.
Before
After
Improved navigation with less confusing menu items
Logo on left to quickly return to the home page
Sub-menu items under the appropriate menu items
#problem 2
Projects labeling issue
Confusing and difficult to find projects.
#solution 2
Restructuring the Project Page flow
Locating specific projects was challenging due to ineffective filters on the project page, which added to user confusion. Additionally, a few projects were scattered across the website, further complicating the navigation experience.
Before
After
Search bar to search for the projects under a category
Sub-nav bar to navigate through the categories of project
Projects > Categories > Individual projects
#problem 3
Writing
Users took more than 1 minute to find internships and job opportunities.
#solution 3
Using familiar writing
The website had several writing issues; one notable example was the difficulty nearly all users experienced when searching for job or internship opportunities.
Before
After
Learnings & Takeaways
Designing with development in mind ensured a seamless build process and better execution.
Iterative testing and feedback helped refine the design, reducing errors and enhancing usability.
Prioritizing IA made information easy to find and improved user flow.
My work doesn't end here, check out more
bottom of page