팔레톤 PALLETON 도매 대량구매 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 카페, 식당, 온라인 셀러, 사무실 구매 담당자가 소모품을 묶음 단위로 사는 도매몰입니다. 사진보다 숫자가 먼저 보이도록 첫 화면을 카테고리 트리, 이번 주 단가표, 빠른 주문 세 단으로 나눠 업무용 화면처럼 구성했습니다. 수량을 넣으면 해당 구간 단가가 켜지고, VAT 별도와 포함을 바꾸면 페이지의 모든 금액이 함께 바뀝니다. 포장 자재, 일회용품, 위생 청소용품, 사무용품 21개 품번으로 구성했습니다. [주요 기능] 1. 3단 작업 화면 - 왼쪽 카테고리 트리, 가운데 품번과 입수, 재고, 수량 구간별 단가가 적힌 단가표, 오른쪽 품번과 수량만 넣는 빠른 주문을 한 화면에 놓았습니다. 2. 수량 구간 단가 - 수량을 넣으면 그 구간 단가 칸이 녹색으로 켜지고 소계가 바로 붙습니다. 표와 계산기, 빠른 주문이 같은 규칙을 씁니다. 3. VAT 별도와 포함 전환 - 상단 띠의 스위치를 바꾸면 페이지의 모든 가격과 합계, 장바구니 금액이 함께 바뀝니다. 4. 택배박스 단가 계산기 - 수량과 묶음 단위를 고르면 적용 단가, 공급가, 부가세, 합계가 나오고 조금 더 담을 때 내려가는 단가도 알려 줍니다. 5. 업종별 발주 세트 - 카페 오픈, 온라인 셀러 포장, 사무실 월 소모품 세트를 품번과 수량 표로 보여 주고 한 번에 담습니다. 출고 마감 시계와 대량 견적 요청도 함께 두었습니다. [디자인] - 흰 바탕과 회색 판, 그래파이트 상단 띠에 녹색 한 색을 버튼과 적용 단가 칸에 썼고, 재고 부족만 녹슨 빨강으로 표시합니다. - IBM Plex Sans KR 한 서체에 숫자는 고정폭으로 맞춰 표가 반듯하게 읽힙니다. - 표 머리는 굵은 선, 행은 가는 선으로 나누고 그림자 없이 정리했습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조