OVERCAST 오버캐스트 룩북형 여성 의류 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 시즌마다 룩북을 찍는 여성 의류 브랜드를 위한 몰입니다. 첫 화면부터 착장 여섯 벌이 각각 화면 전체를 채우고, 스크롤할 때마다 한 착장씩 넘어갑니다. 착장마다 입은 상품 두세 개의 이름과 가격, 착장째 담기 버튼을 붙여 보는 흐름이 곧 사는 흐름이 되도록 했습니다. 코트, 재킷, 블레이저, 원피스, 니트로 구성했습니다. [주요 기능] 1. 풀스크린 착장 룩북 - 착장 하나가 화면 높이를 가득 채우고 스크롤 스냅으로 넘어갑니다. 헤더는 룩북 위에서 투명하게 두었습니다. 2. 착장 패널 - 착장마다 왼쪽 아래 작은 패널에 룩 번호와 입은 상품 이름, 가격, 착장째 담기 버튼을 넣었습니다. 3. 착장째 담기 시트 - 상품마다 사이즈 칩을 고르고 빼고 싶은 상품은 체크를 풉니다. 전부 담으면 5% 할인되고, PC는 오른쪽 서랍, 모바일은 아래 시트로 열립니다. 4. 룩북 목차 - 착장 사진과 벌 수, 합계 금액을 담은 여섯 칸 목차에서 원하는 착장으로 바로 이동합니다. [디자인] - 차가운 회색 바탕에 스틸 블루 한 점을 할인율, 활성 탭, 담기 버튼에만 썼습니다. - Pretendard 한 서체로 글자를 줄이고 제호만 자간을 넓혀 사진이 주인공이 되게 했습니다. - 상품 카드는 3:4 비율에 모서리 없이 두었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조