커피 원두를 도매로 유통·판매하는 쇼핑몰에는 간편주문 기능이 꼭 필요합니다.
카페 사장님들은 매주 여러 원두를 20KG · 5KG · 1KG 단위로 한꺼번에 주문하는데, 일반 상품 상세페이지를 하나씩 열어 장바구니에 담기에는 너무 번거롭기 때문입니다.

엠아이커피, 지에스씨샵, 더블유빈, 더드립몰은 모두 고도몰로 운영하면서 간편주문 화면을 따로 개발해 쓰고 있습니다.
개발놀이터는 이 4곳의 간편주문을 하나하나 써 보며 아쉬운 점을 정리했고, 그 내용을 모두 풀어 낸 새 간편주문서를 고도몰에 튜닝했습니다.

한눈에 보는 비교

이런 점이 아쉬웠습니다

· 20KG · 5KG · 1KG 처럼 중량별로 수량을 한 번에 조절하는 기능이 4곳 모두 없었습니다.
· 10개를 담으려면 + 단추를 10번 눌러야 했습니다.
· 검색하면 화면이 새로고침되어 담아 둔 원두가 모두 사라지는 곳도 있었습니다.
· 화면 가로 크기가 1,000 ~ 1,280px 로 좁아 정보가 빽빽하게 보였습니다.
· 제품 사진이 없거나, 옛날 방식의 새 창 팝업으로 상세 정보를 보여 주었습니다.
· 중량을 고도몰 옵션이 아닌 단순 글자로 만들어 재고 · 교환 · 환불 관리가 어려운 곳도 있었습니다.

개발놀이터는 이렇게 만들었습니다

1. 넓고 시원한 화면
화면 가로 크기를 1,500px 로 넓혀 원두 정보를 한눈에 비교할 수 있게 했습니다.

2. 중량별 한 번에 담기 · SHIFT 로 10개씩
20KG · 5KG · 1KG 열마다 올림·내림 단추가 있어 같은 중량의 원두를 한꺼번에 담습니다.
키보드의 SHIFT 를 누른 채 누르면 10개씩 늘고 줄어, 대량 주문도 몇 번의 클릭이면 끝납니다.
입력칸 옆 X 단추나 키보드 ESC 로 수량을 바로 0 으로 되돌릴 수 있습니다.

3. 새로고침해도, 검색해도 담은 원두는 그대로
실수로 F5 를 눌러도 담아 둔 원두가 사라지지 않게 막았고, 따로 둔 새로고침 단추는 화면 전체가 아니라 목록만 실시간으로 다시 불러옵니다.
검색으로 다른 제품을 찾아도 아래 주문 칸에 담은 목록은 항상 유지됩니다.

4. 해시태그 · 키워드 검색
상품명뿐 아니라 생산국 · 등급 · 가공방식으로도 찾을 수 있습니다.
해시태그 목록은 고도몰 관리자 [검색창 관련 설정 → 인기 검색어]와 연결되어 관리자가 바로 바꿀 수 있습니다.

5. 사진을 누르면 상세 정보가 화면 가운데에
제품마다 섬네일을 넣고, 누르면 상세 설명이 레이어 팝업으로 화면 가운데에 열립니다.
제품명에 마우스를 올리면 이동 아이콘이 나타나 "누르면 상세페이지로 간다"는 것을 미리 알려 줍니다.

6. 따라다니는 주문 칸
아래에 고정된 주문 칸에서 생두 중량 합계와 총 주문 금액을 늘 확인할 수 있습니다.
처음 원두를 담으면 주문 칸이 자동으로 펼쳐지고, 한 번 접어 두면 그 뒤로는 접힌 채로 유지되어 화면을 가리지 않습니다. 접혀 있어도 중량과 금액은 왼쪽 아래에 계속 보입니다.
초기화 단추 하나로 담은 목록을 한꺼번에 비울 수도 있습니다.

7. 인쇄하기 좋은 단가표
단가표 인쇄 단추를 누르면 흑백 위주의 단정한 화면이 새 창으로 열려, 종이로 뽑아도 원두 정보를 바로 알아볼 수 있습니다.

관리자는 이렇게 관리합니다

· 중량은 고도몰 옵션 기능으로 만들어 재고 · 옵션 상품으로 그대로 관리됩니다. 교환 · 환불도 평소처럼 처리됩니다.
· 카테고리 · 상품 진열 순서는 고도몰 [카테고리 관리]와 연결되어, 관리자에서 순서를 바꾸면 간편주문서에도 그대로 반영됩니다.
· 단가표 전용 게시판을 만들어, 최신 단가표 파일을 관리자가 언제든지 첨부 파일로 바꿔 올릴 수 있습니다.

참고한 쇼핑몰 4곳

1. 엠아이커피
· 60KG · 20KG 처럼 단위별로 수량을 한꺼번에 조정하는 기능이 없습니다.
· 오른쪽 생두 주문서가 작아 제품 2개만 담아도 스크롤이 생기고 제품명이 줄바꿈됩니다.
· 키워드로 검색하면 화면이 새로고침되어 담아 둔 제품이 모두 지워집니다.
· 화면 폭이 1,280px 정도로 좁고, 제품 섬네일 없이 옛날 방식의 새 창 팝업을 씁니다.

2. 지에스씨샵
· 간편주문 화면에 들어갈 때 로딩이 매우 느립니다.
· 패키지 선택 드롭다운을 열어야 중량을 볼 수 있고, 수량은 아래 주문 칸에서만 바꿀 수 있습니다.
· 화면 안 검색 기능이 없고, 패키지를 고를 때마다 아래 주문 칸이 튀어 올라 화면을 가립니다.

3. 더블유빈
· 앞의 쇼핑몰들보다 화면이 크게 좋아졌고, 검색해도 담은 목록이 유지됩니다.
· 다만 핵심인 왼쪽 정보 영역이 1,000px 로 좁고, 중량별 일괄 조절 · 10개 단위 조절이 없습니다.
· 중량이 고도몰 옵션이 아닌 단순 글자라, 주문 뒤 교환 · 환불 때 재고 관리에 문제가 생길 수 있습니다.

4. 더드립몰
· 섬네일을 누르면 레이어로 상세 정보를 보여 주고, 필터를 바꿔도 담은 목록이 유지되는 점은 좋습니다.
· 하지만 화면 배치가 정돈되지 않아 산만하고, 키워드 검색창이 없습니다.
· 중량별 일괄 선택이 없고, 수량은 아래 주문 칸에서만 바꿀 수 있습니다.

이런 쇼핑몰에 잘 맞습니다

· 커피 원두 · 식자재 · 소모품처럼 같은 손님이 여러 상품을 정기적으로 대량 주문하는 B2B 쇼핑몰
· 상품 수가 많아 상세페이지를 하나씩 여는 대신 목록에서 바로 담기를 원하는 쇼핑몰
· 지금 쓰는 간편주문이 느리거나, 검색할 때 담은 상품이 사라져 불편한 쇼핑몰

고도몰 튜닝 : 커피 원두 간편주문서 (제작 · 제공 : 개발놀이터)
비슷한 간편주문이 필요하시면 아래 간편문의로 연락처를 남겨 주세요.