모든 포트폴리오LUDGI / PROJECT ARCHIVE

자체 제작 데모

SpaceTomato Cinema · 게임형 웹 경험

사용자의 메뉴 선택에 따라 전환 영상과 장면별 콘솔이 이어지는 시네마틱 웹 데모입니다.

PROJECT SCOPE

  • 게임형 탐색
  • 영상 시퀀스
  • 관제실 문의 화면
  • 영상 노출 제어
실제 사이트 보기 (새 창)

실제 사이트에 사용한 배경 영상 · 전체 UI는 아래 제작 화면에서 확인할 수 있습니다.자체 제작 데모

자체 제작 데모입니다. 화면의 금액·지표는 실제 사업 성과를 의미하지 않습니다.

SELECTED VIEWS

제작 화면 더 보기 +5

제작 노트

PROCESS & SCOPE

페이지를 넘기는 대신, 다음 장면으로.

콘솔 게임의 시작 화면처럼 사용자가 직접 장면을 선택하는 홈페이지를 실험했습니다. 우주 토마토라는 시각적 세계관에 탐색과 문의 기능을 함께 담았습니다.

GPT Image 키비주얼과 Higgsfield 영상을 웹 화면의 상태 전환에 연결했습니다. 전환 영상이 끝나면 선택한 장면의 루프 영상과 콘솔을 표시하고, 첫 프레임 준비 상태에 따라 화면 노출을 제어했습니다.

공개 프로젝트 기록 (새 창)
게임형 탐색
메인·새로운 시작·기록 보관소·문의·설정으로 이동하는 메뉴를 구성했습니다.
영상 시퀀스
메뉴 선택, 전환 영상 종료와 다음 장면의 재생을 하나의 흐름으로 연결했습니다.
관제실 문의 화면
관제실 배경에 입력 폼과 송신 상태 피드백을 결합했습니다.
영상 노출 제어
포스터와 영상 첫 프레임의 준비 상태를 반영해 장면 전환 시 깜빡임을 줄이도록 구성했습니다.

LET’S CONNECT

이 작업에서 시작할 다음 이야기.

교육·콘텐츠 협업과 사업 제휴에 관한 이야기를 기다립니다.

이 사례에 관해 연락하기