(Nuuly RMS Iconography, 2022)
(Visual & Interaction Design)
icons created, improved, test, and utilized
visual representation addressed and solved
micro-interactions design innovated
standard guidelines being adapted
Giving Nuuly Iconography a new look and delivering a standard guideline
The project aims to redesign the iconography system, integrating microinteractions, and maintaining brand consistency, resulting in the reduction in user errors and enhancement of employees' productivity
40+ components on Visual Design System
2 Iconography Guidelines
RMS Warehouse employees
Nuuly RMS UX Team
Nuuly RMS Product Managers
April 2022 - June 2022
Smooth transitions: Optimizing the user interface for various platforms, including computers, tablets, and mobile devices, ultimately elevating the overall user experience for warehouse staff in performing their daily tasks.
Microinteractions: With the focus on merging the newly designed icons with in-app microinteractions. My second objective was to make interactions with the system more intuitive and enjoyable, thus improving overall user engagement and productivity.
Adapting styles: Maintaining brand consistency is key for any successful application, and Nuuly RMS was no exception. This entailed a deep understanding of the existing design system and the incorporation of the new icons in a manner that aligned with the established visual language.
pain points of current icon system
Inconsistency: The existing icons suffer from a lack of uniformity in their line weights.
Confusion: The current icons are ambiguous in their representation, leading to errors or delays
Visual weight: Current icons have varying visual weight, disrupting the visual hierarchy and make it challenging for users to distinguish
Perspective: Inconsistency in their angles lead to the lack of visual unity and disrupt the overall user experience.
After identifying the pain points in the current icon system, the project moved forward to develop improved guidelines. This phase involved a creative process that began with brainstorming and sketching.
1. Ideation: To revamp the icon system, with the help of my manager, we engaged in extensive brainstorming sessions. This creative process involved a deep understanding of user needs and system requirements, ensuring that the new icons would be both visually appealing and functionally effective.
2. Sketching: The ideation phase translated into action with the creation of initial sketches using traditional tools—paper and pencil.
3. Refinement: This phase involves feedback and internal reviews on both UX Design Team and warehouse staffs, helping us to identify and address any potential design issues.
One of the key components of this project was creating a comprehensive icon guidelines system, ensuring consistency and clarity in icon design. Therefore, I took sometime to delve into setting up the standards.
1. Icon Evaluation: I began with an exhaustive evaluation of all the icons currently in use within the interface. Each icon was carefully analyzed for its visual style, coherence with the brand, and its meanings.
2. User-Centric Approach: I conducted user interviews from employees in the warehouse to gather feedback, guaranteeing that the icons were not only visually appealing but also intuitive and user-friendly.
3. Iterative Design: The icon redesign process involved multiple iterations and feedback loops. I collaborated closely with the UX Design & Developer team to make necessary adjustments and improvements, ensuring that the icons met the project's objectives.
Optimized User Experience: The redesign enhanced that the icons do not only look visually appealing but also function effectively. The enhanced user experience fosters greater user engagement.
Incorporation of User Feedback: Continuous feedback and reviews were throughout the process. This demonstrates a commitment to user-centric design, ensuring that the new icons align with user expectations.
Successful Implementation: After four weeks of dedicated work and mentorship, the redesigned icon system has been successfully implemented and is currently in active use, marking a tangible improvement in the platform's usability and design.
"Could this be the solution?"
UI Design & Illustrator: Cheryl Vo
UX Research: Cheryl Vo
Mentor: Ashley Kane
Special thanks to: Nuuly UX Design team for all the feedbacks and guidance through this whole project. I could not have finished this without your help!
Real-Life Impact of Redesigned Icons on Home Screen