알씨타운
에버랜드 홈페이지 제작방식을 알아보자! 본문
에버랜드 웹 제작방식을 알아보자!
[intro]
국내 최대규모의 테마파크 에버랜드!
'에버'는 시간, '랜드'는 공간을 의미하며 에버랜드하면
생각나는 멜로디 '환상의 나라 에버랜드로~'
에버랜드 홈페이지는 어떤방식으로
제작되었는지 한번 살펴볼까요?
1.
에버랜드 홈페이지는 에버랜드 리조트 인트로 페이지에서
에버랜드 와 케리비안베이 사이트맵을
선택할 수 있는 페이지가 나오는데요
하단의 버튼을 클릭 하면
원하는 사이트로 이동하는 구조로 제작되었네요.
관련 이벤트를 화면에 꽉차는 이미지를 삽입하여
사용자의 시선을 효과적으로 사로 잡은것 같네요.
[main]
메인페이지의 구조를 한번 살펴볼까요?
상단 헤더에는 사이트맵과 사이트의nav 가 있고,
헤더 아래 영역의 제일 첫번째 컨텐츠는
슬라이드 배너 이미지 입니다.
하단으로는 에버랜드의 각종 이벤트, 정보, 공지사항을
확인할수 있는 컨텐츠로 구성 되어있네요.
에버랜드는 메인화면에서 다른 페이지로 연결되는 링크를 시각적으로
부각시키는 점이 개인적으로 잘 제작되었다고 생각됩니다.
[header]
1.
헤더의 상단영역은 사이트맵인데요.
에버랜드, 캐리비안베이, 홈브리지 와 같은 계열 사 사이트로
빠르게 이동할 수있게 상단에 위치하여
사용자에게 편리성을 제공 하고 있는것 같습니다.
또한 스마트예약,한생단체예약,기업단체예약과 같은
주요 서비스도 헤더영역에 배치하여 사용자가
해당 서비스를 더욱 쉽고 빠르게 이용 할 수 있게 하고 있네요.
2.
헤더의 하단영역은 사이트 navigation이네요.
해당 카테고리에 마우스를 가져다되면 컬러박스로 효과를 줘
사용자가 어떤 카테고리에 명확하게 알려주고 있고,
하위 내용이 하위로 펼쳐지게 제작했네요.
[main1]
1.
요즘 전세계적으로 문제 코로나19 예방을 위한 안내 페이지를
메인페이지에서 링크로 연결해
관련 안내 그리고 예방 수칙 정보를 전달하고 있어요.
에버랜드 방문 생각을 하고 계시는 분들은
안내문을 읽고 방문하시면
에버랜드 방문 시 원활하게 서비스를 이용 하 실 수 있을거 같네요.
이런 부분 또한 중요한 정보이기때문에
홈페이지 또는 앱 제작 시 중요한 페이지로 연결되는 링크는
사용자에게 더욱 부각 시켜야합니다.
[main2]
1.
메인페이지 슬라이드 배너 중 하나를 한번 살펴봤는데요.
슬라이드 배너 에서 자세히보기 버튼을 누르면
관련 내용페이지로 링크 이동합니다.
[main3]
메인페이지 하단으로 스크롤 이동하면
에버랜드 정보와 관련된 컨텐츠로 구성된 섹션이 보여지는 데요.
1.
공지사항관련 내용으로
해당 공지를 클릭 하면 공지내용페이지로 이동합니다.
2.
에버랜드는 각 시간 별로 페레이드와 같은 공연 또는 행사를 진행하는데
에버랜드 방문자에게 방문전 행사 시간을 고지하여
편하게 행사를 관람할 수 있는 서비스를 제공하고 있네요.
3.
에베랜드는 스마트예약과 같은 서비스를 제공하고 있는데요.
방문자가 기다림없이 쉽고 빠르게 이용 할 수 있도록 하고 있네요.
해당 서비스 페이지로 이동하면 각종 할인 프로모션
또는 행사 정보를 알려주어 서비스 이용에
만족도를 높이는 서비스를 제공하고 있는거 같아요.
4.
우측 navigation 인데요.
사이트 이용자가 스크롤 시 특정 섹션에 위치할 때
navigation 에서 컬러로 변경하여 사용자에게 정보 제공을 하고 있네요.
작은 사소한 부분이지만 이런 부분 또한
놓쳐서는 안되는 점 !
[search]
1.
메인 상단에서 검색어를 입력 할 수 있는 영역입니다.
검색어 입력 후 검색결과 페이지로 이동하는데요.
결과 페이지는 어떤 형태로 제작되었는지 살펴볼까요?
2.
먼저 검색어와 관련된 전체 내용이 아닌
관련 페이지로 이동할 수 있는
메뉴 바로 가기 링크를 보여주고 있네요.
3.
하단영역에서 검색어와 사이트 내 관련된 전체내용을 보여주는데요.
그 안에서도 사이트별로 탭을 나눠 사용자가
원하는 카테고리로 이동하여 검색 결과를 찾을 수 있게 하고 있습니다.
마치며
오늘은 에버랜드 사이트 제작방식에 대해 알아봤는데요.
홈페이지 제작시 방문목적에 다른 화면구성과
메인화면에서는 사이트의 가장 중요한 내용을 명확하게 전달하고
메인화면에서 중요한 페이지로 연결되는 링크는
사용자에게 시각적으로 부각 될수 있게 구성해야된다는 점을
오늘은 분석을 통해 알아보았습니다.
'RCTOWN 리뷰 > 웹 리뷰' 카테고리의 다른 글
[교육] 창업에듀 분석 (0) | 2021.01.21 |
---|---|
오뚜기 홈페이지 제작방식에 대해 알아보자! (0) | 2020.10.08 |
DIOR 홈페이지 제작방식을 알아보자! (0) | 2020.09.10 |
프랜 웹제작방식을 알아보자! (0) | 2020.09.03 |
단디헬퍼 홈페이지 제작방식을 알아보자! (0) | 2020.08.21 |