Design System Case Study

열린 실험실을 위한 디자인 시스템

  • Design System
  • UX
  • Frontend
검은 배경 위에 흰 선으로 다양한 제품 형태가 그려진 그래픽

규칙을 늘리는 것이 아니라 자주 반복되는 결정을 공통 컴포넌트와 토큰으로 정리해, 팀이 중요한 문제에 집중하도록 했습니다.

검은 배경의 제품 라인 그래픽

Challenge

프로젝트마다 같은 인터페이스를 다른 방식으로 다시 만들면서 사용성과 구현 품질이 흔들리고 있었습니다.

Approach

타이포그래피, 간격, 상태와 반복 패턴을 먼저 정리하고 실제 화면에서 바로 조합할 수 있는 컴포넌트로 연결했습니다.

Outcome

화면 제작 속도와 일관성을 동시에 높였고, 새로운 요구사항이 생겨도 기존 구조를 확장할 수 있는 기반을 확보했습니다.

좋은 시스템은 규칙을 늘리는 것이 아니라 팀이 반복해서 고민할 일을 줄여줍니다.