
핵심요약
클래스101은 기존 One Product System을 구독 서비스 런칭에 맞춰 Vibrant Design System으로 개편했으며, 이 시스템은 Cross Platform, Productive, Consistent를 핵심 가치로 하여 효율적인 프로덕트 제작을 목표로 합니다.
Vibrant Design System 소개 및 개편 배경
1. Vibrant Design System으로의 전환 배경
- 기존 One Product System(OPS)은 구독 서비스 런칭과 함께 Vibrant Design System으로 전면 개편되었습니다.
- 디자인 시스템의 역할과 범위에 대한 내부적인 심층적 고민이 시스템 개편의 주된 동기가 되었습니다.
- 다양한 직군의 관점에서 디자인 시스템의 본질적인 목적을 재정의하고, 견고하고 안정적인 프로덕트 개발이라는 목표를 수립했습니다.
2. Vibrant Design System의 핵심 정의 및 가치
- Vibrant는 프로덕트 제작 구성원을 위한 인터널 툴이자 방법론으로, 디지털 인터페이스 디자인 및 제작에 대한 공식적인 정의들의 모음입니다.
- 조직의 브랜드와 제품 경험 간의 **단일한 진실의 원천(Single Source of Truth)**으로서, 일관성 있고 효율적인 브랜드 가치 제공을 목표로 합니다.
- Cross Platform, Productive, Consistent를 핵심 가치로 하여 사용자에게 일관된 서비스 경험을 제공하고 빌더의 효율적인 개발을 지원합니다.
3. Vibrant Design System의 구조 및 구성 요소
- Vibrant는 **3가지 파트(Assets, Documentation, Process)**와 **4가지 계층(Foundation, Tokens, Core Systems, Components)**으로 구성됩니다.
- Foundation 계층은 조직의 브랜드 집합을 포함하는 가장 핵심적인 정의를 담당하며, Tokens 계층은 Foundation의 코드화된 확장입니다.
- Core Systems 계층은 Foundation과 Tokens를 활용하는 규칙과 패턴의 집합이며, Components 계층은 실제 사용 가능한 디지털 인터페이스 요소들을 의미합니다.
- 각 파트는 유형 자산(Assets), 명세 문서(Documentation), 작업 방식(Process)을 정의하며, 이를 통해 시스템의 균형 있는 발전을 도모합니다.
4. 향후 계획 및 기대 효과
- Vibrant Design System은 멀지 않은 시점에 오픈 소스로 공개될 예정이며, 외부 기여를 통한 발전을 기대하고 있습니다.
- 시스템 공개를 통해 더 많은 프로젝트에서 활용되고, 피드백과 기여를 바탕으로 지속적으로 발전할 것입니다.
- 현재도 완성도 높은 시스템을 선보이기 위해 지속적인 고민과 개선이 이루어지고 있습니다.