본문 바로가기

Web Design/사이트

160701 - 사이트 분석

사이트 분석

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

It's SKIN - yunaeye

http://beautyforall.itsskin.com/yunaeye/pc/

It's SKIN의 상품 페이지 -나는 화장품을 안써서 잘 모르겠지만... 김연아씨의 두가지 컨셉으로 상품이 나와서 그거에 맞춰서 페이지도 기획한거 같아서 재미있는 이벤트를 보여준다. 커서에도 삼각형 go 이미지가 따라다닌다. (사용자의 다음 행동을 도와주는 UX를 고려한 이벤트) 양쪽 어디를 클릭해도 중앙을 기준으로 이벤트가 실행되며 각각 다른 영역의 확장이 이루어진다. 색상은 골드,블랙,화이트로 고급스러움이 느껴진다. 아쉽게도 모바일과 타블렛은 지원을 따로 안하는거 같다.

Café Frida

http://cafefrida.ca/

FRIDA - 해외 카페 사이트인데 첫 메인부터 이쁘다 색감과 꽃 그림이 인상적이다. 원페이지에 페럴랙스 스크롤링방식으로 스크롤을 내릴때 마다 이벤트가 보여진다. 처음 스크롤을 내리면 꽃 그림들이 퍼지면서 화면 끝쪽으로 이동한다. 다사라지지 않고 일부분은 노출한다. 카페 소개를하면서 .gif 이미지로 토스트가 한입씩 사라지는 이미지가 운동감을 준다.  메뉴가 나오는데 페럴랙스 백그라운드와 나머지 사진 배치가 불규칙하지만 멋스러움을 한껏 보여준다. 메뉴 리스트에서는 일정 스크롤이 되면 fixed로 변해서 고정되서 따라내려온다. 누르면 해당 메뉴 컨텐츠로 스크롤이 이동한다. 사진및 지도에 뒤에는 항삭 백그라운드 박스가 있고 액자 같은 느낌을 준다. 색상은 대부분 유화 느낌의 진한 색상을 사용한거 같다. 모바일은 이벤트를 간소화해서 지원하고 모바일에서도 첫 이벤트는 그대로 작동해서 멋스러움을 유지한다.