본문바로가기

ROUGH SKETCH / WIRE FRAME

Renewal Point

한 눈에! 한 번에! 확인할 수 있는 간편함

팀 회의:

기존의 하이원 홈페이지는 정보가 정리되지 않고 중구난방으로 퍼져있었고 원하는 정보를 바로 찾아내기 힘들다는 단점이 있다.

주 이용 고객층을 40대~50대 이상으로 설정.
글자 크기를 기존보다 조금 더 키워서 시각적 편의성을 높이기로 결정.

가장 먼저 홈페이지에 방문한 고객들이 가장 찾고 싶어 할 만한 정보를 위주로 배치해서 접근성을 높이고 검색 피로도를 낮추는 것으로 결정.

Map image 리뉴얼
기존 지도이미지
기존 지도이미지

기존의 하이원 리조트 맵의 이미지는
오래전 유행하던 수채화형식의 이미지 한장뿐이였습니다.

이 그림을 고정으로 여러곳에서 사용하는 상황이라 디자인부터 올드하고
리조트의 전체적인 위치를 한 눈에 파악하기에는 다소 어려움이 있었습니다.

리뉴얼하는 저희 디자인에 맞도록
좀 더 깔끔하고 알아보기 쉬운 이미지로 지도역시 다시 제작을 하기로 했습니다.

초기 연필 스케치 러프 스케치 컬러 일러스트

AI로 다양한 과정을 거쳐서 베이스가 되는 이미지를 제작하고
일러스트레이터와 포토샵으로 수정을 거쳐 새 맵을 제작했습니다.

최종 완성 맵
Main page 반응형 - 768 / 360
메인페이지 태블릿 버전
메인페이지 모바일 버전

디자인된 메인페이지를 태블릿과 모바일 사이즈로

메인페이지 태블릿 GNB 오픈
메인페이지 모바일 GNB 오픈

GNB메뉴를 열었을때의 태블릿 버전과 모바일 버전의 디자인

LOG IN page - 1920 / 768 / 360
Sub page 반응형 - 768 / 360
그랜드호텔 페이지 태블릿
그랜드호텔 페이지 모바일

객실페이지는 슬라이더 형태로 볼 수 있도록 변경

공지사항 페이지 태블릿

공지사항은 많은 글자가 들어가는 페이지이므로
태블릿은 간격을 최대한 조정되도록 디자인

공지사항 페이지 모바일

모바일은 배열이
변경되도록 디자인

밸런스 케어존/프로그램안내 태블릿
밸런스 케어존/프로그램안내 모바일

가장 중요한 예약하기 버튼을 기준으로
간격과 크기를 조정

요금할인/지역주민 태블릿
요금할인/지역주민 모바일

슬라이드 형식으로 만들어 정보의 흐름을 연결