Internal library for icons
Centralized Platform for Icon System Governance and Distribution
Product
Internal CMS Platform
Team
1 UX + 1 Designer, 2 PM, 1 DEV, 5+ Stakeholders
Duration
2 month, 2024
Project Overview:
Xbox is Natural Intelligence’s internal platform for managing products, assets, and rules across multiple sites and verticals. I designed a centralized Icon Library to streamline how teams upload, categorize, and reuse icons - eliminating duplication, enforcing naming consistency, and enabling clear tracking of where each icon is used.
Users & Pain Points:
Product OPS
Responsible for configuring product rules, assets, and logic across different sites and segments to ensure everything functions as expected in production.
“I never know if the icon I need already exists, so I keep asking Design - or worse, I re-upload something that’s probably already in the system.”
Initial Research:
Designer
Designers upload, manage, and organize icons to maintain visual consistency and scalability across all features.
“We waste so much time managing duplicate icons and correcting naming issues - there’s no structure, and it’s easy to lose track.”
We mapped each icon to its corresponding feature, and defined its icon type (e.g., Simple Filled, Complex), category (e.g., Food, Info), and expected behavior, including color, size (desktop & mobile). This helped us standardize icon usage across the platform and ensure visual and functional consistency in all contexts.
Competitive Analysis
As part of the design process, I explored how other platforms manage icon libraries to identify best practices. Key insights included combining type and category selection into one step, enabling quick filtering with visual grouping, and reducing friction with inline actions like rename or replace.
Wireframes:
To define the experience, I translated early ideas into low-fidelity wireframes, focusing on structure, usability, and flow. I explored how users would upload icons, assign types and categories, and manage them across large datasets. These wireframes helped align cross-functional teams around key interactions, while leaving room for scalability as the system evolves.
The final experience:
Once the core logic was in place, I translated it into high-fidelity mockups, refining the UI to support intuitive bulk actions and icon management. I collaborated with Product Ops, Engineering, and Design to validate edge cases and ensure consistency across use cases.