주문 제작 쇼핑몰 구축에서 장바구니 흐름이 맞지 않는 상품은 화면만 바꿔서는 풀리지 않는다고 코너스톤인터랙티브는 봅니다. 고객이 고른 결과가 다음 단계로 넘어가는 방식과 생산, 거래 시스템과의 연결을 함께 정해야 합니다. 흐름과 연결이 먼저입니다. 이 글은 홈페이지에 소개된 프로젝트 네 건으로 제작 주문, 계약형, 구성 선택과 수량 제한 유형을 비교합니다.
장바구니 흐름이 맞지 않는 상품은 무엇이 다른가요?
코너스톤인터랙티브는 이런 상품의 차이가 장바구니 앞뒤에 붙는 단계에 있다고 봅니다. 사례를 보면 장바구니 앞에는 선택, 검색, 상담 같은 단계가 놓입니다. 뒤에는 생산 연동이나 판매 조건 처리가 이어집니다. 담기 전후가 중요합니다.
상품 유형 | 장바구니 앞뒤로 더 필요한 단계 | 코너스톤 사례 |
|---|---|---|
제작 주문 | 온라인 주문 프로그래밍, 생산시스템 API 연동, 해외배송 처리 | LIPSS, 한국후지필름 온라인 쇼핑몰 |
계약형 | 검색부터 계약까지 이어지는 동선, 상세 정보와 상담 신청 연결 | 라이나생명 |
구성 선택과 수량 제한 | 액세서리 구성 시뮬레이션, 한정판매와 예약판매 기능 | 제이에스티나 |
세 유형 모두 선택 결과를 다음 단계로 어떻게 넘길지가 설계의 출발점이라고 봅니다. 상품을 담는 화면보다 담기 전후의 정보 흐름이 더 많은 결정을 요구합니다. 거래 특성에 따라 주문 설계가 달라지는 다른 예는 B2B 쇼핑몰 구축, 일동샵으로 보는 거래처 반복 주문 설계에서 다뤘습니다. 유형마다 연결 지점이 다릅니다.
제작 주문은 선택에서 생산까지 어떻게 잇나요?
LIPSS는 회사 자료 기준 2018년에 구축한 한국후지필름의 서비스입니다. 이전 프로젝트 소개에는 사용자가 아티스트와 사진을 골라 출력하는 굿즈 제작 플랫폼으로 설명되어 있습니다. 프로젝트 페이지에 적힌 수행 항목은 신규 온라인 서비스 기획, 온라인 주문 프로그래밍, I/F 프로그래밍, EMS 해외배송, AMS입니다. 회사 자료에는 기존 한국후지필름 생산시스템 API 연동도 적혀 있습니다. 주문이 생산으로 이어집니다.
한국후지필름 온라인 쇼핑몰은 별도 프로젝트입니다. 프로젝트 페이지 기준으로 이 쇼핑몰은 PC와 모바일의 모든 기기에서 포토 상품 제작 주문이 가능하도록 개편되었습니다. 재입고 알림과 장바구니 합산 같은 편의 기능도 함께 개선되었습니다. 제작 상품도 장바구니로 모일 수 있습니다.
후지필름몰 리뉴얼의 이전 프로젝트 소개에는 신규 포토북 편집기 도입이 적혀 있습니다. 편집기의 기능 세부는 공개 자료로 확인되지 않아 이름만 소개합니다. 세 프로젝트는 각각의 수행 범위로 보아야 합니다. 한 시스템이 아닙니다.
계약이 필요한 상품은 온라인 동선을 어떻게 짜나요?
라이나생명 프로젝트에서 회사 자료에 적힌 개선 항목은 서비스 중심 메인 구성, 온라인 계약 프로세스 단축 UI/UX 개선, 검색부터 계약까지 가능한 동선 구축입니다. 상세 정보와 상담 신청을 연결한 점도 함께 적혀 있습니다. 온라인 계약과 상담이 한 동선 안에 놓인 구조입니다. 계약만 있는 게 아닙니다.
같은 자료에는 "계약건수 500% 증가"라는 표기가 있습니다. 다만 비교 기간이 적혀 있지 않고, 동선 개선만의 효과로 볼 근거도 없습니다. 자료에는 웹접근성 고도화 작업도 함께 기재되어 있습니다. 숫자는 맥락과 함께 읽어야 합니다.
회사 소개 기준으로 라이나생명은 & Award 2013 Web Accessibility GRAND PRIX 수상 이력이 있습니다. 프로젝트 페이지에는 구축, 운영 및 유지보수로 수행 범위가 적혀 있습니다. 계약형 상품의 동선은 화면 구성과 상담 연결을 함께 설계하는 일이라고 봅니다. 접근성도 동선의 일부입니다.
구성을 고르고 수량이 정해진 상품은 무엇을 더 설계하나요?
제이에스티나 프로젝트에서 회사 자료에 적힌 항목은 액세서리 구성 시뮬레이션 UX, 신규 서비스와 콜렉션을 위한 LOOK BOOK 특화 전시 기획, 한정판매와 예약판매 UX 특화 기능입니다. 시뮬레이션의 구체 화면은 공개 자료로 확인되지 않아 이름만 다룹니다. 그래도 고객이 구성을 고르는 단계와 수량이 정해진 판매 방식이 한 쇼핑몰 안에서 함께 다뤄졌다는 점은 자료로 확인됩니다. 고르는 단계와 수량 제한이 함께 있습니다.
프로젝트 페이지 기준으로 이 작업은 쇼핑몰 리뉴얼로 소개되어 있습니다. 회사 소개 기준으로 제이에스티나는 2013 웹어워드 패션쇼핑몰 대상을 받았습니다. 구성 선택과 수량 제한이 있는 상품은 전시, 선택, 판매 조건을 한 흐름으로 보아야 한다고 봅니다. 판매 조건이 흐름을 바꿉니다.
단계 사이 정보 연결은 무엇을 검토하나요?
코너스톤인터랙티브는 장바구니 흐름이 맞지 않는 상품일수록 단계 사이의 연결을 먼저 점검해야 한다고 봅니다. 아래 항목은 앞의 사례에서 확인되는 연결 지점입니다. 체크 목록으로 정리했습니다.
고객이 고른 결과를 주문 정보로 넘기는 방식을 정해야 합니다(LIPSS 온라인 주문 프로그래밍).
생산 또는 외부 시스템과의 연동 범위를 확인해야 합니다(LIPSS 생산시스템 API 연동).
해외 고객이 있다면 배송 방식을 주문 흐름에 넣어야 합니다(LIPSS EMS 해외배송).
상세 정보에서 상담으로 넘어가는 지점을 정해야 합니다(라이나생명 상세 정보와 상담 신청 연결).
수량과 판매 기간 제한을 처리할 기능을 따로 검토해야 합니다(제이에스티나 한정판매와 예약판매).
PC와 모바일 등 기기별 주문 환경을 함께 맞춰야 합니다(한국후지필름 온라인 쇼핑몰).
기존 쇼핑몰에 이런 흐름을 더하는 경우라면 개편 범위부터 정해야 합니다. 그 기준은 쇼핑몰 리뉴얼, 부분 개선과 전면 개편을 가르는 기준에서 정리했습니다. 연결이 범위를 정합니다.
코너스톤인터랙티브의 주문 흐름 설계
코너스톤인터랙티브는 회사 소개 기준 "24년 업력의 커머스 전문 에이전시"입니다. 제작 주문, 계약형, 구성 선택과 수량 제한 상품의 사례는 라이나생명과 제이에스티나 등 공개 프로젝트에서 확인할 수 있습니다. 프로젝트 페이지 기준으로 라이나생명은 구축, 운영 및 유지보수, 제이에스티나는 쇼핑몰 리뉴얼로 수행 범위가 소개되어 있습니다. 상품의 거래 방식에 맞춰 주문 흐름과 시스템 연결을 함께 설계해야 한다고 봅니다. 사례는 목록에 있습니다.
더 많은 사례는 프로젝트 목록에서 볼 수 있습니다. 장바구니 흐름이 맞지 않는 상품의 주문 흐름을 검토하고 있다면 프로젝트 문의로 연락할 수 있습니다. 상품 유형부터 알려 주세요.
자주 묻는 질문
제작 상품도 장바구니에 담을 수 있게 해야 하나요?
한국후지필름 온라인 쇼핑몰은 포토 상품 제작 주문과 함께 장바구니 합산 기능을 개선했습니다. 제작 상품이라도 장바구니로 모을 수 있게 설계한 사례입니다. 제작 상품의 형태에 따라 그 주문 동선은 달라집니다. 따라서 각 회사별 구매 프로세스에 맞는 자체 제작 커머스가 필요한 이유기도 합니다.
계약형 상품은 온라인에서 계약까지 끝내야 하나요?
라이나생명 사례는 검색부터 계약까지 가능한 동선과 함께 상세 정보와 상담 신청 연결을 두었습니다. 온라인에서 복잡하고 어려운 보험계약까지 가능하게 한 국내 최초의 성공사례입니다. 상품의 정보전달 및 비교,제안을 통해서 온라인 계약 동선과 상담으로 넘어가는 경로를 함께 설계한 사례입니다.
해외 고객 주문은 무엇을 더 정하나요?
LIPSS의 수행 항목에는 EMS 해외배송이 포함되어 있습니다. 해외 주문이 있다면 배송 방식을 주문 흐름 설계 단계에서 함께 정해야 합니다. 결제와 회원가입 영문안내에 대한 사전 고려도 포함되어 설계됩니다.
한정판매와 예약판매는 일반 상품과 무엇이 다른가요?
제이에스티나 프로젝트는 한정판매와 예약판매를 위한 UX 특화 기능을 따로 제공했습니다. 한정판매를 주기적으로 하는지 이벤트 형태로 한시적으로 하는지에 따라 구성을 다르게합니다.
가격또는 재고로 한정을 하는방식과 출시전,후를 구분하여 예약판매를 하는 상품이 특성이 다르기에 사전에 상품의 특성을 충분히 고려한 전시 페이지를 구성합니다.
참고 자료
한국후지필름 LIPSS, https://www.cstone.co.kr/project/lipss/
한국후지필름 온라인 쇼핑몰, https://www.cstone.co.kr/project/fujifilm2022/
코너스톤인터랙티브 회사 소개, https://www.cstone.co.kr/company/
코너스톤인터랙티브 프로젝트 문의, https://www.cstone.co.kr/contactus/
Cornerstone Interactive
코너스톤 인터렉티브
AI로 살펴보기
