Design System-Based Mockup

라인 디자인 시스템 디자인 목업

Project Briefs

라인 태국∙대만∙인도네시아 법인에서 제작하는 패밀리 서비스를 위해 LDSG(LINE Design System for Global)를 구축하는 프로젝트입니다. 이는 라인 메신저 앱을 위한 디자인 시스템인 LDSM(LINE Design System for Messenger)와는 별도로, 웹뷰 기반의 스탠드얼론 패밀리 서비스를 보다 효율적으로 개발하고 일관된 디자인을 확보할 수 있도록 지원하기 위한 디자인 시스템입니다.

라인 디자인시스템 글로벌 소개 사이트 →

My Role

LDSG 프로젝트 TF의 PM 역할을 수행 했습니다. 한국・일본・태국・대만 법인의 디자이너로 구성된 TF디자이너를 리딩하고, 일본 FE조직의 컴포넌트 개발 과정을 매니징 했습니다.

Participants

Design Managing: Jay

UX/UI Design: LDSG Design Members

Library Development : LDSG UIT Members

Design Outcome

LDSG를 활용해 일본, 태국, 대만에서 운영 중인 주요 라인 패밀리 서비스의 디자인 목업을 제작했습니다. 특히 글로벌 시장에서 가장 압도적인 지표를 보이는 일본 라인 뉴스, 대만·홍콩·태국·인도네시아 시장의 라인 투데이, 그리고 대만 시장의 라인 쇼핑을 주요 타겟으로 삼았습니다. 이는 라인 메신저와 연결된 디자인 스타일과 UX 원칙이 적용된 패밀리 서비스를 얼마나 빠르고 효율적으로 제작할 수 있는지를 검증하기 위한 목적도 포함하고 있습니다.

패밀리 서비스의 독립적 디자인 아이덴티티

라인 패밀리 서비스는 두 가지 방향으로 포지셔닝될 수 있습니다. 하나는 라인 메신저와의 강한 연결성을 기반으로, 메신저의 일부 기능처럼 의도적으로 자리 잡는 경우이고, 다른 하나는 메신저 경험과는 분리된 스탠드얼론 서비스로서 독립적인 디자인 아이덴티티를 적용하려는 경우입니다. 후자의 경우, 라인 메신저와 다른 패밀리 서비스 간의 일관된 사용자 경험을 유지하면서도, 해당 서비스의 독립적인 브랜드가 강조될 수 있는 디자인 방향성이 반영 가능한지를 검증했습니다. 그 결과, Theming 개념을 도입함으로써 이러한 요구를 충족할 수 있음을 확인했습니다.

라인 메신저 페이지

라인 메신저의 여러 페이지는 종종 Web View를 통해 구현됩니다. 이때 UX 디자인은 메신저와의 강한 연결성을 유지해야 하며, 사용자는 해당 페이지가 Web View로 제작되었다는 사실을 인식하지 못할 만큼 자연스러워야 합니다. LDSG를 활용해 라인 메신저의 Web View 페이지를 디자인한 결과, UX의 이질감 여부를 검증하였고, Native View와의 차이 없이 메신저가 요구하는 모든 스펙을 구현할 수 있음을 확인했습니다.