PLAINDAY 플레인데이 컬러 소형가전 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 토스터, 전기포트, 드라이어처럼 매일 쓰는 소형가전 브랜드몰입니다. 기능보다 색과 생활 장면이 먼저 보이도록 첫 화면에 큰 색상 원을 두어 누르면 제품 사진이 그 색으로 바뀌게 했습니다. 아래로 색으로 고르기, 시간대별 생활 장면, 집에 맞는 용량, 많이 산 상품, 사진 후기가 이어집니다. 소형가전 10종과 색상 8가지로 구성했습니다. [주요 기능] 1. 첫 화면 색상 원 - 큰 색 원을 누르면 사진이 그 색 제품으로 바뀌고, 입고 예정 색에는 날짜를 적었습니다. 가격과 담기 버튼이 바로 위에 있습니다. 2. 색으로 고르기 - 여덟 색 타일에 상품 수를 적고, 고르면 진열이 걸러지며 카드 사진도 그 색 옵션으로 바뀝니다. 3. 카드 색상 칩 - 모든 카드에 색 칩과 색 이름을 붙이고 사진 오른쪽 아래 원형 담기 버튼을 두었습니다. 4. 하루 중 이 시간 - 아침 부엌, 오후 거실, 밤 침실 탭마다 큰 시각 숫자가 얹힌 장면 사진과 그 장면의 상품 세 개를 보여 주고 함께 담습니다. 5. 집에 맞는 용량 - 1인부터 5인 이상까지 고르면 전기포트, 블렌더, 토스터, 가습기의 맞는 용량과 모델이 나옵니다. [디자인] - 밝은 회백 바탕과 흰 면에 오렌지 한 색을 할인율과 주 버튼에만 썼습니다. - Pretendard 한 서체와 소문자 워드마크로 가볍게 맞췄습니다. - 카드와 사진은 모서리를 둥글리고 버튼은 알약 모양, 진열은 5열입니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조