알씨타운

에버랜드 홈페이지 제작방식을 알아보자! 본문

RCTOWN 리뷰/웹 리뷰

에버랜드 홈페이지 제작방식을 알아보자!

알 수 없는 사용자 2020. 9. 18. 12:11

에버랜드 웹 제작방식을 알아보자!

 

 

[intro]

국내 최대규모의 테마파크 에버랜드!

'에버'는 시간, '랜드'는 공간을 의미하며 에버랜드하면

생각나는 멜로디 '환상의 나라 에버랜드로~'

에버랜드 홈페이지는 어떤방식으로

제작되었는지 한번 살펴볼까요?

 

 


 

 

 

1.

에버랜드 홈페이지는 에버랜드 리조트 인트로 페이지에서

에버랜드 와 케리비안베이 사이트맵을

선택할 수 있는 페이지가 나오는데요

하단의 버튼을 클릭 하면

원하는 사이트로 이동하는 구조로 제작되었네요.

관련 이벤트를 화면에 꽉차는 이미지를 삽입하여

사용자의 시선을 효과적으로 사로 잡은것 같네요.

 

 

[main]

메인페이지의 구조를 한번 살펴볼까요?

상단 헤더에는 사이트맵과 사이트의nav 가 있고,

헤더 아래 영역의 제일 첫번째 컨텐츠는

슬라이드 배너 이미지 입니다.

하단으로는 에버랜드의 각종 이벤트, 정보, 공지사항을

확인할수 있는 컨텐츠로 구성 되어있네요.

에버랜드는 메인화면에서 다른 페이지로 연결되는 링크를 시각적으로

부각시키는 점이 개인적으로 잘 제작되었다고 생각됩니다.

 

 

[header]

1.

헤더의 상단영역은 사이트맵인데요.

에버랜드, 캐리비안베이, 홈브리지 와 같은 계열 사 사이트로

빠르게 이동할 수있게 상단에 위치하여

사용자에게 편리성을 제공 하고 있는것 같습니다.

또한 스마트예약,한생단체예약,기업단체예약과 같은

주요 서비스도 헤더영역에 배치하여 사용자가

해당 서비스를 더욱 쉽고 빠르게 이용 할 수 있게 하고 있네요.

2.

헤더의 하단영역은 사이트 navigation이네요.

해당 카테고리에 마우스를 가져다되면 컬러박스로 효과를 줘

사용자가 어떤 카테고리에 명확하게 알려주고 있고,

하위 내용이 하위로 펼쳐지게 제작했네요.

 

 

[main1]

1.

요즘 전세계적으로 문제 코로나19 예방을 위한 안내 페이지를

메인페이지에서 링크로 연결해

관련 안내 그리고 예방 수칙 정보를 전달하고 있어요.

에버랜드 방문 생각을 하고 계시는 분들은

안내문을 읽고 방문하시면

에버랜드 방문 시 원활하게 서비스를 이용 하 실 수 있을거 같네요.

이런 부분 또한 중요한 정보이기때문에

홈페이지 또는 앱 제작 시 중요한 페이지로 연결되는 링크는

사용자에게 더욱 부각 시켜야합니다.

 

 

[main2]

1.

메인페이지 슬라이드 배너 중 하나를 한번 살펴봤는데요.

슬라이드 배너 에서 자세히보기 버튼을 누르면

관련 내용페이지로 링크 이동합니다.

 

 

 

[main3]

메인페이지 하단으로 스크롤 이동하면

에버랜드 정보와 관련된 컨텐츠로 구성된 섹션이 보여지는 데요.

1.

공지사항관련 내용으로

해당 공지를 클릭 하면 공지내용페이지로 이동합니다.

2.

에버랜드는 각 시간 별로 페레이드와 같은 공연 또는 행사를 진행하는데

에버랜드 방문자에게 방문전 행사 시간을 고지하여

편하게 행사를 관람할 수 있는 서비스를 제공하고 있네요.

3.

에베랜드는 스마트예약과 같은 서비스를 제공하고 있는데요.

방문자가 기다림없이 쉽고 빠르게 이용 할 수 있도록 하고 있네요.

해당 서비스 페이지로 이동하면 각종 할인 프로모션

또는 행사 정보를 알려주어 서비스 이용에

만족도를 높이는 서비스를 제공하고 있는거 같아요.

4.

우측 navigation 인데요.

사이트 이용자가 스크롤 시 특정 섹션에 위치할 때

navigation 에서 컬러로 변경하여 사용자에게 정보 제공을 하고 있네요.

작은 사소한 부분이지만 이런 부분 또한

놓쳐서는 안되는 점 !

 

 

[search]

1.

메인 상단에서 검색어를 입력 할 수 있는 영역입니다.

검색어 입력 후 검색결과 페이지로 이동하는데요.

결과 페이지는 어떤 형태로 제작되었는지 살펴볼까요?

2.

먼저 검색어와 관련된 전체 내용이 아닌

관련 페이지로 이동할 수 있는

메뉴 바로 가기 링크를 보여주고 있네요.

3.

하단영역에서 검색어와 사이트 내 관련된 전체내용을 보여주는데요.

그 안에서도 사이트별로 탭을 나눠 사용자가

원하는 카테고리로 이동하여 검색 결과를 찾을 수 있게 하고 있습니다.

 

마치며

오늘은 에버랜드 사이트 제작방식에 대해 알아봤는데요.

홈페이지 제작시 방문목적에 다른 화면구성

메인화면에서는 사이트의 가장 중요한 내용을 명확하게 전달하고

메인화면에서 요한 페이지로 연결되는 링크는

사용자에게 시각적으로 부각 될수 있게 구성해야된다는 점

오늘은 분석을 통해 알아보았습니다.

 

 

Comments