CURBSIDE 커브사이드 스트릿 캐주얼 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 숏패딩, 후디, 카고 팬츠처럼 오버핏이 많은 스트릿 캐주얼을 파는 몰입니다. 첫 화면은 크기가 다른 사진 칸을 엇갈려 놓은 격자로 짜고 칸마다 상품 이름과 가격 태그를 붙여 이번 주 주력 상품이 바로 보이게 했습니다. 그 아래로 실시간 랭킹, 사이즈 찾기, 셋업 묶음, 구매 후기 스냅이 이어집니다. 숏패딩, 후디, 카고 팬츠, 티셔츠, 셋업으로 구성했습니다. [주요 기능] 1. 비대칭 사진 격자 첫 화면 - 큰 칸 하나와 사진 세 칸, 할인 쿠폰 칸을 엇갈려 배치하고 사진마다 검정 상품 태그에 이름과 가격을 적었습니다. 2. 실시간 랭킹 5열 - 검정 사각에 라임 순위 숫자를 넣고, 할인율은 라임 바탕 검정 글자로 강조했습니다. 3. 내 사이즈 찾기 - 품목 세 가지와 키, 몸무게, 정핏과 오버핏 가운데 원하는 핏을 고르면 큰 사이즈 숫자와 실측이 나오고 바로 담을 수 있습니다. 4. 셋업 묶음 담기 - 상하의 두 벌을 함께 담으면 10% 할인되는 묶음 진열입니다. 5. 구매 후기 스냅 - 후기 사진을 비대칭 격자로 놓고 키, 몸무게, 구매 사이즈 라벨을 붙였습니다. [디자인] - 아스팔트 검정과 콘크리트 회색 위에 라임 한 색을 혜택 띠, 할인율, 순위, 주 버튼에만 씁니다. - 영문 제목과 숫자는 Anton 콘덴스드, 한글은 Pretendard 굵은 글자로 맞췄습니다. - 2px 굵은 선과 모서리 없는 4:5 카드로 거리 포스터 같은 힘을 냈습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조