SILLROOM 실룸 맞춤 커튼 패브릭 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 맞춤 커튼과 패브릭을 파는 동네 커튼 가게 같은 몰입니다. 첫 화면을 견적기로 만들어 창 크기와 원단, 주름 형태, 열림 방식을 고르면 필요한 폭 수와 완성 사이즈, 제작일, 예상 가격이 바로 나오게 했습니다. 아래로 많이 맞춘 커튼, 원단 견본 벽, 차광 단계 비교, 창 재는 법, 새 원단, 후기가 이어집니다. [주요 기능] 1. 맞춤 커튼 견적기 - 창 가로와 커튼 높이를 큰 숫자로 넣고 원단, 주름 형태, 주름 양, 열림 방향, 레일 포함 여부를 고르면 폭 수와 완성 사이즈, 제작일, 예상 가격이 바뀝니다. 2. 원단 견본 벽 - 원단 12종을 정사각 확대 사진으로 보여 주고 소재와 차광 단계, 원단 무게, 1폭 단가를 적었습니다. 누르면 견본 바구니에 다섯 장까지 담깁니다. 3. 차광 단계 비교 - 같은 창 사진에 1~4단계 어둡기를 겹쳐 나란히 비교합니다. 4. 창 재는 법 - 가로, 높이, 설치 위치 순서를 선 그림으로 보여 주고 방문 실측 신청으로 이어집니다. 5. 기준 사이즈 가격 카드 - 상품 카드에 원단 칩과 차광 막대, 기준 창 크기에서의 가격을 적고 후기 사진에는 실제 창 크기를 붙였습니다. [디자인] - 흰 바탕과 자두빛 도는 회색 면에 자두색 한 색을 혜택 띠와 할인율, 주 버튼, 차광 막대에 썼습니다. - 제목은 Gowun Batang, 본문과 화면 글자는 Pretendard입니다. - 견적 숫자와 예상 가격을 크게 써서 계산 결과가 먼저 읽히게 했습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조