HAEON 해온 여성 데일리웨어 쇼핑몰 스킨

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.09 ~ 2026.10 관련 기술: 카페24 스마트디자인 Pro, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 카페24 디자인센터에서 판매 중인 여성 데일리웨어 반응형 스킨입니다. 매일 입는 옷을 파는 몰을 위해 모델 컷이 주인공이 되도록 여백을 넉넉히 두고, 배너 속 착용 상품부터 베스트, 신상품, 기획전, 룩북, 착용 후기까지 옷이 먼저 보이는 순서로 메인을 짰습니다. 카페24 스마트디자인 Pro 기본 스킨의 모듈 구조는 그대로 두고 화면 마크업과 스타일을 새로 짜서, 로그인부터 장바구니, 게시판까지 메인과 같은 톤으로 맞췄습니다. [주요 기능] 1. 배너 착용 상품 - 메인 배너에 모델이 입은 상품을 카드로 붙여 바로 상세로 이어집니다. 2. 옷이 먼저 보이는 메인 구성 - 베스트 탭, 신상품, 기획전, 코디 한 벌의 상품을 함께 보여 주는 룩북, 사진과 별점, 구매 상품이 한 카드에 담긴 착용 후기가 차례로 놓입니다. 3. 바로 담기는 상세 - 색상은 칩으로, 사이즈는 버튼으로 고르고 넘겨 보는 썸네일과 수량, 구매 버튼이 한 화면에 들어옵니다. 휴대폰에서는 구매 버튼이 화면 아래에 고정됩니다. 4. 카드형 장바구니 - 상품은 카드로 보이고 결제 예정 금액 상자가 스크롤을 따라 내려옵니다. 휴대폰에서는 주문 막대가 아래에 고정됩니다. 5. 로그인부터 게시판까지 같은 톤 - 로그인, 회원가입, 마이쇼핑, 상품 후기, 검색 결과 화면도 메인과 같은 글꼴과 간격으로 맞췄습니다. 6. 관리자에서 바꾸는 진열 - 메인진열 그룹에 상품을 넣으면 베스트, 신상품, 기획전, 룩북이 채워지고 비어 있는 영역은 자동으로 숨겨집니다. [디자인] - 흰 바탕과 따뜻한 회색 사진 칸에 벽돌빛 포인트 한 색을 할인과 순위에만 써서 옷 사진이 돋보이게 했습니다. - 한글과 본문은 Pretendard, 영문 제목은 Cormorant Garamond로 잡지 같은 인상을 냈습니다. [범위] - 메인, 상품 목록, 상품 상세, 장바구니, 주문, 회원가입, 로그인, 게시판까지 전 페이지 디자인 - PC·모바일 한 벌로 맞추는 반응형, 모바일 하단 탭 메뉴 - 관리자에서 배너, 메인 진열, 분류를 바꾸면 화면에 그대로 반영되도록 카페24 모듈 연결 - 업종에 맞춘 분류 구조와 상품 진열 세팅