NESTLIST 네스트리스트 출산 준비 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 처음 출산을 준비하는 부모를 위한 출산 육아용품 몰입니다. 첫 화면에서 예정일을 넣으면 남은 날과 지금 준비할 단계가 나오고, 그 아래 단계별 체크리스트 표에서 품목과 권장 수량을 확인하며 바로 담게 했습니다. 모든 상품 카드에 안전 인증과 대상 월령을 두 줄로 붙였고, 카시트 비교 표와 권장 수량 안내, 부모 후기가 이어집니다. [주요 기능] 1. 출산 예정일 D-day - 예정일을 바꾸면 남은 날짜와 지금 준비할 단계 문구가 바뀌고, 출산 후에는 월령 단계로 넘어갑니다. 2. 단계별 체크리스트 표 - 임신 중부터 12개월까지 탭마다 품목, 권장 수량, 필요 정도, 상품과 가격을 표로 정리했습니다. 다섯 개 이상 담으면 7% 할인이 계산되고 모바일에서는 행이 카드로 바뀝니다. 3. 인증 정보 카드 - 모든 카드 아래에 안전 인증과 대상 월령, 하중을 두 줄로 적고 전폭 담기 버튼을 붙였습니다. 4. 카시트 3종 비교 표 - 대상 키와 월령, 인증 기준, 고정 방식, 회전, 무게, 커버 세탁을 한 표에서 비교합니다. 5. 몇 개 사야 하나요 - 젖병, 배냇저고리, 손수건, 기저귀의 권장 수량을 큰 숫자로 보여 줍니다. [디자인] - 하늘색과 흰 바탕에 파랑 한 색을 할인율과 주 버튼, 활성 탭에 썼고 인증 표시만 초록 점으로 구분했습니다. - SUIT 한 서체에 숫자는 고정폭으로 맞췄습니다. - 표와 카드를 같은 선 굵기로 맞춰 정보 문서처럼 정돈했습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조