볼트앤바
B2B 산업자재 구매몰 홈페이지
- 화면 수13개
- 지원 화면PC · 모바일
- 관리자 기능준비됨
- 관리형 구축영카트
- 사이트 유형쇼핑몰, B2B 구매몰
- 로고 · 글 · 사진을 고객사 내용으로 바꿔 제작
- PC · 모바일 반응형, 개발 주소에서 확인 후 오픈
- 계약 · 결제 · 진행 상황은 서비스관리에서 확인
제작 방식 고르기
기본형
화면은 그대로, 내용만 우리 회사로
- 시안의 화면 구성 그대로 (화면 13개)가격 기준: 화면 10~15개 → 기본형 49만원
- 로고 · 대표 색 · 글 · 사진을 고객사 것으로 교체
- PC · 태블릿 · 모바일 반응형
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 시안 확인 후 수정 2회화면 추가 1개당 5만원 · 배치 · 구성 변경 상담 후 견적 (관리형도 같음)
- 관리자 화면 없음오픈 후 글 · 사진을 바꿀 때는 요청해 주시면 반영합니다
- 문의 · 예약 · 주문 · 결제 · 신청은 화면만 제공입력해도 실제로 접수 · 처리되지 않습니다. 실제로 동작해야 하면 관리형으로 진행합니다
관리형
관리자 화면에서 직접 운영
- 기본형 내용 모두 포함
- 구축 방식: 영카트
- 쇼핑몰 (영카트)99만원영카트 쇼핑몰 기본 — 상품 · 옵션 · 재고 차감 · 장바구니 · 주문 상태 · 무통장 입금 · 회원 · 적립금 · 쿠폰 · 매출 통계
- 관리자가 미리 만들어져 있어 제작 기간이 짧습니다준비된 관리자 메뉴: 볼트앤바 / 견적 요청(RFQ) 관리 / 기업 회원 · 부서 예산 관리 / 결재 현황 / 출고 차수 관리 / 품번 · 구간가 · 키트 / 규격 상담 · 기술 문의 / 화면 · 거래 설정
- 관리자 계정 전달 · 사용 방법 안내
- 버즈메이커 토스페이먼츠 가맹 시 20만원 할인제작 비용 79만원 · 카드결제 연동 20만원 별도 (다른 PG는 40만원)
- B2B 거래+50만원규격 필터 상품 · 수량 구간가 · BOM 붙여넣기 일괄 담기
- 견적 요청 · 결재+50만원견적 요청(RFQ) → 견적서, 요청자 · 결재자 결재 상신 · 승인 · 반려, 부서 월 예산 · 부분 출고
추가하지 않은 기능의 화면(예약 · 계산기 등)은 문의 폼 · 전화 · 네이버 예약 연결로 바꾸거나 뺍니다
가격 기준
이미 만든 디자인을 재활용해 맞춤 제작가의 약 60%로 정한 가격입니다. 모든 템플릿이 같은 기준이며, 기본형 · 관리형 모두 화면 수로 정하고 예약 · 계산기 같은 기능은 필요하실 때만 기능별 금액으로 더합니다.
기본형 — 화면만
- 화면 9개 이하29만원
- 화면 10~15개49만원
- 화면 16개 이상59만원
- 국 · 영문59만원
관리자 없이 화면만 만들고, 문의 · 예약 · 주문은 화면만 제공합니다
관리형 — 관리자 포함
- 화면 4개 이하39만원
- 화면 5~9개49만원
- 화면 10~15개69만원
- 화면 16개 이상79만원
- 국 · 영문89만원
- 쇼핑몰 (영카트)99만원
- 커스텀 플랫폼180만원부터
그누보드 · 영카트 · 워드프레스로 구축하는 템플릿은 위 금액, Next.js · 라라벨 · 전자정부 프레임워크 · CodeIgniter 로 구축하는 템플릿은 서버 · 구조가 달라 금액 협의
포함: 관리자 로그인 · 게시판(공지 · 후기 · 사례 · 갤러리) · 팝업, 문의 · 신청 폼 실제 접수와 접수 내역 관리(상태 · 메모 · 검색 · CSV), 화면 문구 · 숫자 · 노출 설정
이 가격에 들어 있는 것 그 밖의 작업은 별도
- 시안의 화면 구성 그대로 — 로고 · 대표 색 · 글 · 사진 · 메뉴 이름 교체, 필요 없는 화면은 빼기
- 연락처 · 지도 · SNS 연결, PC · 태블릿 · 모바일 반응형, 도메인 연결 · https 설정 지원
- 시안 확인 후 수정 2회 · 오픈 후 1개월 하자 무상 수정
- 화면 추가1개당 5만원
- 배치 · 구성 변경상담 후 견적
- 기능 추가아래 표 금액
필요하면 추가하는 기능 고르실 때만 더합니다
- 예약 시스템+50만원달력에서 날짜 · 시간(회차 · 숙박 기간) 선택, 정원 · 마감 · 중복 예약을 서버에서 막음, 휴무일 · 운영시간 설정, 관리자 예약 달력 · 상태 · 담당자 · CSV
- 두 번째 예약 종류+30만원방식이 다른 예약을 하나 더 (예: 진료 시간 예약 + 호텔 숙박 예약), 각각 달력 · 정원 · 요금 관리
- 자동 계산기 단가 관리+20만원견적 · 요금 · 비용 계산기의 단가 · 할증 · 할인을 관리자에서 고치면 계산기 · 가격표 · 접수 금액에 같은 값이 적용 (추가하지 않으면 계산기는 정해 둔 값으로 동작)
- 회원 이용권+30만원회원 로그인, 정액권 · 수강권 · 멤버십 등록, 잔여 횟수 · 금액 차감과 사용 이력
- 고객 전용 화면+50만원로그인한 고객(셀러 · 거래처 · 지원자 · 계약 고객)이 자기 계약 · 청구 · 재고 · 진행 상황을 보는 화면과 관리자 처리 화면
- 쇼핑몰 기능+50만원영카트 쇼핑몰(상품 · 옵션 · 재고 · 장바구니 · 주문 상태 · 무통장 입금 · 적립금 · 쿠폰)을 홈페이지에 붙임
- 정기구독+50만원구독 주기 · 회차별 구성 · 출고일 달력, 건너뛰기 · 일시정지, 마이 구독 (쇼핑몰 기능 필요 · 자동 정기결제는 PG 정기결제 별도)
- B2B 거래+50만원사업자 회원 등급별 단가 · 수량 구간 단가, 품번 일괄 담기 · 정기 발주, 거래명세서 · 세금계산서 정보
- 견적 요청 · 결재+50만원견적 요청(RFQ) → 견적서, 요청자 · 결재자 역할, 상신 · 승인 · 반려, 부서 예산 · 부분 출고
- 시안 확인 · 승인+30만원디자인 파일 업로드, 시안 버전 비교 · 수정 코멘트 · 승인, 승인 후 생산 단계 표시
- 번호 조회+20만원접수번호 · 이력번호 · 코드로 진행 단계 · 이력 · 잔액 조회, 관리자에서 단계 · 이력 입력
- 이벤트 참여 기록+50만원참여 · 응모 기록, 1일 기회 · 중복 참여 차단, 경품함 · 당첨 · 배송 정보 관리
- 추가하지 않은 기능의 화면(예약 · 계산기 등)은 문의 폼 · 전화 · 네이버 예약 연결로 바꾸거나 뺍니다
- 관리자가 준비된 템플릿은 이미 만들어진 기능을 고르시면 바로 적용하고, 템플릿에 없는 기능도 같은 기준으로 더합니다
- 카드결제(PG) 연동은 별도 — 40만원 · 버즈메이커 전담 토스페이먼츠 계약 시 20만원
이런 사이트예요
공장 · 시설관리 · 건설 현장 구매 담당자를 위한 가상 B2B 산업자재 구매몰 ‘볼트앤바’입니다. 대표 상품 28종을 규격 × 길이 변형으로 410개 품번(SKU)으로 만들고, JS 데이터 한 곳에서 목록 · 상세 · BOM 매칭 · 견적 · 결재 · 주문이 함께 움직이도록 구현했습니다. 규격 · 길이 · 재질 · 표면처리 · 포장 · 재고 파라메트릭 필터와 스펙 표, 선택한 품번으로 다시 그려지는 SVG 치수 도면과 SKU 매트릭스 · 수량 구간가, 붙여 넣은 BOM을 일치 · 대체 제안 · 없음으로 판정하는 대량 매칭, 공급가 · 부가세가 계산된 견적서 미리보기, 요청자 · 결재자 역할 전환과 부서 예산 경고, 납품지 · 세금계산서 · 월 정산 주문서와 부분 출고 추적까지 13개 화면에 담았습니다. 그래파이트와 세이프티 옐로, 규격 라벨 · 나사산 라인 모티프로 현장의 정밀함을 표현했습니다.
이 사이트로 할 수 있는 일
- 규격 · 길이 · 재질 등 스펙 조건으로 품번을 바로 좁혀 찾을 수 있는 목록 구성
- 자재 목록을 붙여 넣으면 품번을 자동으로 찾아 한 번에 담거나 견적을 요청하도록 설계
- 요청자 · 결재자 역할과 부서 예산을 반영한 결재 흐름을 쇼핑몰 안에서 처리
화면 구성 13개 화면
- 메인
- 상품 목록
- 상품 상세
- BOM 업로드
- 견적 요청
- 장바구니
- 결재함
- 주문서
- 주문/배송 조회
- 기업 회원가입
- 고객센터
- 규격표/카탈로그
- 기업 고객 혜택
주요 기능
- 파라메트릭 필터(규격 · 길이 · 재질 · 표면처리 · 포장 · 재고) + 스펙 표 / 그리드 전환 · 정렬
- 상품 상세: 규격 × 길이 SKU 매트릭스, 선택 품번으로 다시 그려지는 SVG 치수 도면, 수량 구간가
- BOM 대량 붙여넣기 → 일치 · 대체 제안 · 없음 판정 → 포장 단위 환산 일괄 담기 · 견적 요청
- 견적 요청(RFQ) → 공급가 · 부가세 · 유효기간이 계산된 견적서 미리보기 · 인쇄
- 요청자 · 결재자 역할 전환, 결재 상신 · 승인 · 반려, 부서 월 예산 잔액 · 초과 경고, 출고 차수별 부분 출고 추적
기능 자세히 보기
파라메트릭 필터 · 스펙 표
규격 · 길이 · 재질 · 표면처리 · 재고 조건을 함께 걸면 결과 품번 수와 적용 조건 칩이 바로 바뀌고, 표에서 바로 담거나 견적에 넣습니다.
SKU 매트릭스 · SVG 치수 도면
규격 × 길이 표에서 칸을 고르면 단가 · 재고 · 출고 예정과 수량 구간가가 바뀌고, 치수 도면이 선택한 품번 기준으로 다시 그려집니다.
BOM 대량 매칭 · 견적서
자재 목록을 붙여 넣으면 일치 · 대체 제안 · 없음으로 판정해 포장 단위로 환산하고, 견적 요청 시 공급가 · 부가세가 계산된 견적서를 보여 줍니다.
구매 결재 · 부서 예산 · 출고 추적
결재자 화면에서 부서 예산 잔액 · 초과 경고를 보고 승인 · 반려하며, 주문 후에는 출고 차수별 배송 단계와 부분 출고를 확인합니다.
관리형(관리자 포함)으로 받으면
관리형으로 받으시면 그누보드5 기반으로 설치되어, 관리자 화면에서 글 · 게시판 · 신청 내역을 직접 관리하실 수 있습니다.
관리자 메뉴 — 볼트앤바
- 볼트앤바 — 견적 회신 대기 · 결재 대기 · 입금 대기 · 출고 준비/입고 대기 차수 · 승인 대기 기업 · 연결 대기 회원 · 새 기술 문의 · 재고 0 품번 현황과 '어디서 무엇을 고치나요' 표
- 견적 요청(RFQ) 관리 — 상태별 목록 · 검색 · CSV / 상세에서 품목별 회신 단가 · 미등록 품목 품번 연결 · 배송비 · 유효기간 · 회신 문구
- 기업 회원 · 부서 예산 관리 — 사업자 확인 승인 · 이용 중지(일괄), 기업 정보 · 등급 · 결재 규칙(전결 · 전결 한도 · 합의 · 예산 초과 차단), 부서
- 결재 현황 — 회사 · 월 · 상태별 결재 문서 목록 · CSV, 문서 상세(품목 · 금액 · 부서 예산 · 결재선 · 이력 · 연결 주문), 멈춘 문서의 관리자 반려
- 출고 차수 관리 — 입금 대기 · 출고 준비 · 입고 대기 · 배송 중 · 납품 완료 필터, 주문 상세에서 입금 확인 · 차수별 상태/운송사/운송장/메모 · 품목을 다른 차수로 옮기기 · 수량 나누기(부분 출고) 등
- 품번 · 구간가 · 키트 — 품번별 포장 입수 · 출고 리드타임, 가용 재고(창고 − 입고 대기), 영카트 옵션으로 새로 만든 규격의 품번 만들기, 수량 구간가(전체 · 상품별) · 등급
- 규격 상담 · 기술 문의 — 고객센터 폼 접수 목록 · 상태(새 문의 · 처리 중 · 답변 완료) · 내부 메모 · CSV
- 화면 · 거래 설정 — 마감 시각 · 배송비 · 무료 배송 기준 · 새 기업 기본 한도 · 자동 승인 · 휴일 · 계정 과목 · 구매 사유 · 하차 조건, 견적서 공급자 문구(업태 · 종목 · 서명 · 도장) 등
게시판
- 공지사항
- 구매 담당자 이야기
쇼핑몰(영카트) 기능이 함께 설치됩니다 — 상품 · 주문 · 결제 · 쿠폰 관리.
디자인 · 설계 포인트
- 그래파이트 · 세이프티 옐로와 규격 라벨 · 나사산 라인 모티프로 현장의 정밀함 표현
- 품번 데이터 하나에서 가격 · 재고 · 출고 예정을 계산해 모든 화면이 같은 값을 사용
- 구매 담당자 업무 순서(검색 → 비교 → 견적 → 결재 → 주문 → 납품)대로 화면을 연결
- PC와 모바일 320 · 360 · 390px 폭에서 화면 넘침과 모바일 메뉴 점검
제작 정보
| 사이트 유형 | 쇼핑몰, B2B 구매몰 |
|---|---|
| 지원 화면 | PC · 태블릿 · 모바일 (반응형) |
| 화면 수 | 13개 |
| 사용 기술 | HTML5/CSS3, JavaScript(ES6), SVG, 반응형 웹, localStorage |
내 브랜드로 바뀌는 부분
바꿔 드리는 것
그대로 가져가는 것
제작에 포함되는 것
기획
- 업종 · 목표 · 고객층 상담으로 필요한 메뉴와 페이지 정리
- 사이트맵(메뉴 구조)과 페이지별로 들어갈 내용 확정
- 필요한 기능(문의 · 예약 · 게시판 · 결제 등) 범위 확정
디자인
- 고르신 템플릿 디자인에 로고 · 브랜드 색 적용
- 문구와 사진을 고객사 내용으로 교체 (시안 사진은 AI 예시 이미지라 교체가 원칙)
- 시안 확인 후 수정 2회 반영 (그 뒤 수정 · 화면 추가는 별도 견적)
제작 · 퍼블리싱
- PC · 태블릿 · 모바일 반응형
- 주요 브라우저(크롬 · 엣지 · 사파리 · 삼성 인터넷)에서 화면 확인
- 템플릿에 들어 있는 문의 · 신청 폼 등 기능 연결
관리 (관리형 선택 시)
- 그누보드5 관리자 화면에서 글 · 게시판 · 신청 내역 직접 관리
- 관리자 계정 전달과 사용 방법 안내
오픈
- 개발 주소에서 먼저 확인한 뒤 실제 도메인에 반영
- 도메인 연결 · 보안 인증서(https) 설정 지원
- 오픈 후 1개월 동안 하자는 무상으로 고치고, 이후 수정은 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다
별도 협의
- 템플릿에 없는 페이지 · 기능 추가, 다국어
- 도메인 · 호스팅(서버) 비용, 유료 글꼴 · 사진 구입비
- 검색엔진 등록 · 광고 등 마케팅
진행 절차
- 상담원하시는 템플릿과 필요한 내용을 알려 주세요. 범위 · 일정 · 금액을 안내드립니다.
- 계약서비스관리에서 계약서를 확인하고 동의하시면 시작합니다.
- 자료 전달로고 · 문구 · 사진 등 사이트에 들어갈 자료를 보내 주세요.
- 제작템플릿을 바탕으로 디자인 적용 · 내용 교체 · 기능 연결을 진행합니다.
- 확인 · 수정개발 주소에서 직접 보시고 고칠 부분을 알려 주시면 반영합니다.
- 오픈잔금 결제 후 실제 도메인에 반영하고 관리 방법을 안내드립니다.
자주 묻는 질문
우리 업종 템플릿이 없어도 되나요?
됩니다. 화면 구조가 비슷한 템플릿을 고르시면 메뉴와 내용을 업종에 맞게 바꿔 드립니다. 어떤 템플릿이 맞을지 모르겠다면 상담 때 추천해 드립니다.
기본형과 관리형은 무엇이 다른가요?
기본형은 시안 화면을 그대로 만들어 드리는 방식이라, 오픈 후 글이나 사진을 바꾸실 때는 저희에게 요청해 주시면 됩니다. 관리형은 관리자 화면이 있어서 공지 · 후기 · 신청 내역 등을 직접 고치고 관리하실 수 있습니다. 금액은 두 방식 모두 화면 수로 정하고, 예약 · 계산기 · 결제 같은 기능은 필요하실 때 기능별 금액으로 추가합니다.
사진은 어떻게 하나요?
템플릿의 사진은 AI로 만든 예시라 그대로 쓰지 않고 고객사 사진으로 바꿉니다. 준비된 사진이 부족하면 상담 때 대신 쓸 방법을 함께 정합니다.
도메인과 호스팅(서버)은 어떻게 하나요?
도메인과 호스팅은 고객님 명의로 준비하시고, 연결과 설정은 저희가 도와드립니다. 무엇을 준비하면 되는지는 상담 때 안내드립니다.
기간은 얼마나 걸리나요?
페이지 수와 기능, 자료 준비 상황에 따라 달라집니다. 상담 때 범위를 정하면서 일정을 함께 안내드립니다.
결제는 어떻게 하나요?
계약 후 서비스관리에서 카드 또는 계좌이체로 결제하실 수 있습니다. 계약 때 정한 일정에 따라 나누어 결제할 수 있습니다.
진행 상황은 어디서 보나요?
계약하시면 서비스관리에서 계약서, 진행 단계, 결제 내역을 한곳에서 확인하실 수 있습니다. 오픈 전에는 개발 주소에서 먼저 보시고 고칠 부분을 알려 주시면 됩니다.
오픈 후에 수정이 필요하면요?
오픈 후 1개월 동안 하자는 무상으로 고쳐 드립니다. 그 뒤 수정 · 업데이트는 작업 건마다 금액을 먼저 안내드린 뒤 진행합니다.
꼭 알아두세요
- 템플릿에 나오는 회사명 · 인물 · 수치 · 후기는 모두 가상이며, 사진은 AI로 만든 예시 이미지입니다. 제작할 때 고객사 내용과 사진으로 바꿉니다.
- 화면 미리보기는 디자인과 구성을 보여 드리기 위한 것으로, 문의 · 예약 · 결제는 실제로 동작하지 않습니다.
- '관리형 준비됨' 표시가 있는 템플릿은 관리자 기능까지 만들어져 있습니다. 표시가 없는 템플릿도 관리형으로 만들 수 있으며, 관리자를 새로 연결해 기간이 더 필요합니다. 예약 · 결제 등 기능은 필요하실 때 추가합니다.
- 금액과 일정은 상담 후 필요한 범위에 맞춰 안내드립니다.
같은 업종의 다른 템플릿
