[1일1페이지]#18 넷플릭스 랜딩페이지 UIUX 분석 및 카피

넷플릭스 랜딩페이지 카피

 

페이지 목적:

콘텐츠 소개 및 흥미 유발

 

유저저니:

 

나에게 맞는, 재미있는 콘텐츠를 찾아 보고 싶다.

 

이를 위한 UX/UX 특징:

 

하나의 인기 콘텐츠를 메인으로 두고, 유저의 관심 유발

(+넷플릭스 웹사이트에서는 하나의 메인 인기 콘텐츠(예를 들어 슬기로운 의사 생활)이 랜딩페이지에서 자동 재생된다.

영상이 시작되면 기타 작품 소개 글들은 사라지고 콘텐츠 타이틀이 작게 축소되어 밀려난다. 

모바일에는 재생 기능은 없고,화면 클릭시 세부 콘텐츠 정보가 나타난다.)

 

하단으로는 타이틀에 맞는 카드들이 스와핑되는 형식으로 나열되어 있다. 

 

넷플릭스는 콘텐츠들을 크게 1. 티비 프로그램 2. 영화 3.우저가 찜한 콘텐츠로 나누고 있다.

 

+

넷플릭스 찜 아이콘

랜딩페이지를 탐색하다보니 콘텐츠 찜하기와 찜한 콘텐츠 삭제 기능 아이콘 간의 구분이 부족함이 보였다.

내가 찜한 콘텐츠에서 삭제하기에 넥플릭스는 check 아이콘을 썼는데, 이는 add와 마찬가지로 확인,추가,더하기의

시각정보로도 인식되기 때문. 나는 콘텐츠 찜 아이콘에 있어서 아이콘에 다름을 주기보다는

1. 기본 텍스트와 아이콘에 white100/오퍼시티를 100으로 주고 찜하지 않았을 경우 Gray(700-800)로 표현

2. 다른 아이콘 + 색으로 찜 되었음을 표현

 

이 두가지 방식이 더욱 유아이의 직관적인 활용과 인식에 도움이 될 것이라 생각했다.

 

에셋구조:

 

서치/프로필 및 기타설정

티비프로그램/영화/내가 찜한 콘텐츠

메인 콘텐츠 소개/

찜/재생/정보

콘텐츠타이틀, 콘텐츠...

콘텐츠타이틀, 콘텐츠...

...