SaaS, 영상·콘텐츠 도구
Tella
녹화·편집·공유 과정을 제품 UI와 사용자 영상으로 설명하는 홈. 기능이 많은 제작 도구를 결과물 중심으로 소개할 때 참고합니다.
섹션 이미지 6
원본 사이트를 직접 캡처한 장면입니다. 이미지를 눌러 전체 높이로 살펴보세요.
6개 이미지
크게 보기히어로와 영상 메시지 데모
히어로짧은 제품 설명과 보라색 시작 버튼 아래에 용도별 제품 데모를 배치합니다. 영상 메시지 탭의 촬영 순간입니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기녹화 방식과 제품 UI
제품·UI 예시실제 화면·카메라 입력을 연상시키는 제품 예시와 간결한 설명을 나란히 배치합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기편집 기능 세 가지 묶음
기능·콘텐츠 묶음레이아웃·텍스트 편집·음질 개선을 시각 예시가 있는 세 칸으로 나눕니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기영상 공유와 재생 UI
제품·UI 예시공유 결과를 제품 화면으로 보여주고 짧은 제목과 문장으로 기능의 목적을 설명합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기사용자 제작 영상 사례
신뢰·근거사용자가 만든 영상 썸네일을 모아 결과물 자체를 제품의 근거로 보여줍니다. 재생은 촬영하지 않았습니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기마지막 시작 CTA
CTA넓은 빈 공간 속 한 문장과 시작 버튼으로 페이지의 마지막 행동을 명확하게 합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗디자인 연구를 위한 화면 기록입니다. 이미지에 포함된 브랜드·사진·서체 등 원본 소재의 프로젝트 사용 조건은 별도로 확인하세요.
구성 분석
핵심 가치와 시작 CTA → 용도별 제품 데모 → 사용자 반응 → 녹화·편집·공유 기능 → 편집 도구 묶음과 후속 기능 → 사용자 제작 영상 → FAQ → 마지막 시작 CTA.
히어로, 녹화, 편집 도구 묶음, 공유, 사용자 사례, 마지막 CTA의 핵심 장면 6개를 보관했습니다.
디자인 관찰
밝은 바탕과 넓은 여백 속에서 보라색 시작 버튼을 반복합니다. 주요 기능은 설명과 제품 화면을 좌우로 배치하고, 세부 기능은 세 칸의 묶음으로 보여줍니다.
첫 제품 데모는 Video messages·Product demos·Long-form 탭으로 나뉩니다. 보관한 히어로는 Video messages 탭의 촬영 순간입니다.
사용자 제작 영상 모음은 결과물 자체를 신뢰 근거로 사용합니다. 데모 영상·자동 전환·썸네일의 전체 재생과 실제 편집 서비스는 검증하지 않았습니다.
적용 메모
기능 이름을 나열하기 전에 녹화 → 편집 → 공유처럼 사용자의 작업 순서로 페이지를 구성합니다.
제품 화면은 설명할 기능과 같은 장면을 선택하고, 세부 기능은 중요도가 비슷한 것끼리 묶습니다.
제작 사례에는 사용 맥락과 원본 출처를 함께 기록합니다. 자동 재생 영상의 정지 화면만으로 실제 동작을 판단하지 않습니다.
프로젝트 적용 기록
아직 실제 프로젝트에 적용하지 않았습니다.
출처와 확인 범위
2026-10-27 UIZZE 공식 도구의 공개 검색 메타데이터로 팩 식별자와 출처 링크를 확인하고, 원본 홈페이지를 별도로 열어 섹션을 관찰·직접 캡처했습니다. UIZZE 팩 내부 파일의 캡처 날짜·해상도·세부 구성은 확인하지 않았습니다. 원본 사이트와 보관 팩의 디자인 시점이 다를 수 있습니다.
2026-10-27 원본 사이트의 섹션별 직접 캡처를 추가했습니다. 촬영 시점·뷰포트·출처는 각 이미지에 기록하며, 기존 UIZZE 팩의 캡처 조건과 구분합니다.
원본 사이트의 공개 홈페이지에서 핵심 장면 6개를 직접 캡처하고 자체 분석과 함께 보관합니다. 전체 페이지의 모든 섹션을 수집한 것은 아닙니다. UIZZE 보관 파일은 복제하지 않았으며, 원본 소재의 프로젝트 재사용 조건은 별도 확인 대상입니다.
UIZZE 자료 모음 →