영상 제작사 홈페이지 제작

프로젝트 개요

영상 제작사의 홈페이지입니다. 이 업종은 결과물이 곧 설명이기 때문에, 글보다 영상이 먼저 보이고 빠르게 재생되는 구조가 필요했습니다. 영상 파일을 사이트에 직접 올리면 무거워지므로 외부 플랫폼과 연동하는 방식을 택했습니다.

이런 점이 필요했습니다

• 포트폴리오 영상을 끊김 없이 보여줘야 했습니다.
• 작업 분야를 구분해 찾아볼 수 있어야 했습니다.
• 제작 문의 시 필요한 정보를 미리 받아야 했습니다.
• 작업물이 계속 늘어나도 관리가 쉬워야 했습니다.

이렇게 만들었습니다

• 첫 화면에 대표 영상을 배치해 들어오자마자 결과물을 보게 했습니다.
• 포트폴리오를 분야별로 나누고 썸네일을 눌러 재생하는 방식으로 정리했습니다.
• 작업 과정을 기획·촬영·편집·납품 단계로 안내했습니다.
• 문의 폼에서 영상 목적, 분량, 일정, 예산 범위를 함께 받아 상담 시간을 줄였습니다.
• 영상은 외부 플랫폼에 올려 두고 필요할 때 불러오게 했습니다.

영상 중심 사이트를 만들 때

영상을 자동 재생으로 깔면 멋있지만 **모바일에서 데이터와 배터리를 많이 씁니다.** 그래서 첫 화면은 정지 이미지나 짧은 음소거 영상으로 두고, 본 영상은 누를 때 재생하는 편이 안전합니다. 또 영상 제목과 설명을 텍스트로 함께 적어야 검색엔진이 내용을 이해할 수 있습니다.

만들 때 특히 신경 쓴 것

• 영상 썸네일에 제목과 분야를 함께 표시했습니다.
• 가로 영상이 모바일에서 잘리지 않게 처리했습니다.
• 공유 시 미리보기가 제대로 나오도록 대표 이미지를 설정했습니다.

화면과 사용성

영상은 필요한 순간에 불러오게 해 페이지가 무거워지지 않게 했고, 모바일에서도 가로 영상이 잘리지 않습니다.

기술 구성

Next.js로 제작했고 반응형으로 동작합니다.

제작 범위와 기간

기획, 디자인, 개발, 배포까지 진행했습니다. 영상 링크가 준비되면 2주 안팎이 걸립니다.

자주 묻는 질문

**영상을 직접 올릴 수 있나요?**

유튜브나 비메오에 올린 뒤 주소만 등록하면 됩니다. 관리자 화면을 붙이면 직접 추가할 수 있습니다.

**작업물이 늘어나면 느려지지 않나요?**

목록은 나눠 보여 주기 때문에 늘어나도 속도에 영향이 적습니다.

이런 분께 권합니다

• 영상·사진·디자인처럼 결과물로 설득하는 회사
• 작업물을 계속 추가해야 하는 곳

비슷한 홈페이지가 필요하신가요

하온은 기획부터 디자인, 개발, 배포까지 직접 진행하고 간단한 수정은 기간 제한 없이 무료로 지원합니다. 필요한 내용을 알려주시면 예상 범위와 일정을 정리해 드립니다.