This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발펜션 홈페이지 - 기획부터 배포까지 직접 제작
  • 지역비대면 진행
  • 예산390,000원
  • 기간7일

자연 속 소형 펜션을 주제로 기획부터 디자인, 개발, 배포까지 전 과정을 직접 진행한 홈페이지입니다. 숙박업 사이트는 보기 좋은 것보다 손님이 문의까지 도달하는 것이 중요합니다. 그래서 화면을 그리기 전에 손님이 어느 지점에서 문의 버튼을 만나게 할지부터 정하고 시작했습니다. 휴대폰에서는 화면 아래에 전화와 문의 버튼이 항상 따라다니도록 만들었습니다. 요금이나 안내 문구처럼 자주 바뀌는 정보는 한 곳에 모아두었습니다. 그 부분만 고치면 사이트 전체에 반영되기 때문에, 사장님이 직접 수정하실 수 있습니다. 눈에 보이지 않는 부분도 함께 작업했습니다. 사진과 영상을 압축해 느린 환경에서도 빠르게 열리도록 했고, 검색엔진 등록과 메신저 공유 시 미리보기 설정을 맞췄습니다. PC와 태블릿, 휴대폰 화면 크기를 실제로 띄워가며 깨지는 부분이 없는지 확인했습니다. 이 작업은 펜션을 주제로 했지만 만드는 방식은 업종과 관계없이 같습니다. 어떤 업종이든 필요한 페이지 구성에 맞춰 제작해 드립니다.

이미지 2

PC와 휴대폰을 함께 고려해 제작한 펜션 홍보 홈페이지입니다

이미지 4

첫 화면은 영상을 배경으로 구성하고, 문의 버튼을 가장 먼저 눈에 들어오는 위치에 두었습니다

이미지 6

문의 폼과 바로 연락하는 버튼을 나란히 두었습니다. 급한 손님은 버튼을, 여유 있는 손님은 폼을 이용하도록 두 갈래로 나눴습니다

이미지 8

휴대폰에서는 영상 대신 사진이 나오도록 처리해 데이터 사용을 줄였습니다. 화면 아래 전화와 문의 버튼은 스크롤해도 계속 따라다닙니다

이미지 10

객실마다 사진과 인원, 편의시설, 요금표를 한 화면에서 볼 수 있게 정리했습니다. 요금은 한 곳에서 고치면 전체에 반영됩니다

이미지 12

사진과 설명을 좌우로 번갈아 배치했습니다. 같은 모양이 반복되지 않아 스크롤을 내리는 동안 지루하지 않습니다

이미지 14

지도와 함께 자차, 대중교통, 주차 안내를 나눠 정리했습니다. 산간 지역 특성에 맞춘 안내 문구까지 작성했습니다

이미지 16

작은 화면에서도 글씨가 겹치거나 밀리지 않도록 실제 기기 크기로 띄워가며 검수했습니다

임지원 웹스튜디오
웹 개발
별점
0.0(0)
기획부터 디자인, 개발, 배포까지 하청 없이 직접 진행합니다. 모바일에서도 깨지지 않는 홈페이지를 만듭니다.
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

상담부터 실측, 공종별 견적까지 이어지는 인테리어 고객 관리 서비스

0
2

필라테스 수업 예약 사이트, 시간표에서 바로 예약

0
6

하늬결피부과 홈페이지 제작

0
3

반응형 홈페이지 제작

0
30
  • 상담부터 실측, 공종별 견적까지 이어지는 인테리어 고객 관리 서비스

    0
    2
  • 필라테스 수업 예약 사이트, 시간표에서 바로 예약

    0
    6
  • 하늬결피부과 홈페이지 제작

    0
    3
  • 반응형 홈페이지 제작

    0
    30
  • 감성온도광안 숙박 브랜드 홈페이지 제작

    0
    1
  • 가구 쇼핑몰 - 방에 직접 놓아 보는 상품 페이지

    0
    0
  • 홈페이지 템플릿 - 분양 홍보 랜딩 (관심고객 등록 포함)

    0
    2
  • 욕실 리모델링 업체 견적 문의 랜딩페이지

    0
    1
  • [샘플] 펜션 홈페이지 제작 - 객실 안내/예약 문의 폼

    0
    1