월요판 MONDAY EDITION 코트 니트 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 코트와 니트처럼 설명할 거리가 많은 남녀 의류를 파는 몰입니다. 새 옷이 들어오는 월요일을 신문의 호수로, 카테고리를 지면으로 불러 첫 화면이 신문 1면처럼 읽히도록 설계했습니다. 명조 헤드라인 아래 흑백 사진과 입고 소식을 두고, 오른쪽 지면 색인에 상품과 가격을 함께 놓았습니다. 울 코트, 트렌치, 블레이저, 니트를 중심으로 구성했습니다. [주요 기능] 1. 신문 1면 첫 화면 - 발행일과 호수가 적힌 제호 아래 명조 헤드라인, 흑백 사진 두 장, 두 단 본문을 놓고 오른쪽 색인에 지면 번호와 상품, 가격을 붙였습니다. 2. 기온별 아우터 표 - 날씨 상자 자리에 기온 구간별 겉옷 표를 두어 구간을 누르면 맞는 상품 목록으로 이동합니다. 3. 흑백 상품 사진 - 사진은 흑백으로 두고 카드에 마우스를 올리면 원래 색이 나타납니다. 빨강은 호수, 할인율, 장바구니 수에만 씁니다. 4. 치수표 지면 - 품목을 고르면 실측표가 나오고, 가진 겉옷의 가슴 단면을 넣으면 가장 가까운 사이즈 행이 강조됩니다. 5. 독자 투고와 판권 푸터 - 구매 후기는 독자 투고, 공지는 알림, 푸터는 판권 형식으로 신문의 틀을 끝까지 이었습니다. [디자인] - 흰 종이 바탕에 검정 실선과 가는 회색 선으로 지면을 나누고, 빨강 한 색만 포인트로 씁니다. - 제호와 헤드라인, 상품명은 Noto Serif KR 명조, 가격과 정보는 Pretendard로 나눴습니다. - 상품 카드는 3:4 세로 비율에 모서리 없이 두고, 4열 사이에 세로 단 구분선을 넣었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조