[공공기관] 강릉관광 분석

 

 

강릉 관광

 

---

 

 

 

[ 디자인 방향 ]

강릉시청에서 주관하고 있는 강릉관광 사이트는

강릉을 방문하려는 사람들에게 숙박, 음식, 교통등의 여행정보를 제공하는 사이트입니다.

많은 여행 정보를 사이트 방문자에게 어떻게 효율적으로 제공하고 있는지 알아봅시다

 

 

 

---

 

 

[ 메인페이지 ]

 

 

 

1 HEADER

헤더에는 로고와 메뉴뿐만아니라 로그인, 검색아이콘, 전체사이트맵아이콘으로 구성되어 있습니다.

그리고 헤더영역은 메인페이지일때는 눈에 잘 띄기 위해 흰색배경으로 되어 있으나 각 서브페이지로 이동하면

헤더영역의 배경이 서브페이지 상단 이미지에 어우러지게끔 투명하게 디자인 되어 있습니다.

헤더영역에서 가장 아쉬운 점은 헤더가 고정되어 있지 않아

스크롤을 내렸을 때 다른 메뉴로 이동하는 데 불편함이 있습니다.

 

​

2 NOTICE

우선 홈페이지에 접속하면 사이트 접속자가 바로 확인할 수 있도록

강릉에 관한 전반적인 공지사항을 네모박스를 사용하여 간략하게 내용을 요약해 배치시켰습니다.

​

3 CONTENTS

강릉을 권역별로 나누어 왼쪽에는 각 지역 유명명소들의 정보를 슬라이드 형태로 배치시키고,

오른쪽에는 강릉지도 일러스트를 활용하여 각 지역을 클릭하면 왼쪽 유명명소들의 정보가 나타나도록 지정하였습니다.

만약 여행정보를 일괄적으로 쭉 나열만 했다면 사이트가 전반적으로 단조로워질 수 있습니다.

하지만 강릉관광 사이트는 지도 일러스트를 활용해 정보를 보는 데 편리하고 또 사이트에 대한 흥미를 유발시키고 있습니다.

 

 

 

 

*) 홈페이지는 반응형으로 제작되어 있어 웹 뿐만 아니라 모바일환경에서도 편안하게 정보를 찾을 수 있습니다.

 

 

---

 

[ 메뉴 상세 ]

 

 

 

1 LANGUAGE

한국어외에도 중국어, 일본어, 영어 등의 각 나라별 외국어를 지원하고 있어

강릉을 방문하는 국내 관광객 뿐만 아니라 외국인 관광객들까지 강릉에 대한 정보를 편리하게 얻을 수 있습니다.

 

 

2 SEARCH

검색아이콘을 활용해 검색버튼이 헤더영역에 크게 자리잡고 있어 정보를 찾을때 유용합니다.

해당 아이콘을 클릭하면 검색창이 나타나게 되어 있습니다.

하지만 강릉여행에 관한 정보만 보여주는 것이 아니라 관공서 전체에서 해당 검색키워드를 찾기 때문에

정보량이 엄청 많기 때문에 검색키워드에 유의해야한다는 단점이 있습니다.

 

 

3 SITE MAP

헤더영역 우측 상단에는 햄버거메뉴아이콘이 존재해

클릭하면 전체 메뉴에 대한 사이트 맵을 한 눈에 볼 수 있도록 배치하였습니다.

대부분의 사이트들은 사이트맵을 푸터영역에 배치시키기 때문에 직관적으로 보기 어려운데

강릉관광페이지는 전체적인 홈페이지 가이드를 한번에 볼 수 있습니다.

 

 

4 MENU

navigation은 헤더영역 중간 부분에 위치하며

다양한 여행정보를 깔끔하고 정돈되게 배치시키기 위해 대분류와 소분류로 나누고

각 메뉴에 마우스를 갖다대면 슬라이드 되는 구조를 갖고 있습니다.

 

---

 

[ 메인화면 : 하단 ]

 

 

1 GRID

강릉 관광시 방문객들이 주로 활용하는 관광 서비스를 모아

그리드 형식의 레이아웃을 사용해 정보의 주목도를 깔끔하게 배치시켰습니다.

각 서비스가 무슨 서비스인지 명확하게 보여주기 위해 각 서비스에 적합한 배경이미지를 삽입하였습니다.

 

 

2 ICON

숙박, 음식, 관광안내책자, 교통정보등 강릉시청에서 제공하는 여행 서비스에 대한 내용을

사이트 방문자가 직관적으로 볼 수 있게 아이콘을 사용하였습니다.

 

 

3 BACKGROUND

메인 배경을 단색으로만 사용하지 않고

해변 일러스트를 활용하여 밋밋하고 단조로울 수 있는 단점을 보완하고 있습니다.

 

 

---

 

[ 서브페이지 ]

 

 

1 #TAG

각 여행정보에 적합한 태그를 달아 각 태그를 클릭하면 해당 정보만 보여질 수 있도록 내용을 배치하였습니다.

뿐만 아니라 검색어 입력창에 태그나 관광지명을 검색해 손쉽게 사용자가 정보를 찾을 수 있습니다.

 

 

2 CONTENTS

여행정보를 각 주제별로 구분하여 그리드형식의 레이아웃형식을 사용하였고

해당 관광명소의 썸네일, 관광지 이름, 관광지를 나타내고 있는 키워드를 사용해

깔끔하고 정돈된 정보를 제공하고 있습니다.

뿐만 아니라 [인기순] 과 [가나다순] 탭을 활용해 정보의 배치를 더 효율적으로 보여주고 있습니다.

 

 

---

[ 서브페이지 : 상세 ]

 

 

 

1 TITLE

서브페이지의 상세내용페이지를 살펴보면

우선 페이지 내용 상단부에 네비게이션을 배치시켜

해당 페이지가 현재 무슨페이지인지 헷갈리지 않게 위치를 잘 보여주고 있습니다.

하지만 보여주기만 할 뿐 링크를 지정하지 않아 선택하여 다른 페이지로 이동할 수 없다는 점이 아쉽습니다.

뿐만 아니라 검색어 입력창에 태그나 관광지명을 검색해 손쉽게 사용자가 정보를 찾을 수 있습니다.

 

2 SLIDE

관광명소 사진을 슬라이드 형식으로 배치하여

관광지 사진을 보다 다양한 각도, 장소에서 볼 수 있게끔 제작하였습니다.

 

3 INFO

관광명소의 최대한 많은 양의 정보를 틀 안에 한눈에 볼 수 있도록 하기 위해

블릿과 리스트를 활용하여 깔끔하게 배치시키려고 하였습니다.

 

4 LINK BUTTON

홈페이지바로가기 버튼과 길찾기 버튼이 배치되어 있어

홈페이지 방문자가 해당 정보를 보다 쉽고 편리하게 접할 수 있도록 만들었습니다.

또한 길찾기 버튼은 클릭시 포털사이트 '지도'에 바로 연결되어 있어

명소의 위치를 빠르게 파악할 수 있습니다.

 

---

[ 마무리 ]