화면 구조 소개

VideoScoover의 메인 페이지는 ① 상단 내비게이션 영역 → ② 검색 영역 → ③ 라이브러리/검색 결과 영역으로 구성되어 있습니다. 각 영역은 사용자가 영상을 업로드하고, 검색하고, 관리하는 과정을 직관적으로 이어주도록 설계되어 있습니다.

Written By jihanie

Last updated 4 months ago

① 상단 내비게이션 바

구성 요소

구분설명

서비스 로고 & 워크스페이스

워크스페이스 드롭다운 메뉴를 통해 개인 또는 팀 워크스페이스 간 전환이 가능합니다.

크레딧 표시 영역

현재 계정의 잔여 크레딧이 표시됩니다.
※ Beta 기간 동안은 크레딧이 차감되지 않습니다.

언어 설정

서비스 표시 언어를 변경할 수 있습니다. (한글, 영어 지원)

계정 메뉴

우측 상단의 사용자 이름 클릭 시 아래 항목이 표시됩니다.

계정 메뉴 항목

  • 👤 내 계정 — 프로필 정보 및 비밀번호 등 개인 계정 관리

  • 👥 내 팀 — 소속 워크스페이스의 멤버 관리 및 초대

  • 📢 피드백 — 서비스 개선 의견 또는 오류 제보 제출

  • 🚪 로그아웃 — 현재 계정에서 로그아웃


② 내 영상 검색 영역

  • 검색 입력창

    • 검색어를 입력해, 내 영상 목록에서 원하는 장면을 찾을 수 있습니다.

  • 검색 결과 연동

    • 검색이 실행되면 하단의 ‘라이브러리 영역’에 해당 장면이 포함된 영상과 타임라인 구간이 표시됩니다.


③ 라이브러리 / 검색 결과 영역

이 영역은 사용자의 행동에 따라 두 가지 상태로 전환됩니다.

기본 상태: 라이브러리

  • 업로드한 영상이 카드 형태로 나열되며, 각 카드에는 썸네일과 영상 정보가 표시됩니다.

  • 첫 번째 카드인 ‘비디오 업로드’ 버튼을 통해 새 영상을 추가할 수 있습니다.

검색 상태: 검색 결과

  • 사용자가 검색어를 입력하면, 라이브러리 영역이 검색 결과 보기로 전환됩니다.

  • 관련도가 높은 영상 클립이 표시됩니다:

    • 타임라인 하이라이트 — 검색어와 관련된 구간이 보라색 막대로 표시되어, 영상 내 위치를 직관적으로 확인 가능

    • 추천 장면 썸네일 — AI가 가장 관련성이 높은 장면을 자동 표시

    • 검색 유사도 라벨

  • 검색어를 삭제하면, 다시 라이브러리 뷰로 복귀합니다.