I’m a UX Engineer who loves design systems, good web services, and beautiful things.
I’m always thinking about how to make the most impact with the same resources, but I also believe that sometimes inefficient choices are necessary. I believe in investing in design, systems, testing, and automation that are flexible to change, and I try to make sure that these elements go hand in hand with product improvement.
I love to share my experience and knowledge. I believe that knowledge becomes mine when I can share it, and I want to contribute to the virtuous cycle of sharing.
Built a new PC design system used by various Toss affiliates. Set goals, direction, and contributed to UX and DX improvements for the design system.
Define the level of abstraction of product components and define the responsibilities of the design system
Categorize the components that make up the product into four layers (combination of domain components / domain components / product system / design system) and define the responsibilities of each layer.
Based on this, divide the responsibilities and non-responsibilities of the design system and organize the foundation for decision-making.
Establish a design direction
Designing APIs within the unfamiliarity budget, establishing a design system design direction that ensures consistency, and disseminating it within the team
Introduce testing for stability and confidence
Organize codeshift and ecosystem for migration to new system
Participate in suggestions and design for better UX
flex Design System 3.0(linear) architect design and development
Build a new design system based on lessons learned from Design System2.0, which helped designers and developers collaborate and contributed to the flexibility, aesthetics, and accessibility of our products.
We revamped the product to ensure it could be used by customers of all sizes and HR policies. I contributed to the groundwork and prioritization, and together we created a roadmap of tasks to ensure that the big changes were implemented quickly and reliably.
2.0 Project design and base package creation
Developed a hook package that automatically generates queryKey based on API request information so that developers do not have to determine the queryKey, which must be unique when using react-query.
Introduced libraries that were not used in flex1.0, such as stitches.js and react-hook-form, and disseminated user guides within the team
Development of antd-based Design System 2.0 and subsequent maintenance
Improved Framer code component organization so that one implementation can be used in design and development phases
User profile, add/invite members
Design and development of complex forms with a combination of Uncontrolled and Controlled
Designed to simplify the handling of permissions
Project Performance TF
Improved package bundle settings in TF to improve the speed of the product, improving the total bundle size from 2.52MB to 1.84MB
Core HR
Developed a common modularization of Editable Table using ag-grid to conveniently modify a large amount of information, and developed a mass change of HR/contract information feature based on this.
To solve the problem of not being able to customize the member onboarding process by company, we improved the onboarding function in a form that allows you to manage member invitation templates.
Designed and implemented the Banksalad Product Language (BPL) to increase design consistency and productivity. Shared lessons learned from initially organizing the design system in blog posts and internal presentations.
Developed components for the first version of 2.0 and organized documentation, storybooks, etc.