수평 SUPYEONG 바다 앞 스테이 예약 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 펜션, 리조트, 스테이처럼 바다 앞 숙소를 예약으로 파는 몰입니다. 리조트 사이트의 조용하고 넓은 인상을 살리면서, 첫 화면 숙소 사진 아래 예약 바를 걸쳐 날짜와 인원부터 고르게 했습니다. 모든 숙소 카드에 바다까지 거리와 남은 객실을 붙였고, 아래로 이번 주말 빈 방, 날짜별 요금 달력, 기획전, 이번 주 바다 정보, 숙박 후기가 이어집니다. [주요 기능] 1. 예약 바 - 풀블리드 숙소 사진 아래 지역 선택, 체크인과 체크아웃 2개월 달력, 성인과 아동 인원, 빈 방 찾기를 한 줄로 걸쳤습니다. 2. 바다까지 거리 막대 - 모든 숙소 카드에 바다까지 몇 m인지 막대로 보여 주고 요일별 남은 객실을 함께 적었습니다. 3. 날짜별 요금 달력 - 숙소 하나의 한 달 달력에 날마다 1박 요금을 적고 마감일은 빗금으로 표시했습니다. 날짜와 박수를 고르면 2박 10%, 3박 15% 연박 할인과 결제 금액이 계산됩니다. 4. 이번 주 바다 표 - 지역별 일몰 시각, 수온, 파고, 빈 방, 최저가를 바다 사진 띠 위에 표로 정리했습니다. 5. 기획전 카드 - 와이드 사진 아래 숙소 세 곳을 목록으로 붙인 기획전 카드입니다. [디자인] - 흰 바탕에 바다 블루와 깊은 바다색 띠, 옅은 하늘 면을 써서 조용한 리조트 인상을 냈습니다. - 제목은 Noto Serif KR, 본문과 가격은 Pretendard입니다. - 숙소 카드는 4:3 비율에 모서리 없이 두었습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조