무신사 2.0 디자인 시스템 구축: 대규모 플랫폼의 일관성과 확장성을 위한 전략

핵심 디자인 컨셉

무신사 2.0 디자인 시스템은 패션 플랫폼의 빠른 성장과 확장 과정에서 발생한 화면 복잡성 및 디자인 언어의 혼재 문제를 해결하고, 브랜드 정체성을 강화하며 사용자에게 일관된 경험을 제공하는 데 중점을 두었습니다.

디자인 방법론 및 원칙

• 현황 분석 및 개선점 도출: 서비스 확장으로 인한 화면 디자인 혼재(색상 위계 불분명 등) 및 PC/모바일 간 연결성 부족 문제를 파악했습니다.
• 내부 니즈 반영: '무신사다운' 디자인 시스템 구축을 위해 임직원 인터뷰를 통해 '일상에 밀착된, 실용적인 플랫폼'이라는 지향점을 디자인 시스템의 근간으로 삼았습니다.
• 핵심 디자인 원칙 수립: '최소한의 디자인으로 최대한의 기능을 구현한다'는 방향성 하에 기본 요소의 명확한 기준 사용, 모듈화된 컴포넌트, 다양한 포맷 디자인, 실용성 및 일관성 있는 컴포넌트 제작, 단순 요소 활용 정교한 화면 구조 구축을 원칙으로 삼았습니다.
• 협업 및 소통: 무신사 내부 기획자, 개발자, 디자이너와의 긴밀한 협업을 통해 각 파트의 요구사항을 조율하고 디자인 시스템을 발전시켰습니다.
• 컴포넌트 기반 설계: 자주 등장하는 패턴을 묶고 UI 요소를 정리하여 디자인 시스템의 기틀을 마련했으며, 리소스 변경 및 관리가 용이한 모듈 단위의 컴포넌트 설계를 통해 유연성과 확장성을 확보했습니다.
• 브랜드 아이덴티티 강화: '무신사 스탠다드' 공간 디자인을 참고하여 '그레이(Gray)'를 대표 컬러로 선정하고, 중립적인 컬러를 통해 다양한 입점 브랜드를 포용하며 플랫폼의 정체성을 담았습니다.
• 기본에 충실한 디자인: 디자인 스타일과 구조를 기본적인 형태로 설계하고 텍스트 가시성을 높여 정보 위계를 명확히 했습니다.
• Z축 기반 계층 구조: 그레이 배경 위에 화이트 컴포넌트를 조합하는 Z축 계층 구조를 통해 시각적 구분과 사용자 주목도를 높여 콘텐츠 탐색 효율을 증대시켰습니다.
• 게이트웨이 디자인: 팝업창 형태의 게이트웨이와 전문관별 색상 지정을 통해 사용자의 이동 및 위치 인식을 용이하게 했습니다.
• 커뮤니티 및 콘텐츠 디자인: 커뮤니티와 콘텐츠 영역의 복잡성을 해소하기 위해 콘텐츠 컴포넌트의 시스템화를 통해 일관된 사용자 경험을 제공하고 콘텐츠 소비율 및 접근성을 높였습니다.

디자인 임팩트

디자인 시스템의 구축을 통해 화면의 복잡성을 줄이고, 리소스 관리를 효율화하며, 글로벌 플랫폼으로서의 확장성과 유연성을 확보했습니다. 또한, 브랜드 아이덴티티를 강화하고 사용자에게 일관되고 직관적인 경험을 제공하여 전반적인 서비스 만족도를 향상시킬 수 있습니다.

업계 반응 및 트렌드

최근 커머스 플랫폼, 특히 패션 커머스 플랫폼에서 커뮤니티와 콘텐츠가 고객 충성도를 높이는 핵심 요소로 부각되고 있으며, 이는 무신사 2.0의 커뮤니티 및 콘텐츠 디자인 파트 강화와도 맥을 같이 합니다.

톤앤매너

전문적이고 체계적인 분석과 함께, 실무 디자이너들이 공감하고 적용할 수 있는 구체적인 방법론과 인사이트를 제시하는 톤을 유지합니다.