Fire TV 랜딩 페이지 가이드라인 및 구성 요소
Fire TV 랜딩 페이지의 내용과 기능에 대한 높은 기준이 있습니다. 이 페이지에서는 크리에이티브 가이드라인과 이를 구축하는 데 사용할 수 있는 구성 요소에 대해 설명합니다.
크리에이티브 가이드라인
간결성
영향력 있는 캠페인은 최소한의 텍스트, 눈에 띄는 이미지를 사용하며 가장 중요한 콘텐츠만 보여줍니다. 명확한 시각적 구조를 통해 고객은 제안을 신속하게 평가하고 참여 여부를 결정할 수 있습니다.
TV로 제작
다른 웹 및 모바일 플랫폼과 달리 TV 기반 인터페이스는 더 큰 텍스트, 강력한 탐색 계층 구조 및 추가적인 시각적 제공 기능을 사용하여 혼란을 피하고 보다 단순한 환경을 조성합니다. 콘텐츠는 화면 가장자리에서 멀리 떨어져 있고, 일부 디스플레이에서는 잘릴 수 있으며, 리모컨의 방향 제어 패드를 통해 쉽게 액세스할 수 있도록 그리드에 배열됩니다.
고객 가치 제공
아마존의 상품 상세 페이지는 고객을 위한 신뢰할 수 있고 효과적인 쇼핑 정보 출처입니다. 상품 중심 캠페인용 Fire TV 캠페인 랜딩 페이지는 명확한 고객 이점을 제공하거나 상품의 기존 상세 페이지에 나열된 정보를 넘어 교육적인 목적에 부합해야 합니다. 아마존에서 제공하지 않는 오퍼와 서비스에 대해 다른 Fire TV 캠페인 랜딩 페이지에도 동일한 원칙이 적용됩니다.
구성 요소
타일 그룹
고객은 선택 가능한 타일 행에서 오른쪽으로 이동하며 탐색하여 다양한 콘텐츠 또는 상품을 검색할 수 있습니다.
각 타일에 명확하게 정의된 가장자리를 유지하면 사용자가 초점을 맞출 콘텐츠를 식별하고, 선택할 수 있는 영역을 파악하고, 환경을 탐색하는 데 도움이 됩니다.
- 각 타일의 높이는 512픽셀이어야 합니다.
- 각 타일은 동일한 너비를 가져야 하며 화면에 처음 표시되는 수에 영향을 미칩니다.
- 각 타일은 대상에 연결되어야 합니다.
- 선택 시 타일은 선택적인 타일 액세서리 텍스트와 함께 표시될 수 있습니다.
- 헤더: 각 타일 그룹은 헤더 이미지(1920x344픽셀, 투명 PNG, 최대 파일 크기 없음)를 사용하여 콘텐츠 제목을 지정해야 합니다. 이미지는 타일 그룹 뒤에서 위쪽을 향해 애니메이션화되고 페이지가 로드될 때 화면 상단에 맞춰 정렬되어 상호 작용을 촉진합니다. 투명한 배경 위에 행동 유도 텍스트, 로고 또는 미묘한 이미지를 제한적으로 포함할 수 있습니다.
타일 그리드
그리드에는 2~4개의 타일이 포함될 수 있습니다. 고객이 오른쪽으로 스크롤할 때 타일은 동일한 위치에 그대로 남아 모든 콘텐츠를 화면에 유지합니다.
다음 타일 크기를 사용하여 나열된 타일 수를 화면에 표시합니다.
- 형식: PNG
- 최대 파일 크기: 제한 없음, 자산이 WebP로 다시 인코딩됨
| 타일 | 크기 |
| 2 | 920x512픽셀 |
| 3 | 627x512픽셀 |
| 4 | 475x512픽셀 |
타일의 캐러셀
캐러셀에는 2~10개의 타일이 포함될 수 있습니다. 고객이 오른쪽으로 스크롤하면 선택한 타일이 페이지 왼쪽 여백에 정렬되어, 고객이 이전에 화면을 벗어나 있었던 추가 콘텐츠를 볼 수 있습니다.
총 10개의 타일이 포함될 수 있습니다. 타일 너비에 따라 고객이 스크롤하여 액세스할 때까지 일부는 화면 밖에 표시될 수 있습니다.
다음 타일 크기를 사용하여 스크롤하지 않고 화면에 표시할 항목 수를 선택합니다.
- 형식: PNG
- 최대 파일 크기: 제한 없음, 자산이 WebP로 다시 인코딩됨
| 화면에 완전히 보이는 타일 수 #개 | 크기 |
| 2 | 920x512픽셀 |
| 3 | 627x512픽셀 |
| 4 | 475x512픽셀 |
| 5 | 380x512픽셀 |
| 6 | 319x512픽셀 |
버튼
텍스트는 Fire TV 시스템 UI와 일치하도록 버튼 영역 내부의 왼쪽으로 정렬됩니다.
- 각 버튼은 대상에 연결되어야 합니다.
- 버튼 레이블 텍스트는 26자로 제한됩니다.
- 버튼은 화면의 왼쪽 또는 오른쪽에 정렬할 수 있습니다.
예: 싱글 뷰(버튼은 왼쪽 및 오른쪽에 정렬됨) 비디오 랜딩 페이지
다음 속성은 수정할 수 있습니다.
- 선택한 상태 배경 색상(임의)
- 선택한 상태 텍스트 색상(검정/흰색)
- 선택되지 않은 상태(밝음/어두움)
- 버튼 행 정렬(왼쪽/오른쪽)
텍스트
몇몇 구성 요소는 정적 텍스트를 렌더링하는 기능을 제공합니다.
타일 액세서리
텍스트 블록
비디오 랜딩 페이지 템플릿을 사용할 때 사전 정의된 여러 텍스트 스타일을 중첩하여 텍스트 블록을 작성할 수 있습니다.
다음과 같은 스타일을 사용할 수 있습니다.
| 스타일 | 사양 |
| 헤드라인 | 48px Ember Regular, #EBEBEB(TV-safe white) |
| 부제목 | 36px Ember Light, #EBEBEB(TV-safe white) |
| 본문 | 36px Ember Light, #AAAAAA(미디움 그레이) |
- 각 스타일의 문자는 추가 행으로 넘어갈 수도 있습니다.
- 300자 이상을 포함하지 마세요.
배경 콘텐츠
배경 이미지가 페이지의 콘텐츠 뒤에 표시됩니다. 이 이미지는 전체 화면 영역을 차지하며 고정된 상태로 유지됩니다.
- 단일 이미지를 제공해야 합니다.
- 법적 고지 사항 등의 텍스트는 이미지 내에 드물게 삽입될 수 있습니다.
- 배경은 오른쪽 하단 모서리에 겹쳐진 밝거나 어두운 종료 힌트와 잘 공존해야 합니다.
| 이미지 | 고품질 제출 |
| 크기 | 1920x1080픽셀 |
| 형식 | PNG |
| 파일 크기 | 제한 없음 |
종료 힌트
화면 오른쪽 하단에 힌트가 포함되므로 고객이 광고를 종료할 수 있는 명확한 경로를 확보할 수 있습니다.
- 종료 힌트에는 두 가지 변형(밝음 또는 어두움)이 있으며 템플릿 PSD에서 사용 가능합니다.
- 힌트 뒤에 표시되는 경우 배경은 구별될 수 있어야 합니다.
대상
버튼 또는 타일 그룹에 최대 두 개의 대상 유형을 사용할 수 있습니다. 대상 유형이 다를 경우 각 유형의 모든 타일이 유사한 시각적 처리로 함께 표시되도록 타일을 그룹화해야 합니다(예: 앱 비디오 재생, 사이에 배치되지 않는 다양한 대상 유형).
고객은 시각적 처리를 기반으로 비디오를 재생하거나 비디오를 반복적으로 재생할 수 있는 타일을 쉽게 식별할 수 있어야 합니다.
고객이 콘텐츠 타일이나 버튼을 강조 표시하고 선택하면 다음과 같은 여러 대상이 가능합니다.
아마존 비디오 상세 페이지
- 고객은 제목의 상세 페이지를 확인한 다음 시청 또는 구매를 선택할 수 있습니다. 아마존 비디오 콘텐츠의 직접 재생은 현재 지원되지 않습니다.
아마존 앱스토어 상세 페이지
- 고객은 앱의 상세 페이지를 확인한 다음 구매 및 설치를 선택할 수 있습니다. 앱의 직접 설치는 현재 지원되지 않습니다.
아마존 상품 상세 페이지
- 고객은 원클릭(1-Click) 또는 체크아웃(Checkout)을 통해 상품을 구매하거나 사전 주문을 하고, 트위스터 옵션을 선택하고, 목록에 상품을 추가하고, 상품 기능을 읽고, 더 많은 상품 이미지를 확인하고, 고객 리뷰를 읽을 수 있습니다.
콘텐츠 딥링크
- 타일 또는 버튼을 선택하면 앱이 열리고 고객이 이미 앱을 설치한 경우 프로모션 콘텐츠가 자동으로 로드됩니다. 앱이 설치되지 않은 경우 고객은 앱스토어 상세 페이지로 이동한 다음 구매 및 설치를 선택합니다. 앱을 설치하고 열면 자동으로 콘텐츠로 안내됩니다. 캠페인에서 딥링크를 사용하려면 온보딩 프로세스가 필요합니다. 시작하려면 아마존 앱스토어 사이트를 참조하여 계정 담당자에게 문의하세요.
비디오 재생
- 고객은 짧은 전체 화면 비디오를 볼 수 있으며 표준 미디어 재생 버튼을 사용하여 비디오를 탐색할 수 있습니다.
| 비디오 | 고품질 제출 |
| 코덱 | MPEG, Apple ProRes, H.264 |
| 해상도 | 1280x720픽셀(720p) 또는 그 이상 및 1920x1080픽셀(1080p) 선호됨 |
| 비트레이트 | 15mbps 이상 |
| 파일 형식 | .mov, .mp4 |
| 프레임 속도 | 30fps 이하 |
| 최대 시간 | 10분 |
| 최대 파일 크기 | 500Mb |
비디오에 레터박싱(위와 아래의 검은색 막대)을 표시하지 않는 것이 좋습니다. 그러나 프로모션 중인 콘텐츠가 전체 길이 비디오에서 레터박싱을 사용하는 경우 트레일러에 레터박싱도 포함되어 있을 수 있습니다.
| 오디오 | 고품질 제출 |
| 코덱 | AAC |
| 샘플 속도 | 48,000Hz |
| 비트레이트 | 192kbps 이상 |
전체 화면 이미지
- 탐색이 타일 또는 버튼에 의해 트리거된 후 전체 화면 이미지가 표시됩니다.
- 이미지 콘텐츠는 랜딩 페이지 템플릿 PSD에 있는 빨간색 '안전 영역 가이드'를 준수해야 합니다.
- 본문 텍스트는 26픽셀보다 작아서는 안 됩니다.
- 이미지 콘텐츠는 '소리치는 느낌'이 아닌 것이 좋습니다. 모두 대문자 및 느낌표는 삼가야 합니다.
| 이미지 | 고품질 제출 |
| 크기 | 1920x1080픽셀 |
| 형식 | PNG |
| 파일 크기 | 제한 없음 |
중간 비디오 반복
- 이 옵션은 중간 비디오가 페이지의 일부로 구성된 경우에만 사용할 수 있습니다.
더 보내기
- 이 옵션은 비디오 랜딩 페이지에서만 사용할 수 있습니다.
- 비디오를 본 후 고객은 Fire TV 아마존 로그인과 관련된 연락처 정보를 기반으로 이메일 또는 SMS 텍스트를 통해 추가 정보를 전송하도록 요청할 수 있습니다.
추가 기능
중간 비디오
비디오를 추가하면 고객이 랜딩 페이지로 이동하기 전에 비디오가 표시되고 종료됩니다. 고객은 랜딩 페이지에서 직접 중간 비디오에 다시 액세스할 수 있어야 합니다.
- 중간 비디오가 포함된 경우 대상이 '중간 비디오 반복'으로 구성된 버튼 또는 타일도 포함되어야 합니다.
| 비디오 | 고품질 제출 |
| 코덱 | MPEG, Apple ProRes, H.264 |
| 해상도 | 1280x720픽셀(720p) 또는 그 이상 및 1920x1080픽셀(1080p) 선호됨 |
| 비트레이트 | 15mbps 이상 |
| 파일 형식 | .mov, .mp4 |
| 프레임 속도 | 30fps 이하 |
| 최대 시간 | 10분 |
| 최대 파일 크기 | 500Mb |
| 오디오 | 고품질 제출 |
| 코덱 | AAC |
| 샘플 속도 | 48,000Hz |
| 비트레이트 | 192kbps 이상 |
더 보내기
비디오 랜딩 페이지에서 사용할 수 있는 추가 CTA 보내기 버튼을 사용하면 소비자가 비디오를 시청한 후 추가 정보를 요청할 수 있습니다. 추가 정보는 Fire TV 아마존 로그인과 관련된 연락처 정보를 기반으로 이메일 또는 SMS 텍스트를 통해 전송됩니다.
- 이메일에는 템플릿이 있으며 히어로 이미지, 본문 텍스트 및 버튼이 포함됩니다. 이미지에 텍스트가 포함된 경우 12단어 미만이어야 하며 최소 글꼴 크기는 24pt여야 합니다.
- 이메일에 입력된 URL을 기반으로 SMS가 자동으로 생성됩니다. 설계 작업이나 자산이 필요하지 않습니다.
| 히어로 이미지 | |
| 크기 | 640x320픽셀 |
| 형식 | JPG |
| 파일 크기 | 60kb |
| 최소 글꼴 크기 | 24포인트 |
| 최대 단어 수 | 12단어 |
| 대체 텍스트 | 1~2개 문장. 시각 장애인을 위해 화면 판독기에서 사용되며 이메일에 이미지를 표시할 수 없는 경우 사용자에게 표시됩니다. |
| 본문 카피 | |
| 문자 수 | 450자 미만(줄 바꿈 제외) |
| 버튼 | |
| 텍스트 문자 수 | 최대 25자 |
| URL | 최대 70자. 최대 70자. 이 제한을 초과하는 경우 광고주는 리디렉션되는 짧은 URL을 제공해야 합니다. |
| 광고주의 고지 사항 | |
| 문자 수 | 선택적 필드. 제한 없음. |
자산 체크리스트
- 고해상도 계층화 .PSD 파일(상품 사진 또는 라이프스타일 이미지)
- 로고(벡터 형식, .ai 또는 .eps)
- 모든 배경 또는 주요 아트
- 글꼴(.otf 또는 .ttf)
- 광고 카피
- 브랜드 가이드라인
- 비디오 파일(사양 참조)
캠페인 랜딩 페이지
Fire TV 랜딩 페이지는 TV 화면과 탐색을 최대한 활용하도록 조정됩니다.
아마존 웹사이트, 모바일 앱 및 태블릿 기기에서 액세스할 수 있는 랜딩 페이지에 대한 자세한 내용은 캠페인 랜딩 페이지를 참조하세요.