COMPANY
COMPANY
COMPANY
TEAM
TEAM
1 UX/UI Principal Designer/Manager (myself)
1 UX/UI Principal Designer/Manager (myself)
2 UX/UI Designers
2 UX/UI Designers
1 Project Manager
1 Project Manager
TOOL
TOOL
Figma
Figma
RESULTS
RESULTS
Replaced various icon collections that were created independently with a single source of truth for icons and UI elements
Replaced various icon collections that were created independently with a single source of truth for icons and UI elements
Use of consistent shapes and metaphors are more easily recognizable, improving the user experience
Use of consistent shapes and metaphors are more easily recognizable, improving the user experience
SUMMARY
SUMMARY
SUMMARY
As part of the Autodesk 2022 rebrand effort, my team delivered a searchable icon library in Figma consisting of over 250 UI controls, icons, and symbols.
As part of the Autodesk 2022 rebrand effort, my team delivered a searchable icon library in Figma consisting of over 250 UI controls, icons, and symbols.
As part of the Autodesk 2022 rebrand effort, my team delivered a searchable icon library in Figma consisting of over 250 UI controls, icons, and symbols.
Audit
Audit
Audit
My team began by conducting a comprehensive audit of icons, UI controls and symbols. We gathered examples from across Autodesk web properties, systems, and applications.
My team began by conducting a comprehensive audit of icons, UI controls and symbols. We gathered examples from across Autodesk web properties, systems, and applications.
My team began by conducting a comprehensive audit of icons, UI controls and symbols. We gathered examples from across Autodesk web properties, systems, and applications.
Our audits uncovered inconsistencies in icon sizes, shapes, colors, line-weights, and naming across hundreds of icons.
Synthesis
Synthesis
Synthesis
Next, we unified standards, defined conventions, and developed a taxonomy.
Next, we unified standards, defined conventions, and developed a taxonomy.
Next, we unified standards, defined conventions, and developed a taxonomy.
We considered small design variations and details, making numerous iterations to arrive at solutions that minimize complexity and reduce cognitive load.
Optimization
Optimization
Optimization
Icons were produced as SVG and delivered in standard sizes with line-weights, visually adjusted to appear in harmony.
Icons were produced as SVG and delivered in standard sizes with line-weights, visually adjusted to appear in harmony.
Icons were produced as SVG and delivered in standard sizes with line-weights, visually adjusted to appear in harmony.
Figma library
Figma library
Figma library
The complete set of over 250 icons and symbols is available to designers at Autodesk, searchable by keywords in a Figma library.
The complete set of over 250 icons and symbols is available to designers at Autodesk, searchable by keywords in a Figma library.
The complete set of over 250 icons and symbols is available to designers at Autodesk, searchable by keywords in a Figma library.
