LINE GIFT Taiwan
대만 라인 기프트샵
Project Briefs
LINE 기프트는 LINE 앱에서 제공 하는 선물 하기 기능 입니다. 사용자는 LINE 친구 목록에 있는 친구에게 선물을 주고받을 수 있으며, 선물은 모바일 교환권(쿠폰) 뿐만 아니라 실물 상품을 직접 배송할 수 있습니다.
My Role
서비스 전반의 UX 디자인을 디렉팅 하는 동시에, Hands-on 멤버로서 디자인 과정에도 직접 참여했습니다.
Participants
Design Directing: Jay
UX Design: Jay, Bang Ae-Kyoung
TV Commercials
UX Design Concept
메신저 기반의 친구 관계를 바탕으로 온라인에서 선물을 주고받는 컨셉은, 오프라인에서 형성된 친밀한 관계가 그대로 반영된 ‘메신저 서비스’ 환경이었기에 가능 했습니다. 상품 탐색과 선택 단계는 기존 커머스 플랫폼의 UX 구조와 유사 하지만 이후 과정, 친구 목록을 불러와 선물을 선택하고, 기프트 카드를 작성해 함께 전달하는 일련의 경험은 기존 커머스에서는 찾아보기 어려운 독창적인 UX 플로우 입니다.
이에 따라 UX 디자인의 목표를 ‘친구 선택’과 ‘기프트 카드 작성’이라는 두 가지 과업이 상품 탐색과 선물하기 과정 속에 자연스럽게 녹아 들도록 하는 것으로 정의 했습니다. 그리고 사용자가 뚜렷한 선물 보내기 목적 없이 서비스를 이용 하기 시작했을 때, 어떻게 선물하기 행위를 발화 시킬 것이가를 중점적으로 고민 했습니다.
Design Outcome
Information Architecture
서비스 전반의 IA 구조 정의를 먼저 수행했습니다. 이 과정에서 전체 퍼널에서 반복적으로 사용 되어야 하는 섹션을 식별하고, 이를 재사용 가능한 구조로 설계 했습니다. 그 대표적인 예가 바로 라인의 친구 목록을 호출해 선택하는 과정, 즉 ‘Friend List’였습니다. IA 설계 과정에서 Friend List가 서비스 전반에서 반복적으로 사용 되어야 하는 핵심 기능임을 확인할 수 있었습니다.
End-to-End UX Flow
IA 구조를 정의한 이후에는 서비스 진입점에서 선물하기 완료까지 이어지는 전체 퍼널 UX 플로우를 설계 했습니다. 특히, 사용자가 어떤 진입점을 통해 기프트샵에 들어 오는지에 따라 유저의 유형을 정의 했습니다.
비목적형 탐색 유저
OA의 마케팅 메시지나 메신저 홈탭의 기프트샵 진입점을 통해 들어온 유저는 선물하기 목적이 뚜렷하지 않은 탐색형 유저로 분류ㅍ했습니다. 이들은 메인 화면의 테마별 상품 탐색 모듈로 랜딩시켜 자연스럽게 상품 탐색을 먼저 시작하도록 유도했습니다.
목적형 선물 수령 유저
AOA(시스템에서 강제로 발송되는 메시지)를 통해 모바일 쿠폰을 수령하는 유저는, 해당 목적을 가정 먼저 실행할 수 있도록 My 페이지로 연결하여 수령한 선물 정보를 확인 하도록 설계 했습니다. 이후 My 페이지에 배치한 ‘최근 본 상품’, ‘최근 본 브랜드’와 같은 개인화 모듈을 통해 추가 상품 탐색을 자연스럽게 이어갈 수 있도록 유도 했습니다.
Friend List에서의 친구 정렬 방식
Friend List에서는 친구 목록을 어떤 기준으로 정렬할 것인지가 핵심이었습니다. 가장 상단에 노출해야 할 대상은 ‘생일이 다가온 친구’라고 판단했습니다. 선물을 보내야 할 명확한 이유가 존재 하므로, 리스트 최상단에 배치하는 것이 합리적이라고 보았습니다.
그다음으로는 사용자가 가장 친밀하게 소통하고 있는 친구를 우선적으로 보여주는 것이 중요 했습니다. 이를 위해 최근에 1:1 대화를 나눈 친구를 기준으로 정렬하는 방식을 적용 했습니다.
마지막으로, 친밀도가 높다는 적극적 의사 표시가 있는 친구들을 별도로 확인할 수 있도록, 사용자가 북마크한 친구만 모아볼 수 있는 전용 탭을 추가로 제공했습니다.
Main Page
메인 화면은 사용자가 상품을 탐색하는 핵심 역할을 담당합니다. 선물 구매가 주로 유명 브랜드를 중심으로 이루어진다는 점을 고려해, ATF 영역에는 인기 브랜드 홈으로 바로 진입할 수 있는 진입점을 배치했습니다. 아울러 상품을 카테고리 기준으로 탐색할 수 있도록 화면 상단에 카테고리 퀵링크를 제공했습니다.
탭 UX의 한계 극복
복수의 메뉴로 구성된 탭 구조에서는 뒤쪽에 배치된 메뉴가 가려져 노출 기회가 줄어듭니다. 이로 인해 해당 영역의 클릭률이 현저히 낮아지고, 콘텐츠 임프레션 역시 극도로 제한되는 패턴을 보였습니다. 이를 개선하기 위해 두 가지 방식을 도입했습니다.
첫째, 탭에 숨겨진 항목을 펼쳐볼 수 있도록 확장형 구조를 적용했습니다.
둘째, 모든 항목을 숨기지 않고 세로로 길게 나열하되, 탭은 앵커 역할을 수행해 클릭 시 해당 영역으로 스크롤 이동하도록 구성 했습니다.
