Future of web

Company

Robinhood

Year

2021-2022

Role

Design System Designer


Introduction

Process

I deconstructed the grid system into its atomic elements, ensuring each component was reusable and consistent. This approach facilitated a flexible and scalable design system that could be easily maintained and updated across different applications.

Standardizing the context menu made it accessible from the column header, allowing users to perform context-specific actions seamlessly. The grid display drawer, which included options for grid-level settings, sorting, filtering, and column management, was standardized and made accessible through both the context menu and a dedicated settings button, ensuring easy access and consistent functionality.

Standardizing the context menu made it accessible from the column header, allowing users to perform context-specific actions seamlessly. The grid display drawer, which included options for grid-level settings, sorting, filtering, and column management, was standardized and made accessible through both the context menu and a dedicated settings button, ensuring easy access and consistent functionality.

Standardizing the context menu made it accessible from the column header, allowing users to perform context-specific actions seamlessly. The grid display drawer, which included options for grid-level settings, sorting, filtering, and column management, was standardized and made accessible through both the context menu and a dedicated settings button, ensuring easy access and consistent functionality.

Key Design Decisions

We adopted a user-centric approach, incorporating feedback to directly address pain points. Accessibility best practices were integrated to ensure usability for all users, including those with disabilities. Emphasizing consistency and cohesion, we created a design language familiar across all applications, reducing the learning curve and improving usability.

Performance Optimization

User feedback highlighted a lag when swapping components, traced back to increased file size. Leveraging Figma's new local variable library feature allowed us to store raw and reusable values efficiently. This optimization reduced the file size significantly while maintaining all functionalities, resulting in a smoother user experience.

Conclusion

The redesigned grid system was met with positive feedback from users, who appreciated the standardized functionalities and seamless experience across applications. The successful resolution of performance issues demonstrated our commitment to high-quality user experiences. This project not only enhanced user satisfaction but also established a robust and scalable framework for future design initiatives at FactSet, setting a new standard for application design through innovative and user-centric solutions.