Redesign of HR SaaS Tables

Timeline

06/2024 - current

Team

Lead Designer (Me)
Eng Team (6)
Product Managers (2)
Designers (7)

Tools
Responsibility and Collaboration

As lead product designer, I drove end-to-end design and research, leading cross-functional collaboration with design, engineering, and product teams to deliver a scalable solution across four core products. I also partnered with design system engineers to ensure implementation quality and refine the Storybook code library.

Design problems

As the product scope expanded to support multiple user roles and complex datasets, our legacy table component became too rigid and inflexible.

Resolving user-facing issues:
Mapping solutions with user role prioritizations

I researched table-related use cases across all products and summarized their major tasks and main business focus when working.

Resolving internal team issues: Deliver designs with consistency and flexibility.

I designed the component at multiple levels with diverse use cases, ultimately increasing adoption and accelerating efficiency.

Outcome

Deliver table components to unify over 30 versions of implementations, accelerating over 5 product teams' building efficiency and enhanced Workstream's overall design quality.

Table story - Strategy
Deliver table components to unify over 30 versions of implementations, reducing development time by 40%.

I led the design process to deliver from the atomic to the component level, creating a scalable and responsive design pattern. This along with the codebase ensures adaptability across screens and full coverage of all use cases.

Table story - Collaboration

The component was being used across four product team already including payroll, mobile and web HRIS, time scheduling and will be more along with the team expanding more table usage for the customers!

Design system contribution
Key contributor to the design system and team brand consistency.

I am a main contributor to the design system v2.0 successully designed and shipped over 15 components, 4 patterns and 3 major for Workstream design library.