Refreshing

RMS Icon

(Nuuly RMS, 2022)

(Iconography)

rms.jpg
"we need better
- icon system."

key tasks

*UX Design

Develop icons Guidelines Rules: Grid Base, Rounded Corner, Line weight and spacing.

*UI Design

Sketch icons using Adobe Illustrator. Visually create clarity and meaning of each illustration.

*User Interview and Testing

Interview users at the warehouse for feedbacks. Reflect weakness, make improvements, and finalize icons.

about

project goals

Smooth transitions: Smooth transitions between each devices in the warehouse: Computers, Tablets, and Mobiles
Microinteractions: Merging the new icons with in-app microinteractions.​

Adapting styles: Develop the icons and match those with Nuuly RMS Design System

problems

pain points of current icon system
  • Inconsistent line weight

  • Confusing Meaning

  • Inconsistent visual weight

  • Wrong usage

sketches

sketching

After addressing pain points of current icon system, I develop some ideas and sketched those icons with paper and pencil.​

guidelines

Setting standard

Before begining to design icons, I created a deep-dive design icon system, making sure that all icons will follow the standard.

roadblocks

Facing challenges

On the making process, I ran into some challenges and had difficulty to re-create the visual of some icons.

The Washing Machine

I tried different versions of the washing machine. Thanks to my mentor, Ashley, she suggests me to remake the actual washing machine in the warehouse

Inspection Station

The inspection station is where employees check the materials and condition of clothes. I tried different versions but decided to draw the actual station in reality.

results

Problem-solved

After 4 weeks of continuous reflection and feedbacks from my mentor, I was able to complete the icon system. Now, this new icon system is currently being used.

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.

500 TERRY FRANCOIS STREE
SAN FRANCISCO, CA 94158

123·456·7890
INFO@MYSITE.COM