SECOND RAIL 세컨드레일 빈티지 리세일 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 1980~2000년대 레더, 데님, 트렌치, 울 코트 같은 빈티지 옷을 한 점씩 파는 리세일 몰입니다. 첫 화면에 검은 레일 바를 두고 오늘 입고된 옷을 옷걸이에 걸린 모양으로 늘어놓았으며, 판매된 옷도 판매완료 도장을 찍은 채 그대로 걸어 둡니다. 모든 상품에 고유번호, 컨디션 등급, 실측을 붙여 사진만으로 알기 어려운 상태를 숫자로 확인하게 했습니다. [주요 기능] 1. 오늘의 레일 - 고리로 걸린 오늘 입고 다섯 점과 남은 옷, 판매 완료 수, 다음 입고 카운트다운을 첫 화면에 둡니다. 2. 올리브 꼬리표 - 모든 카드 왼쪽 위에 고유번호와 등급을 적은 꼬리표를 달고, 품목 칩과 등급 표, 후기까지 같은 모양을 씁니다. 3. 내 옷 치수와 비교 - 잘 맞는 겉옷의 어깨, 가슴, 총장을 넣으면 카드마다 차이가 계산되고 잘 맞는 옷만 걸러 볼 수 있습니다. 4. 컨디션 등급과 흠 표시 - S, A, B, C 등급 정의와 함께 상세 사진 위에 흠 위치 번호와 크기를 표시합니다. 5. 가격 내림 표와 내 옷 팔기 - 입고 14일 뒤부터 7일마다 10%씩 내려가는 가격 표와, 수거 박스 4단계와 예상 판매가를 보여 주는 판매 신청 칸을 두었습니다. [디자인] - 흰 바탕과 짙은 레일 색 위에 올리브 한 색을 꼬리표, 할인율, 주 버튼에만 씁니다. - 한글은 Pretendard, 로고와 고유번호, 실측 숫자는 좁은 폭 Archivo로 나눴습니다. - 상품 카드는 3:4 비율에 모서리 없이 두었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조