LASTLOT 라스트로트 한정 드롭 경매 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 한 번 나가면 다시 없는 한정 상품을 드롭과 경매로 파는 몰입니다. 흑백 사진과 빨강 한 색으로 경매 카탈로그와 한정판 드롭의 긴장감을 냈고, 첫 화면에 카운트다운과 남은 수량 칸을 크게 올렸습니다. 아래로 드롭 일정, 라이브 경매, 아직 남은 로트, 지난 드롭 기록, 드롭 규칙이 이어집니다. [주요 기능] 1. 카운트다운 띠 - 헤더 바로 아래 검정 띠 전체에 남은 시간을 빨간 큰 숫자로 띄우고 로트 번호와 열리고 닫히는 시각을 적었습니다. 2. 세 칸 첫 화면 - 왼쪽 상품명과 사양 표, 가격, 가운데 흑백 사진, 오른쪽 남은 수량 30칸 격자를 두었고 구매를 누르면 칸이 하나 꺼지며 결제 대기 시간이 표시됩니다. 3. 드롭 일정 - 큰 날짜 숫자와 로트 번호, 선착순, 추첨, 라이브 경매 방식 배지, 수량과 가격, 알림 신청을 한 줄씩 정리했습니다. 4. 라이브 경매 - 방송 화면 옆에 현재가와 남은 시간, 입찰 수, 입찰 단위 버튼, 입찰 기록을 두고 마감 직전 입찰 시 시간이 연장되는 규칙을 보여 줍니다. 5. 로트 카드 - 흑백 사진에 마우스를 올리면 컬러로 바뀌고 로트 번호 딱지와 남은 수량 눈금을 붙였습니다. 완판된 로트는 빨간 띠와 가격 취소선으로 표시합니다. [디자인] - 흰 바탕과 검정, 회색 단계에 빨강 한 색을 카운트다운과 남은 수량, 완판 표시에만 썼고 사진은 흑백으로 맞췄습니다. - 한글은 Pretendard, 숫자와 로트 번호, 로고는 Anton 콘덴스드입니다. - 로트 카드는 1px 선 격자로 붙여 경매 카탈로그처럼 정리했습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조