라메종719 펜션 예약 홈페이지 구축

제주 애월 풀빌라 독채 두 동, 공간 소개부터 날짜 예약까지

SCROLL
클라이언트명
라메종719 · La Maison719
기술
아임웹(imweb) · 아임웹 예약 · 이미지 맵 · Vimeo 영상
프로젝트 유형
펜션 홈페이지 · 온라인 예약 · 반응형 웹
담당 범위
홈페이지 디자인 · 아임웹 구축 · 예약 기능 세팅
주요 기능
  • 메인 영상 · 숙소 배치도 이미지 맵 · 동별 층별 공간안내
  • 이용 안내 6개 항목 펼쳐 보기 · 안내 동의 후 예약하기
  • 달력 입실·퇴실 선택 · 추가 인원 요금 · 예약번호로 예약 조회
프로젝트 개요
  • 라메종719는 제주시 애월읍에서 55평 규모의 풀빌라 독채 M6동·J7동 두 동과 700평 규모의 잔디정원을 운영하는 숙소입니다.
  • 두 동의 구성과 비품, 계절별 수영장 운영, 추가 인원 요금, 환불 규정처럼 예약 전에 알아야 할 내용이 많아, 공간 소개와 이용 안내, 예약을 한 흐름으로 잇는 홈페이지를 구축했습니다.
  • 손님은 달력에서 날짜와 인원을 골라 예약하고, 예약 뒤에는 문자로 받은 예약번호와 연락처로 예약 내역을 조회할 수 있습니다.
개발 목표
  • 방문자가 배치도에서 원하는 동을 골라 층별 사진과 비품을 확인하도록 합니다.
  • 이용 안내와 환불 규정을 확인하고 동의한 뒤 예약하도록 하고, 숙박 기간과 요금을 달력에서 바로 확인하도록 합니다.
홈페이지 바로가기

DESIGN SYSTEM

primary Color
secondary Color
text Color
Kor Source Han Serif KR
Eng Alegreya
라메종719 홈페이지 목업 — 풀빌라 거실 탁자 위 노트북과 휴대폰에 띄운 메인·객실 안내 화면

WEB DESIGN

라메종719 홈페이지 메인 영상 화면
라메종719 숙소 배치도와 잔디정원·M6동·J7동 소개 화면
라메종719 M6동 달력 예약 화면
라메종719 M6동 층별 공간안내 화면

공간을 둘러보는 순간부터,
날짜를 골라 예약하기까지

라메종719는 같은 구성의 독채 두 동과 잔디정원을 함께 운영합니다. 방문자가 숙소를 둘러본 뒤 이용 조건을 확인하고, 원하는 날짜로 예약까지 이어가도록 홈페이지 흐름을 정리했습니다.

  • 배치도에서 고르는 공간 안내

    숙소 전체 배치도에서 M6동이나 J7동을 누르면 해당 동의 공간안내로 이동하고, 동마다 1층·2층·야외 공간의 사진과 비품을 나눠 보여 줍니다.

  • 예약 전에 확인하는 이용 안내

    이용 요금, 입·퇴실, 수영장 운영, 환불 규정 등 6개 안내를 펼쳐 보는 목록으로 두고, 안내를 확인한 뒤 예약 화면으로 넘어가도록 했습니다.

  • 달력으로 고르는 숙박 날짜

    달력에서 입실일과 퇴실일을 고르면 숙박 일수와 요금이 표시되고, 추가 인원을 선택해 합계를 확인한 뒤 예약합니다.

숙소 소개와 이용 안내, 예약을
한 흐름으로 이은 펜션 홈페이지

펜션 예약은 날짜를 고르기 전에 확인할 조건이 많습니다. 메인과 공간안내에서 숙소를 보여 주고, 이용 안내를 거쳐 예약과 예약 조회로 이어지도록 메뉴를 Home, SPACE, RESERVATION, RESERVATION CHECK 네 개로 구성했습니다.

메인 영상과
간결한 메뉴

메인에는 숙소 전경을 담은 영상을 화면 가득 배치하고, 상단에 공간안내·예약·예약 조회 메뉴와 인스타그램 바로가기를 두었습니다. 하단에는 주소, 연락처, 사업자 정보를 정리했습니다.

배치도 이미지 맵으로
동별 공간 이동

SPACE 메뉴에는 잔디정원, M6동, J7동의 규모와 구성을 나란히 정리하고 그 아래에 숙소 전체 배치도를 두었습니다. 배치도에서 M6동이나 J7동을 누르면 해당 동의 공간안내 페이지로 이동합니다.

동별 공간안내와
층별 사진·비품 목록

M6동·J7동 페이지 위에 두 동을 오가는 탭을 두고, 대표 사진 슬라이드 아래에 실내 1층, 실내 2층(테라스·수영장), 야외 공간, 잔디정원 순서로 사진과 비품 목록을 나눠 보여 줍니다.

예약 전 이용 안내와
동의 후 예약

RESERVATION 메뉴에는 기준 인원, 입·퇴실 시간, 계절별 수영장 운영을 먼저 보여 주고 수영장, 이용 요금, 객실 이용, 입·퇴실, 환불 규정, 인원 정책을 펼쳐 보는 목록으로 정리했습니다. 안내는 게시판 글로 등록해 운영자가 내용을 고칠 수 있고, 맨 아래 ‘위 모든 안내사항에 동의 후, 예약하기’ 버튼으로 예약 화면에 들어갑니다.

달력 예약과
추가 인원 요금

예약 화면에는 객실 사진과 상세정보 옆에 달력을 두어 입실일과 퇴실일을 고르게 했습니다. 선택한 기간의 숙박 일수와 요금이 바로 표시되고, 기준 4인을 넘으면 추가 인원을 골라 합계를 확인한 뒤 예약합니다. 예약 페이지 위쪽에는 무통장 입금 기한과 입금자명 안내를 두었습니다.

예약번호로 하는
예약 조회와 취소

RESERVATION CHECK에서는 예약할 때 문자로 받은 예약번호와 연락처를 입력해 예약을 조회합니다. 예약을 바꾸려면 조회 화면에서 취소한 뒤 다시 예약하도록 안내하고, 취소 시기에 따라 수수료가 생길 수 있다는 점도 함께 알렸습니다.

객실 소개와 이용 안내, 날짜별 예약을 한곳에서 받아야 하는 숙소 홈페이지가 필요하신가요?
숙소 구성과 운영 방식에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.

카카오 채널 카카오 1:1 문의