DONGNEMO 동네모 원목 교구 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 원목 블록과 교구를 파는 장난감 가게입니다. 로고의 원과 사각을 화면 구조로 가져와 첫 화면을 4칸 두 줄 블록 판으로 짜고, 칸마다 놀이 사진과 상품, 나이, 혜택을 맞춰 넣었습니다. 아래로 도형 카테고리, 나이별 발달로 고르기, 많이 담은 교구, 놀이 상자 정기배송, 소재와 안전 정보가 이어집니다. 교구 142종으로 구성했습니다. [주요 기능] 1. 블록 판 첫 화면 - 놀이 사진, 제목과 혜택, 원 안의 상품, 큰 숫자 칸, 놀이 상자 혜택을 4칸 두 줄 판에 블록처럼 맞추고 칸 사이 흰 줄을 이음새로 남겼습니다. 2. 도형과 숫자 카테고리 - 아이콘 대신 빨강, 초록, 회색 원과 사각 안에 상품 수를 적었습니다. 3. 나이별 발달 막대 - 나이를 고르면 소근육, 대근육, 인지, 언어, 사회성 다섯 칸 막대와 그 나이 놀이 정보, 맞는 교구 네 개가 나옵니다. 4. 놀이 상자 정기배송 - 아이 생일을 고르고 1회, 6개월, 12개월 가운데 고르면 상자당 가격과 할인율이 비교됩니다. 5. 소재와 안전 띠 - 원목 소재, 모서리 처리, 수성 도료, 안전 인증을 도형 표시와 짧은 사실로 정리했습니다. [디자인] - 빨강과 초록 두 색, 회색 면으로 원목 블록 판 같은 인상을 냈습니다. - Pretendard 한 서체에 숫자를 크게 써서 정보가 또렷하게 읽힙니다. - 할인율은 빨강, 활성 탭은 검정 채움으로 표시합니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조