DRUM LOG 드럼로그 1인 로스터리 원두 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 혼자 원두를 볶아 파는 1인 로스터리를 위한 몰입니다. 타자기로 친 작업 일지처럼 고정폭 글자와 흑백 사진을 써서 첫 화면에 오늘 볶은 원두의 시각과 배치 번호, 가격을 기록표로 올렸습니다. 아래로 이번 주 볶은 원두, 마시기 좋은 날 계산, 드립백과 선물, 정기배송 신청서, 작업 일지가 이어집니다. [주요 기능] 1. 오늘 로스팅 기록표 - 시각, 배치 번호, 원두, 투입량, 1차 크랙, 가격, 담기를 한 줄씩 적고 옆 흑백 드럼 사진에 볶은 날 도장을 찍었습니다. 2. 종이 태그 카드 - 모든 사진 왼쪽 아래에 배치 번호와 볶은 날을 적은 흰 종이 태그를, 카드 안에 마시기 좋은 기간을 붙였습니다. 3. 언제 마시면 가장 맛있나 - 볶은 날과 핸드드립, 에스프레소, 콜드브루 가운데 추출 방법을 고르면 기간이 날짜로 계산되어 달력에 칠해집니다. 4. 정기배송 신청서 - 주기와 양, 고르는 방식을 선택하면 1회 금액과 할인율, 한 달 금액이 바로 계산됩니다. 5. 작업 일지 - 날짜와 흑백 사진, 배출 온도와 생두 입고 같은 작업 기록을 적고 그 원두 상품으로 연결했습니다. [디자인] - 흰 바탕과 회색 종이 면에 잉크 파랑 한 색을 날짜, 배치 번호, 할인율, 주 버튼에 썼고 사진은 흑백으로 맞췄습니다. - Nanum Gothic Coding 고정폭 서체 하나로 타자기 기록지 느낌을 냈습니다. - 상품 카드는 4:5 비율에 모서리 없이 두었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조