brunch

통합된 11번가 장보기 서비스,
마트플러스

장보기 플랫폼 디자인

by 십일번가 DESIGN

안녕하세요. 11번가 마트플러스가 오픈했어요!

매일 소비하는 생활필수품부터 건강하고 신선한 산지직송 먹거리까지 한 번에 탐색가능한 마트플러스를 소개할게요.


마트플러스는 11번가의 슈팅배송과 신선밥상, 그리고 이마트의 당일배송과 새벽배송을 통합한 새로운 온라인 장보기 플랫폼입니다.
Comp 1_1.gif



Background


01. 11번가와 장보기의 고객 인지성

11번가 안에는 매일 필요한 화장지나 물 등의 생활필수품을 하루 만에 배송해 주는 슈팅배송이 있고, 신선한 제품을 산지직송으로 받아보는 서비스인 신선밥상도 있습니다.
그러나 장보기=11번가라는 연관성을 고객들이 느끼기엔 부족했어요.
그래서 운영 중인 서비스들을 한곳에서 볼 수 있는 장보기 플랫폼을 제공할 필요성을 느끼게 되었습니다.


02.png




02. 서비스 통합 과제

여기에 제휴 입점으로 함께하게 된 이마트 당일배송과 새벽배송이 있습니다.
고객에게 이 버티컬들을 통합하여 원하는 상품을 찾고, 또 매력적인 상품이 눈에 띄도록 페이지를 구성하고
UX를 설계하는 것이 중요한 과제가 되었습니다.


03.png






Concept


01. Brand Color

마트플러스의 핵심가치는 바쁜 일상 속에서도 활기차며 유쾌한 쇼핑경험 제공입니다.
여기에 더하여 브랜드컬러인 Orange는 에너지와 친근함을 가지고 고객과 연결되는 브릿지역할을 합니다.


04.png



02. Visual Identity

마트플러스의 핵심 비주얼 요소는 일상의 친근함을 추구하는 형태, OVAL입니다.
곡선 원형의 유연한 인상을 담았고, 정원형(CIRCLE)이 아닌 타원형(OVAL)을 선택하여 서비스들의 브랜드 가치를 충분히 담는 공간의 역할을 합니다.


05.png





Design Strategy

마트플러스의 첫인상이 되는 홈 화면은 아래와 같은 디자인 전략을 가지고 있습니다.


07.png



01. 키비주얼 배너에 상품동영상을 띄워 고객의 구매동기를 상승시킵니다.

마트 서비스 특성상 음식상품의 비중이 높은데요.
고객이 구매까지 이어지게 하기 위해서는 고객의 심리를 충족시키는 것이 중요합니다.

영상이 곧 구매 유도 콘텐츠가 되는 구조라고 볼 수 있어요.

움직빌보드(400).gif



02. 동적인 메뉴 제공으로 각 서비스의 마케팅적 특징을 전달합니다.

움직이는 서비스 아이콘 제공에 대해 마트플러스는 3가지 전략적 목적을 가지고 있습니다.

· 사용자의 시선 집중 및 주목 유도 : 정적인 아이콘보다 주목도와 클릭률이 높음

· 정보의 직관적 전달 : 서비스의 의도/콘셉트/제품군을 더 명확히 전달 가능
· 구매/탐색 유도 강화 : 탐색 욕구를 자극 및 경험 차별화

Comp 3 (1).gif





Mini Cart Experience

미니장바구니는 나의 장보기 탐색 흐름이 끊기지 않도록 도와줍니다.
빠르고 간편하게 나의 장바구니 상황을 확인하고 삭제 및 더 담기 등의 행동을 할 수 있어요.


01. 트럭 인터랙션

장바구니 담기 액션이 일어날 때마다 경험되는 게이지바 인터랙션을 통해 나의 장바구니 상황에 대한 직관적 이해가 가능합니다.

수정2.gif



02. 탐색 흐름 유지

상품을 탐색하는 중간 미니장바구니를 펼쳐서 내가 담은 상품과 금액을 확인합니다.

장바구니 이동을 위한 페이지 이탈이 없기 때문에 탐색의 흐름이 유지됩니다.
또한 게이지바를 통해서 내가 얼마나 더 담아야 무료배송이 되는지 빠른 파악이 가능합니다.

08.png






Definite Subpages

고객은 원하는 상품에 따라 각 서브페이지들로 자연스럽게 이동할 수 있습니다.


01. 다양한 버티컬 서비스 홈

슈팅배송과 신선밥상, 이마트는 각 서비스 홈을 각자 가지고 있어서 내가 원하는 상품만 집중해서 탐색할 수 있도록 구성되었습니다.


0000.png


02. 내가 메모한 상품만 스마트하게 추천

카테고리와 스마트장보기를 통해 내가 필요한 상품만 모아서 탐색할 수 있습니다.
특히 스마트장보기는 내가 필요한 상품군을 메모해 놓으면 최저가, 리뷰 높은 순 등으로 스마트하게 추천 상품을 나열합니다.


10.png






Closing


User Experience라는 것은 한 번에 만들어지는 것이 아닙니다.
마트플러스 오픈을 시작으로 사용자의 패턴과 사용성을 데이터 지표와 함께 면밀히 살펴보면서 계속해서 개선해 나가는 것이 앞으로의 과제라고 할 수 있어요.
더 편하고 더 즐거운 11번가 마트플러스 서비스가 되기까지 함께 지켜봐 주세요!


마트플러스 홈 바로가기 >

* 11번가 마트플러스는 모바일 환경에 최적화되어 있습니다.


11.png



keyword