트루닥 디자인 시스템

Contributed to 에이치디정션 (HD Junction)

트루닥 디자인 시스템은 트루닥을 기반으로 제작된 디자인 토큰, 컴포넌트, 가이드라인의 모음입니다.

재사용성을 높여 생산성을 향상시키고, 사용자에게 일관된 경험을 제공하는 것이 목적입니다.

Roles & Responsibilities

• truedoc Design System의 초기 버전(truedoc Style Guide) 제작 주도
• 디자인 시스템 레이어 및 CSS 구조 설계
• 디자이너와 함께 디자인 토큰 네이밍 규칙 정의
• 컴포넌트 스펙 문서화 (React Styleguidist)
• 신규 입사자 디자인 시스템 온보딩

Achievements

• 디자인 시스템을 2개의 앱(트루닥 EMR, 트루닥 진료대기현황판)에 적용
• 제품의 UX 일관성과 개발 생산성 유지

Learned

• 디자인 시스템을 바닥부터 온전히 직접 구현한 경험
• 디자인 시스템을 강제적인 규칙이 아닌 생산성 향상 도구로 인식하도록 구성원들을 설득한 경험
• Figma 등의 UI 디자인 도구에 대한 이해