NUREUM 눌음 밀키트 간편식 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 밀키트와 간편식을 주 단위로 파는 몰입니다. 가격보다 조리 시간이 먼저 눈에 들어오도록 첫 화면을 카라멜 면, 사진, 검정 식단 칸의 세 단으로 나누고 조리 시간을 아주 큰 숫자로 올렸습니다. 어느 카드에서 담아도 다음 주 월~금 식단 칸이 채워지고 불 앞에 서는 시간 합계와 금액이 바뀝니다. 아래로 시간별 고르기, 다음 주 새 메뉴, 조리 눈금자, 정기 식단이 이어집니다. [주요 기능] 1. 조리 시간 3단 첫 화면 - 카라멜 면에 상품명과 조리 시간 큰 숫자, 필요한 도구와 가격을 쓰고 사진 옆 검정 칸에 다음 주 월~금 식단을 놓았습니다. 2. 다음 주 식단 칸 - 어느 카드의 더하기 버튼을 눌러도 빈 요일이 채워지고 조리 시간 합계와 금액, 무료배송까지 남은 팩 수가 바뀝니다. 3. 몇 분 있으세요 - 10분, 15분, 20분 안 탭을 누르면 카드가 조리 시간으로 걸러집니다. 카드 왼쪽 위에는 시간 칩을 붙였습니다. 4. 다음 주 새 메뉴 - 주차 탭과 요일 열에 날짜와 조리 시간을 적고 5일 한 번에 담으면 10% 할인됩니다. 5. 조리 눈금자 - 한 메뉴의 조리 과정을 0분부터 완성까지 눈금 위 단계 시각으로 펼쳤고 모바일에서는 세로 목록으로 바뀝니다. [디자인] - 카라멜 갈색과 검정, 밝은 회색 면을 쓰고 할인율도 카라멜 한 색으로 맞췄습니다. - 한글은 Pretendard, 조리 시간과 가격, 날짜 숫자는 Bricolage Grotesque입니다. - 상품 카드는 4:5 비율에 모서리를 살짝 둥글렸습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조