모아데이 MOADAY 쇼호스트 공동구매 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 쇼호스트가 유튜브 라이브로 공동구매를 여는 공구몰입니다. 상품보다 호스트를 믿고 사는 구조라 첫 화면에 호스트 사진과 이름을 크게 두고, 그 호스트가 연 공구의 가격과 참여 인원, 목표, 마감 시간을 함께 보여 줍니다. 아래로 진행 중 공구, 공구 달력, 호스트 소개, 곧 열리는 공구, 앵콜 요청, 공구 후기가 이어집니다. [주요 기능] 1. 호스트 첫 화면 - 왼쪽 큰 인물 사진과 이름, 라이브 시각 옆에 공구가와 목표 대비 참여 막대, 사은품 눈금, 마감 카운트다운, 출고 정보를 놓았습니다. 2. 공구 카드 - 사진 위 호스트 아바타 칩과 참여 막대, 참여 인원과 남은 날을 붙이고 오픈 예정 공구에는 오픈 일시와 알림 버튼을 둡니다. 3. 공구 달력 - 한 달 격자 위에 공구 기간을 가로 막대로 그려 진행 중, 예정, 마감을 구분하고 막대마다 호스트 얼굴을 붙였습니다. 모바일에서는 날짜순 목록으로 바뀝니다. 4. 호스트 카드 - 호스트별 분야와 다음 공구 일정, 팔로우 버튼을 보여 줍니다. 5. 앵콜 요청 - 지난 공구에 요청 수 막대를 붙이고 정한 인원이 모이면 같은 가격으로 다시 여는 구조입니다. [디자인] - 흰 바탕과 차가운 회색 면에 마젠타 한 색을 혜택 띠, 할인율, 참여 막대, 주 버튼에 썼습니다. - Pretendard 한 서체에 호스트 이름과 공구가만 아주 크게 키웠습니다. - 공구 카드는 반복 목록 구조로 짜서 진열 그룹으로 채울 수 있습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조