Toolbelt

Fiix by Rockwell Automation's unified design system

Quick Filters - New component design and documentation

Icon audit

Spacing Tokens - macro and micro

Illustrations

Introduction

I had the privilege of being a key member of a collaborative design team that included a Senior Product Designer, fellow UI Designers, UX researchers, Copywriters, and Developers. Together, we diligently worked on building and implementing a robust design system.

My key contributions are highlighted below

My role

User Interface Designer

Tools

Figma

Zeroheight

Timeline

24 months &

still evolving

Year

2021 - present

Quick filter -
New component design & documentation

My key responsibilities while designing quick filter component were:

Understand the requirements: Gather as much information as possible from stakeholders and end-users.

Research and ideation: Ideated and understood usability, accessibility, and scalability of the component.

Prototyping, testing and documenting the component details

View details

Unified icons

Icon Consistency: Evaluate and ensure that the icons across the platform adhere to consistent design guidelines, visual style, and size

Icon Relevance and Clarity: Assess the relevance and clarity of existing icons in terms of their meaning, visual representation, and alignment with user expectations.

Accessibility and Scalability: Review the accessibility of icons to ensure they are perceivable and understandable for all users

View details

SPACING TOKENS

Micro spacing:

Micro white space refers to the small spaces between individual elements, such as text and images.

Macro spacing:

white space refers to the larger spaces between sections or groups of elements, such as between paragraphs or sections of a page

View details

Typography

My role as a lead designer involved establishing and maintaining typographic guidelines that govern font selection, hierarchy, sizing, spacing, and overall consistency.

View details