사이트 분석

사이트의 구조,색상,기능을 분석하고 정리하고자 쓰는 글이며 개인적인 평가입니다.

A Bear's-Eye View of Yellowstone

http://www.nationalgeographic.com/magazine/2016/05/yellowstone-national-parks-bears-video/?source=NGcomm

내셔널 지오그래픽 사이트 서브중 하나이다. 구조는 간단하면서도 페럴랙스 형태로 상당히 많은 애니메이션 요소가 들어가있다. 반응형으로 모바일에서도 자연스러운 애니메이션 효과를 볼 수 가있다. header부분은 햄버그아이콘으로 모바일과 통일감을 주었다. 어두운 분위기에 대표색이 눈에 들어오고 스크롤을 내리다보면 지도부분이 배경느낌으로 등장하면서 멋진 이벤트를 선보인다. 부제목과 텍스트의 배치가 동영상과 어색하지 않게 잘 어울려 있다.

Seedlip

https://www.seedlipdrinks.com/

seedlip이라는 상품소개 페이지이다. 디자인이 깔끔하다 애니매이션은 많지 않지만 속도가 빨라서 시원시원한 느낌을 준다. 이것도 반응형으로 맘에 들었던 부분이 메뉴 부분인데 등장 이벤트가 속도감과 운동감이 있어서 답답함이 없다. 전체 테두리를 주고 그안에 컨텐츠를 넣어서 마치 하나의 엽서를 보는 듯한 기분을 준다. 색감은 타이틀과 텍스트는 갈색톤과 녹색톤을 주어서 고급스러움을 느끼게 해준다.