지그재그 주문/결제 프로덕트 디자인
Design
Kim kwangkuk
Company & Position
Kakaostyle, Payment Team Main Product Designer
Role
UX Flow Defination 100%
UI Design 100%
Overview
유저들은 지그재그의 개인화 추천 기술을 통해 수많은 쇼핑몰의 상품 중 내 스타일의 상품을 쉽게 찾아볼 수 있게 되었습니다. 하지만, 당시 지그재그는 자체 주문/결제 시스템이 존재하지 않았기 때문에 상품을 결제하려면 각 쇼핑몰에 일일이 가입해야 하는 불편함이 존재했습니다. 이 때문에 구글플레이나 앱스토어 리뷰에는 여러 쇼핑몰에 상품을 한 번에 결제할 수 있게 해달라는 유저들의 요청이 주기적으로 등록되었습니다.
Problem
여러 쇼핑몰의 상품을
한번에 결제하고 싶은 유저들의 니즈.
Project Goal
유저가 결제하는 과정에서 겪는 불편함을 해결하고, 더 나아가 지그재그가 메타 서비스에서 이커머스 서비스로 한 단계 성장하기 위해서는 유저들이 지그재그 계정 하나로 수천 개의 쇼핑몰에서 주문/결제할 수 있는 자체 시스템이 필요했습니다. 이를 위해 Z-PAY 서비스를 개발하기로 하였습니다.
Pain point
상품을 결제하려면
각 쇼핑몰에 가입/로그인.
Solution
지그재그 계정 하나로
모든 쇼핑몰의 상품을 주문/결제할 수 있도록.
Key Scenario
지그재그 앱을 통해 쇼핑몰의 상품 페이지 방문 시, 지그재그 자체 결제 UI가 노출되어 유저들이 해당 UI를 통해 결제할 수 있습니다. 결제가 완료되면 하면 해당 주문 내역이 지그재그 파트너센터로 전송되어 입점 파트너들이 주문을 처리할 수 있는 시나리오를 구상하였습니다.
AS-IS
TO-BE
Direction
유저들이 지그재그에서 직접 주문/결제가 가능하도록 하려면 파트너들이 지그재그에 상품을 직접 등록하는 방식이 가장 안전했으나, 파트너가 지그재그에 모든 상품을 등록하기에는 너무나도 오랜 시간이 걸리고 또 협조적이지 않을 수 있었기 때문에 지그재그는 상품 정보를 직접 등록 받지 않고 호스팅사로부터 실시간으로 연동하는 방식을 채택했습니다. 이에 따라, 파트너들이 지그재그에 상품을 매번 등록하지 않아도 유저들이 지그재그를 통해 모든 상품을 결제할 수 있게 되었습니다.
Solution
결제에 필요한 상품 정보를 호스팅사와 연동하여
상품 등록에 대한 문제 해결
APP UX Flow & UI Design
지그재그 자체 주문/결제 서비스를 도입하기 위해 유사 서비스인 쿠팡, 스마트스토어, 티몬, 위메프, 11번가 등의 다양한 이커머스 서비스를 직접 사용해 보며 리서치하였고 개발자 분들과 주기적으로 커뮤니케이션하며 주문/결제 플로우를 완성하였습니다.
APP
Flow l 장바구니 담기
Flow l 간편결제
주문 완료
주문 상세
PartnerCenter UX Flow & UI Design
지그재그에서 주문이 발생한 경우, 입점 파트너분들이 방문하여 주문을 처리할 수 있도록 하기 위해 가장 오래된 플렛폼인 카페24, 스마트스토어에 직접 가입하고 사용해보며 기능을 이해하고 지그재그의 주문/결제 시스템을 디자인하는데 참고하였습니다.
주문 현황
주문 현황은 우선순위가 높은 정보임으로 지그재그 파트너센터 홈에 진입하면 즉시 확인할 수 최상단에 배치하였습니다. 주문 현황을 한 눈에 볼 수 있도록 전체 상태를 그루핑하고 모두 나열하였습니다.
주문 관리
각 상태별 주문 현황을 확인하고 세부 내역을 조회할 수 있습니다.
문의 관리
유저들이 남긴 문의 내역을 조회하고 답변할 수 있습니다.
배송/정산 정보 관리
배송을 처리하기 위한 배송비 정책, 정산 계좌를 등록할 수 있습니다.
Project Owner: Park Product Designer : KimKK Backend Engineer : Beak Frontend Engineer : Beak App Engineer : Son
Lunching : 2019.10 Working : 2019.01~2019.10 Maintanance : 2019.10~2020.10
Kakaostyle