도톰 DOTOM 수건 욕실 패브릭 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 수건, 가운, 욕실 매트를 두께로 골라 파는 홈텍스타일 몰입니다. 첫 화면에 같은 크기 수건 네 가지를 g/㎡ 비례 두께의 띠로 쌓아 두께 차이를 눈으로 비교하게 했습니다. 카드마다 두께 숫자와 게이지 막대를 붙였고, 아래로 사이즈로 찾기, 많이 팔린 수건, 색을 골라 5장 세트, 정기 교체, 기념수건 단체 주문이 이어집니다. [주요 기능] 1. 두께 띠 첫 화면 - 400, 500, 600, 750 g/㎡ 네 줄을 실제 비례 두께로 쌓고, 누르면 오른쪽에 장당 무게와 원사, 건조 시간, 가격이 바뀝니다. 2. 사이즈 자 - 핸드타월부터 비치타월, 욕실 매트까지 같은 비율로 그린 사각형을 카테고리 진입으로 썼습니다. 3. 두께 게이지 카드 - 사진 아래 두께 숫자와 두께만큼 찬 막대, 크기와 장당 무게를 적고 색 칩은 접힌 수건 모양으로 그렸습니다. 4. 색을 골라 5장 세트 - 12색 팔레트에서 다섯 장을 고르면 수건 더미가 한 장씩 쌓이고 세트 가격이 나옵니다. 색 조합 프리셋 네 개도 둡니다. 5. 정기 교체 - 장수와 주기, 두께를 고르면 회당 결제 금액과 할인율, 첫 배송일과 다음 배송일이 계산됩니다. [디자인] - 흰 바탕에 물빛 블루그레이 네 단계를 두께 띠에 쓰고 푸터까지 밝게 맞췄습니다. - Pretendard 한 서체에 두께 숫자만 아주 가는 굵기로 써서 얇은 숫자와 두꺼운 띠가 대비되게 했습니다. - 빨강 없이 짙은 청회색으로 할인율과 주 버튼을 표시합니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조