Refreshing
RMS Icon
(Nuuly RMS Iconography, 2022)
(Visual & Interaction Design)
40+
icons created, improved, test, and utilized
38+
visual representation addressed and solved
3+
micro-interactions design innovated
6+
standard guidelines being adapted
Giving Nuuly Iconography a new look and delivering a standard guideline
DESCRIPTION ✍️
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
Deliverables
40+ components on Visual Design System
2 Iconography Guidelines
Role
UI Design
Visual Design
UX Research
Interaction Design
Stakeholders
RMS Warehouse employees
Nuuly RMS UX Team
Nuuly RMS Product Managers
Tools
Adobe Illustrator
Sketch
Invision
Timeline
April 2022 - June 2022
about
project goals
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.
problems
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.
ideation
ideation
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.
guidelines
Setting standard
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.
results
Accomplishments
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?"
credits
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!
explore more projects
explore more projects or return to Showcase.
Real-Life Impact of Redesigned Icons on Home Screen