CHALKLINE 초크라인 남성 맞춤 수트 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 남성 맞춤 수트와 셔츠를 파는 테일러링 몰입니다. 원단 번호를 고르고 치수 9개를 넣으면 21일 뒤 수트가 도착한다는 주문 흐름을 화면 순서 그대로 배치했습니다. 첫 화면에 이번 주 원단 티켓과 실측 라벨을 두고, 아래로 원단 견본, 많이 맞춘 수트, 치수 입력, 주문 뒤 진행 단계, 쇼룸 실측 예약이 이어집니다. 맞춤 수트, 셔츠, 재킷, 코트, 바지와 원단 8종 견본으로 구성했습니다. [주요 기능] 1. 이번 주 원단 티켓 - 차콜 면에 패턴 조각을 점선 초크 선으로 깔고 원단 확대 사진, 원단 번호, 맞춤가를 절취선 티켓에 담았습니다. 오른쪽 실측 사진에는 어깨너비와 소매길이 라벨을 붙였습니다. 2. 원단 견본 8종 - 확대 사진과 셀비지 띠에 원단 번호, 혼용률, 계절을 적고 분류 칩으로 거릅니다. 누르면 주문서에 바로 담깁니다. 3. 치수 입력 - 모델과 A~I 아홉 칸 치수를 넣고 핏을 고르면 완성 치수 표, 기성 사이즈 환산, 옵션 합계, 출고일이 자동으로 계산됩니다. 4. 주문 뒤 21일 - 주문 후 1일, 3일, 10일, 21일에 무엇이 진행되는지 순서대로 보여 줍니다. 5. 쇼룸 실측 예약 - 날짜별 남은 자리와 시간을 고르는 예약 칸이며 마감된 시간은 따로 표시합니다. [디자인] - 차콜과 차가운 회색 면 위에 스틸 블루 한 색을 할인율, 선택 원단, 주 버튼에만 썼습니다. - 한글과 가격은 Pretendard, 로고와 원단 번호, 치수 기호는 Cormorant Garamond로 나눴습니다. - 상품 카드는 3:4, 원단 견본은 4:3 비율에 모서리 없이 두었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조