top of page


RMS Icon

(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


UI Design

Visual Design
UX Research

Interaction Design


RMS Warehouse employees

Nuuly RMS UX Team

Nuuly RMS Product Managers


Adobe Illustrator




April 2022 - June 2022


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. 


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. 


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.



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! 

explore more projects

explore more projects or return to Showcase.

Real-Life Impact of Redesigned Icons on Home Screen

bottom of page