DAMGYEOL 담결 주방 생활용품 쇼핑몰 스킨

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.09 ~ 2026.10 관련 기술: 카페24 스마트디자인 Pro, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 카페24 디자인센터에서 판매 중인 주방 생활용품 반응형 스킨입니다. 그릇, 조리도구, 수납, 욕실 소품처럼 종류가 많은 살림을 파는 몰을 위해 분류 바로가기와 순위가 붙은 베스트 탭으로 금방 찾고, 사진 속 공간에서 바로 담도록 메인을 짰습니다. 상세는 소재와 용량을 먼저 보여 주고, 장바구니와 회원, 게시판 화면까지 메인과 같은 톤으로 맞췄습니다. 카페24 스마트디자인 Pro 기본 스킨의 모듈 구조는 그대로 두었습니다. [주요 기능] 1. 배너 상품 칩과 분류 바로가기 - 배너 장면에 쓰인 상품을 칩으로 붙여 바로 상세로 보내고, 그 아래 분류 바로가기로 주방, 식기, 수납, 욕실에 바로 들어갑니다. 2. 순위가 붙은 베스트 탭 - 진열 이름이 그대로 탭 이름이 되어 몰의 분류대로 바꿔 쓸 수 있습니다. 3. 기획전과 공간 스타일링 - 주제 한 장에 상품 세 개를 함께 놓아 세트로 담기 쉽게 하고, 공간 사진 위 점을 누르면 그 자리에 놓인 상품이 카드로 나옵니다. 4. 소재와 용량이 먼저 보이는 상세 - 상품명 아래 소재와 용량 한 줄, 할인율과 가격, 배송비, 수량, 구매 버튼을 한 화면에 두고 본문은 사용 장면, 포인트 세 가지, 관리 방법 순서로 이어집니다. 5. 결제 정보가 따라오는 장바구니 - 상품을 한 줄로 정리하고 결제 정보 카드가 스크롤을 따라오며, 아래에 함께 담기 좋은 상품을 붙였습니다. 6. 살림 후기와 같은 톤의 회원 화면 - 사진과 별점, 구매 상품이 한 카드에 들어간 후기와 로그인, 회원가입, 공지사항, 검색 결과까지 같은 글꼴과 간격으로 맞췄습니다. [디자인] - 흰 바탕과 따뜻한 회색 면에 테라코타 한 색을 할인율과 순위, 혜택 띠에만 써서 살림 사진이 돋보이게 했습니다. - Pretendard 한 서체로 화면이 빨리 뜨고 색과 여백은 CSS 맨 위 변수 한 곳에서 바꿀 수 있습니다. [범위] - 메인, 상품 목록, 상품 상세, 장바구니, 주문, 회원가입, 로그인, 게시판까지 전 페이지 디자인 - PC·모바일 한 벌로 맞추는 반응형, 모바일 하단 탭 메뉴 - 관리자에서 배너, 메인 진열, 분류를 바꾸면 화면에 그대로 반영되도록 카페24 모듈 연결 - 업종에 맞춘 분류 구조와 상품 진열 세팅