하루장 HARUJANG 데일리 특가 종합 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 디지털, 신선식품, 생활, 주방 상품을 함께 파는 소상공인 종합몰을 위한 특가형 디자인입니다. 오픈마켓 타임딜의 긴박감을 살려 첫 화면에 진행 중인 딜 하나와 카운트다운, 할인가, 남은 수량을 크게 올렸습니다. 아래로 시간대별 타임딜, 판매율 막대가 붙은 딜 카드, 오늘의 랭킹, 9,900원 균일가, 내일 도착 신선 진열이 이어집니다. [주요 기능] 1. 진행 중인 딜 첫 화면 - 검정 면 위에 빨강 숫자칸 카운트다운과 할인율, 판매가, 남은 수량 막대를 두고 오른쪽에 다음 타임딜 세 건과 알림 받기 버튼을 놓았습니다. 2. 시간대 타임라인 탭 - 종료, 진행 중, 오픈 예정 시간대를 탭으로 나눠 누르면 그 시간대 딜 상품이 5열로 바뀝니다. 3. 카드 판매율 막대 - 모든 딜 카드에 몇 % 팔렸는지 막대로 보여 남은 양을 숫자로 알립니다. 4. 오늘의 랭킹 1~10 - 두 단 목록에 큰 순위 숫자와 오르내림, 새로 들어온 표시를 붙였습니다. 5. 균일가와 내일 도착 진열 - 가격 숫자가 제목 역할을 하는 균일가 코너와, 저녁 8시 전 주문하면 다음 날 도착하는 신선식품 진열을 두었습니다. [디자인] - 빨강과 검정, 연회색 판으로 장터의 활기를 냈고 빨강은 할인율과 카운트다운, 주 버튼에 썼습니다. - Pretendard 한 서체에 숫자는 고정폭으로 맞춰 시간이 흘러도 숫자가 흔들리지 않습니다. - 상품 카드는 5열로 촘촘하게 놓고 모서리를 살짝 둥글렸습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조