SLCo.org
Digital Stratrgy, UI/UX Design
Salt Lake County’s Refreshed Human-Centered Website.
![](/images/SLCo/01-feature-desktop.png)
![](/images/SLCo/01-feature-mobile.png)
Utilizing a design-thinking approach to design a service-focused, unified, and accessible design system. With millions of users and nearly 80 departments, Salt Lake County’s website contained over 100,000 pages; each with unique layouts, systems, and even palettes. The troubled user experience relied on users’ knowing the county structure and departments instead of services or themes.
We initiated the project with a robust design-thinking phase to understand the needs of the users, the County, and the landscape. We gathered and analyzed thousands of user surveys, user video testing, user navigation testing, historic traffic, user flows, and conducted nearly 100 focus groups and interviews.
Based on this research, we developed a comprehensive strategic plan for the website, including a simplified navigation structure and a design system that was consistent, flexible, and accessible.
Niftic worked closely with the County to design templates, components, and a design language that maintained the County's brand trust and integrity, while also being adaptable to a wide range of content. We also ensured that our designs met the highest standards of accessibility.
To implement the new design system, we worked with each department individually to update their pages and optimize content, focusing on individual user needs. During the phased rollout and launch, we continued to collaborate with the County's development team on quality assurance and guideline creation. Through our design-thinking approach and close collaboration with the County, we were able to create a website that improved the user experience for both users and web-authors.
Client
SLCo.org
Discipline
Digital Stratrgy
UI/UX Design
Share project
Ready to get started?
Utilizing a strategic design thinking process to drive product-led growth and user experience.
Learn about this project’s strategy![SLCo](/images/SLCo/02-scrolling-desktop.png)
![SLCo Mobile](/images/SLCo/03.png)
We worked with nearly 80 individual departments to identify areas for content consolidation & more efficient user flows to reach page content efficiently.
![SLCo Desktop](/images/SLCo/04.png)
The updated layout is based on user interest and preferences, identified and verified through user testing, data, and analytics.
Learn about this project’s strategy![SLCo](/images/SLCo/05.png)
We introduced a card-based system to provide a balance between flexibility for a wide range of content needs and structure for consistency throughout the site.
![SLC Landscape](/images/SLCo/06.png)
![SLCo Mobile view](/images/SLCo/07.png)
![SLCo](/images/SLCo/08-desktop.png)
![SLCo](/images/SLCo/08-mobile.png)
Utilization of custom icon systems to increase accessibility and speed of wayfinding.
Learn about this project’s strategy![SLCo](/images/SLCo/09.png)
![SLCo](/images/SLCo/10.png)
![SLCo](/images/SLCo/11-desktop.png)
![SLCo](/images/SLCo/11-mobile.png)
A focused, dynamic search suggests content and services to users based on their location in the site.
![SLCo](/images/SLCo/12.png)
Consistent design components and templatized pages allow users to learn the system faster and utilize it more effectively - even with a vast variety of services, information, content types, and needs.
![SLCo](/images/SLCo/13.png)
A simplified, user-tested navigation structure allows for intuitive command of the site.