TWOFOLD 두겹 이중거즈 유아복 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 이중거즈 원단으로 만든 신생아와 유아 옷을 파는 몰입니다. 세이지와 라일락 두 톤으로 화면을 반씩 나눠 같은 옷을 두 가지 색으로 보여 주고, 월령 탭으로 사이즈부터 고르게 했습니다. 아래로 이번 주 많이 산 옷, 색으로 고르기, 출산 선물 상자 직접 담기, 원단 정보, 입혀 본 후기가 이어집니다. [주요 기능] 1. 두 톤 반반 첫 화면 - 왼쪽 세이지 면에 제목과 혜택, 롬퍼 사진을, 오른쪽 라일락 면에 우주복 사진과 같은 원단 3색 칩을 놓고 사진마다 상품명과 가격 태그를 붙였습니다. 2. 월령 탭 - 신생아부터 2~3세까지 탭을 누르면 사이즈 호칭과 키, 몸무게 표, 해당 상품 네 개가 바뀝니다. 3. 색으로 고르기 - 세이지, 라일락, 오트 큰 색 버튼을 누르면 그 색이 있는 상품만 남고 카드 색 칩에도 표시됩니다. 4. 출산 선물 상자 직접 담기 - 여섯 개 가운데 세 개를 고르면 10% 할인이 계산되고 카드 문구를 넣은 뒤 담을 수 있습니다. 5. 원단 한 장의 정보 - 겹 수와 소재, 수축률, 선세탁 횟수를 큰 숫자로 정리했습니다. [디자인] - 세이지와 라일락 두 톤에 오트를 더하고, 흰 바탕과 연한 면을 번갈아 써서 차분한 인상을 냈습니다. - 제목은 Gowun Dodum, 본문과 가격은 Pretendard입니다. - 할인율은 진한 라일락으로 표시해 다른 색이 끼어들지 않게 했습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조