짐없이 PACKLESS 여행 장비 렌탈 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 캐리어, 텐트, 카메라, 유모차 같은 여행 장비를 빌려주는 렌탈과 구독 몰입니다. 첫 화면에 대여 기간 토글을 두어 기간을 고르면 히어로와 랭킹 카드, 세트 가격이 모두 그 기간 기준으로 바뀌게 했습니다. 카드에는 하루 단가와 내일 출고 가능한 재고를 적었고, 아래로 많이 빌린 장비, 월 구독, 세트, 받는 곳과 돌려주는 곳 안내가 이어집니다. 여행 장비 142종으로 구성했습니다. [주요 기능] 1. 대여 기간 토글 - 3일, 7일, 14일, 30일을 누르면 첫 화면과 랭킹 카드, 세트의 가격과 하루 단가 표기가 한꺼번에 바뀝니다. 2. 렌탈 카드 - 순위 배지와 분류, 상품명, 스펙 한 줄, 기간 가격과 하루 단가, 내일 출고 가능 수량을 담았고 수량이 적으면 빨강으로 표시합니다. 3. 구독 요금제 비교 표 - 요금제 세 가지를 일곱 줄 표로 비교하고 월 결제와 연 결제 할인을 토글로 바꿉니다. 모바일에서는 첫 열을 고정한 가로 스크롤 표입니다. 4. 받는 곳, 돌려주는 곳 - 주문, 수령, 사용, 반납 네 단계와 공항 카운터, 택배 등 수령처 네 곳의 운영 시간을 정리했습니다. 5. 세트 3종 - 구성 칩과 정가, 할인율, 세트가를 함께 보여 주는 세트 카드입니다. [디자인] - 차콜 면과 청록 포인트, 밝은 회색 면으로 정비가 잘 된 장비 카운터 인상을 냈습니다. - 한글은 Pretendard, 숫자는 Space Grotesk로 나눠 가격이 또렷하게 읽힙니다. - 장비 카드는 1:1 비율에 모서리를 살짝 둥글렸습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조