사용자 화면 · 홈

홈 화면 (default)

HOM-001 · 2026. 03. 04

화면 이름홈 화면 (default)
화면 위치
화면 IDHOM-001
작성일2026. 03. 04
HOM-001
Description
0화면 접근조건
  • 홈 화면은 로그인/비로그인 사용자 모두 접근 가능
  • 하단 내비게이션의 '홈' 탭 클릭 시 본 화면으로 이동
  • 로그인 사용자라도
    • 찜한 작품이 없을 경우
    • 최근 본 작품이 없을 경우
    본 화면이 기본 홈으로 노출
1헤더
  • 구성
    • 좌측 : 차트 로고
    • 우측 : 알림 버튼
  • 동작
    • 차트 로고 클릭 시
      • 별도 액션 없음(홈 리프레시 및 화면 이동 없음)
    • 알림 버튼 클릭 시
      • 로그인 상태
        • 알림 내역 화면(HOM-004)로 이동
      • 비로그인 상태
        • 로그인 안내 모달(LOG-008) 노출
        • 로그인 완료 시 알림 내역 화면(HOM-004)로 이동
2안심영역
  • 구성
    • 차트 서비스 소개 카피
      • 카피는 변경될 수 있음
    • 이동하기 버튼
  • 동작
    • 이동하기 버튼 클릭 시
      • 차트가 어떤 플랫폼인지 소개하는 랜딩 페이지로 이동
      • 화면 ID 추후 작성
3판단프레이밍영역
  • 구성
    • 선택 카드 2종
      • 직접 찾을게요
      • 조용히 찾을래요
  • 동작
    • 직접 찾을게요 클릭 시
      • 마켓 화면으로 이동 (MKT-001)
    • 조용히 찾을래요 클릭 시
      • 프라이빗 세일 화면으로 이동 (화면 ID 추후 작성)
4가벼운탐색 영역- 마켓
  • 구성
    • 최신 공개 작품 카드 최대 5개 노출
    • 각 작품 카드 우측 상단에 찜 아이콘 노출
    • 섹션 우측 이동 버튼
  • 찜 아이콘 상태
    • 찜하지 않은 작품
      • 비활성 아이콘 노출
    • 찜한 작품
      • 활성 상태 아이콘 노출
  • 찜 아이콘 동작
    • 로그인 사용자
      • 아이콘 클릭 시 찜 상태 토글
    • 비로그인 사용자
      • 아이콘 클릭 시 로그인 안내 모달(LOG-008) 노출
      • 찜 동작은 수행되지 않음
  • 동작
    • 작품 카드 클릭 시 작품 상세 화면으로 이동 (MKT-013)
    • 이동 버튼 클릭 시 마켓 화면으로 이동 (MKT-001)
5가벼운탐색 영역- 지금 주목할 작품
  • 구성
    • "지금 주목할 작품" 대표 작품 최대 5개 노출
    • 섹션 우측 이동하기 버튼
  • 찜 아이콘 상태
    • 찜하지 않은 작품
      • 비활성 아이콘 노출
    • 찜한 작품
      • 활성 상태 아이콘 노출
  • 찜 아이콘 동작
    • 로그인 사용자
      • 아이콘 클릭 시 찜 상태 토글
    • 비로그인 사용자
      • 아이콘 클릭 시 로그인 안내 모달(LOG-008) 노출
      • 찜 동작은 수행되지 않음
  • 동작
    • 작품 카드 클릭 시
      • 작품 상세 화면으로 이동 (MKT-013)
    • 이동하기 버튼 클릭 시
      • "차트 PICK" 목록 화면으로 이동
6가벼운탐색 영역- 컬렉터들의 선택
  • 구성
    • "컬렉터들의 선택" 대표 작품 최대 5개 노출
    • 섹션 우측 이동하기 버튼
  • 찜 아이콘 상태
    • 찜하지 않은 작품
      • 비활성 아이콘 노출
    • 찜한 작품
      • 활성 상태 아이콘 노출
  • 찜 아이콘 동작
    • 로그인 사용자
      • 아이콘 클릭 시 찜 상태 토글
    • 비로그인 사용자
      • 아이콘 클릭 시 로그인 안내 모달(LOG-008) 노출
      • 찜 동작은 수행되지 않음
  • 동작
    • 작품 카드 클릭 시
      • 작품 상세 화면으로 이동 (MKT-013)
    • 이동하기 버튼 클릭 시
      • "차트 PICK" 목록 화면으로 이동
7소형띠배너
  • 구성
    • 소형 띠배너 1종
    • Google 띠배너 사이즈 기준
      • 8.09:1 비율
        • 728*90 사이즈 또는 320*50
  • 동작
    • 배너 클릭 시
      • 연동된 외부 랜딩 페이지로 이동
8공통 규칙
  • 홈 화면은 사용자 상태에 따라 구조가 분기됨
    • 찜한 작품 있음 → HOM-002
    • 최근 본 작품 있음/찜한 작품 없음 → HOM-003
    • 둘다 없는 경우 HOM-001
  • 비로그인 사용자
    • 찜 관련 UI 노출 및 동작 불가
    • 찜 액션 시 로그인 유도 모달 노출 (LOG-008)
  • 본 화면은 홈 기본 진입 화면으로 사용
HOM-001-hero-copy-variants목록으로HOM-002