전문 디자인 프로그램을 몰라도 주문제작에 필요한 편집만 빠르게 할 수 있도록.
WHY WE BUILT CANVASD
주문제작 현장에서
정말 필요했던 기능부터.
CanvasD는 기능을 먼저 정해놓고 만든 프로그램이 아닙니다. 주문제작 상품을 약 20년 동안 직접 제작·판매하며 반복해서 겪은 불편을 줄이기 위해 개발을 시작했습니다.
20년 주문제작 경험실제 운영에서 시작고객·관리자 흐름 연결
DEVELOPMENT STORY
왜 직접 만들기 시작했는가.
주문제작 상품은 같은 상품을 판매해도 고객마다 다른 사진, 다른 문구, 다른 요청사항을 처리해야 합니다. 일반 쇼핑몰의 주문서만으로는 제작에 필요한 내용을 모두 담기 어렵고, 결국 카카오톡·이메일·전화·게시판을 함께 사용하게 됩니다.
문제는 채널이 많아질수록 주문정보와 디자인 파일이 분리된다는 점이었습니다. 누가 보낸 사진인지 다시 확인하고, 수정된 시안이 최종본인지 확인하고, 제작이 어디까지 진행됐는지 다시 찾아야 했습니다.
그래서 고객이 직접 디자인하고, 그 디자인이 주문정보와 함께 접수되며, 관리자가 제작을 이어서 관리하고, 고객이 진행상태까지 확인할 수 있는 흐름을 하나씩 직접 만들기 시작했습니다.
BEFORE → CANVASD
흩어진 업무를
하나의 작업 흐름으로.
CanvasD의 목적은 단순히 예쁜 시안을 만드는 것이 아닙니다. 디자인이 접수된 이후 제작이 끝날 때까지 정보가 끊기지 않도록 연결하는 것입니다.
기존 방식여러 채널과 수작업
- 01카카오톡·이메일로 사진 수집
- 02사진과 주문자 수작업 매칭
- 03시안 제작 후 별도 전달
- 04수정 요청과 최종본 반복 확인
- 05주문·배송정보 다시 확인
- 06진행상태 문의에 개별 응답
→
CanvasD하나의 연결된 작업
- 01상품 선택
- 02고객 직접 편집
- 03시안 + 주문정보 함께 접수
- 04관리자 제작관리
- 05출고·진행상태 관리
- 06고객 직접 진행조회
CORE FEATURES
현장의 문제를 해결하기 위해
필요한 기능을 연결했습니다.
각 기능은 따로 존재하지 않습니다. 하나를 펼쳐보면 앞뒤 업무와 어떻게 이어지는지 확인할 수 있습니다. 현재 준비된 실제 운영 화면부터 적용했으며, 추가 캡처가 준비되면 필요한 부분을 계속 보강합니다.
01CUSTOMER EDITOR사용자 에디터고객이 직접 시안을 만들고 접수합니다.
사진을 받는 것부터 다시 설계했습니다.
고객이 실제 상품 배경 위에서 사진과 문구를 직접 배치합니다. 업체가 고객의 사진을 받아 매번 기본 시안을 만들어 전달하는 과정을 줄이고, 고객이 원하는 구성을 직접 확인하면서 접수할 수 있도록 했습니다.
왜 필요한가사진 전달 → 배치 확인 → 수정 요청이 반복되는 주문제작 업무를 줄이기 위해.
- 사진 업로드·배치·확대·회전
- 문구 입력 및 글꼴 설정
- 프레임·꾸미기·템플릿
- 실제 인쇄영역 기반 편집
- 단면·양면·올라운드 대응
02ITEM STUDIO관리자 에디터 · Item Studio새로운 상품의 편집 환경을 운영자가 직접 만듭니다.
상품이 추가될 때마다 개발자를 찾지 않도록.
상품 배경, 실제 크기, 인쇄영역과 고정 디자인을 운영자가 직접 설정해 새로운 Item을 만들 수 있습니다. 만들어진 Item은 상품에 연결되고 사용자 에디터에서 그대로 불러옵니다.
왜 필요한가주문제작 상품은 형태와 인쇄영역이 계속 달라지기 때문에 운영자가 직접 대응할 수 있어야 합니다.
- 상품 배경 직접 등록
- 실제 크기(mm) 및 작업영역 설정
- 인쇄영역 1~3개 설정
- 단면·양면·올라운드 설정
- 고정 이미지·문자·꾸미기 배치
- 고객 편집기 자동 복원 및 잠금
03PRODUCT MANAGEMENT상품관리판매상품과 Item, 가격, 옵션, SEO를 연결합니다.
편집 기능도 결국 상품에서 시작합니다.
Item Studio에서 만든 Item을 실제 판매상품과 연결합니다. 상품별 편집기 사용 여부와 가격·옵션·이미지·검색정보를 함께 관리해 고객의 상품 선택부터 편집기 진입까지 흐름을 이어줍니다.
왜 필요한가편집기와 상품정보가 따로 관리되면 운영자가 매번 연결 관계를 확인해야 하기 때문입니다.
- 편집기 사용 여부 설정
- 상품별 Item 연결
- 가격·옵션·수량 조건 관리
- 상품 이미지 관리
- 상품별 SEO 정보 관리
04DESIGN SUBMIT시안접수디자인과 주문·배송정보를 하나의 작업으로 묶습니다.
“이 사진이 어느 주문 건이지?”를 줄입니다.
고객이 편집을 완료하면 디자인만 저장하는 것이 아니라 필요한 주문·고객·배송정보와 함께 하나의 작업으로 접수됩니다. 관리자는 접수된 작업에서 디자인과 제작정보를 함께 확인할 수 있습니다.
왜 필요한가파일과 주문자 정보가 서로 다른 채널에 흩어지면 제작 실수와 확인 시간이 늘어납니다.
- 완성 디자인과 접수정보 연결
- 고객·연락처·배송정보 연결
- 작업번호 중심 관리
- 접수 후 관리자 제작 흐름 연결
SCREEN 04 · 준비중시안접수 실제 화면이 들어갈 자리
고객의 최종 접수 화면과 ADMIN 접수 상세를 나란히 보여줄 예정입니다.
추가 캡처: 접수 직전 화면 + 접수 상세 화면05PRODUCTION WORKFLOW제작관리접수된 작업을 실제 제작 흐름으로 이어갑니다.
접수 이후의 업무까지 CanvasD 안에서.
접수된 디자인을 확인한 뒤 작업상태를 관리하고 제작·출고 흐름을 이어갈 수 있습니다. 단순한 온라인 편집 프로그램에서 끝나지 않고 실제 운영에 필요한 후속 관리까지 연결하는 이유입니다.
왜 필요한가시안이 만들어져도 제작 진행상태를 별도 엑셀이나 메모로 관리하면 다시 정보가 분리됩니다.
- 접수 작업 확인
- 제작상태 관리
- 작업 진행 흐름 관리
- 고객 진행조회와 상태 연결
06CUSTOMER TRACKING고객 진행조회고객이 접수 시안과 진행상태를 직접 확인합니다.
“언제 제작되나요?”라는 반복 문의까지 생각했습니다.
고객은 자신이 접수한 시안과 현재 작업 진행상태를 직접 확인할 수 있습니다. 업체는 반복적인 진행상황 문의에 일일이 답하는 시간을 줄이고 제작에 집중할 수 있습니다.
왜 필요한가주문제작은 일반 배송상품보다 진행과정에 대한 고객 문의가 많기 때문입니다.
- 접수 시안 확인
- 작업 진행상태 확인
- 주문/작업 단위 조회
- 관리자 상태 변경과 연동
SCREEN 06 · 준비중고객 진행조회 실제 화면이 들어갈 자리
접수한 시안과 현재 제작상태가 한 화면에 보이는 장면을 사용할 예정입니다.
추가 캡처: 조회 결과 상세 화면07PRODUCT PAGE상품 홈페이지상품 선택부터 편집·주문까지 자연스럽게 연결합니다.
에디터가 별도의 프로그램처럼 느껴지지 않도록.
고객은 상품 홈페이지에서 제품을 확인하고 필요한 경우 CanvasD 사용자 에디터로 자연스럽게 이동합니다. 상품과 Item이 연결되어 있어 선택한 상품에 맞는 배경과 인쇄영역이 자동으로 이어집니다.
왜 필요한가고객이 편집기에서 다시 상품이나 규격을 선택하게 하면 주문 과정이 복잡해지기 때문입니다.
- 판매상품 → Item 자동 연결
- 상품별 편집기 사용 설정
- Self 시안만들기 흐름
- 편집 후 접수·주문 과정 연결
08ADMIN SYSTEMADMIN 통합관리상품·시안·제작·회원·디자인·SEO를 한곳에서 관리합니다.
실제 운영은 ADMIN에서 완성됩니다.
CanvasD의 여러 기능이 서로 연결되기 때문에 관리자는 하나의 ADMIN에서 상품과 고객, 시안, 제작 진행상태, 사이트 운영정보를 확인할 수 있습니다.
왜 필요한가사용자 에디터만 있어서는 주문제작 업체의 실제 운영 업무를 줄일 수 없기 때문입니다.
- 상품 및 Item 연결 관리
- 시안·주문·제작관리
- 회원 및 고객관리
- 고객페이지 디자인관리
- 통계·SEO·사이트 설정
DESIGN PRINCIPLE
기능을 많이 넣는 것보다
업무가 끊기지 않는 것이 중요했습니다.
새 상품과 인쇄영역을 개발자 도움 없이 Item Studio에서 직접 만들 수 있도록.
디자인·상품·고객·배송·제작상태가 하나의 작업 안에서 이어지도록.
머그컵에서 시작하더라도 다양한 주문제작 상품으로 확장할 수 있도록.
ONE CONNECTED FLOW
CanvasD의 기능은 결국
하나의 흐름으로 연결됩니다.
01상품등록판매정보 설정
→
02Item 제작배경·인쇄영역
→
03고객편집사진·문구 디자인
→
04시안접수정보와 함께 저장
→
05제작관리작업상태 관리
→
06고객조회진행상태 확인
LIVE DEMO
설명보다 직접 확인해 보세요.
실제 CanvasD DEMO에서 상품 홈페이지, 사용자 에디터, Item Studio와 ADMIN의 연결 흐름을 확인할 수 있습니다.