동영상 웹진 제작
동영상 공모전 당선작 모음 사이트
client. 고양특례시육아종합지원센터 / date. 2025.12
Introduction
공공기관에서 진행한 동영상 공모전 당선작을 모아 보여주는 웹진 사이트를 제작했습니다. 이번 프로젝트는 단순한 이벤트 페이지가 아닙니다. 매년 반복되는 공모전 영상을 체계적으로 정리하고, 누구나 쉽게 감상할 수 있도록 설계한 동영상 웹진 제작 사례입니다.
특히 공공기관 웹진 제작이라는 목적에 맞춰 신뢰감 있는 디자인과 안정적인 레이아웃을 중심에 두었습니다. 영상이 주인공이 되는 구조를 만들고, 불필요한 장식은 과감히 덜어냈습니다.





메인페이지 디자인 – 영상이 먼저 보이도록
메인페이지는 방문자가 접속하자마자 동영상 공모전 당선작을 확인할 수 있도록 구성했습니다. 텍스트 설명보다 썸네일 이미지가 먼저 보이도록 배치해, 자연스럽게 클릭을 유도합니다.
카드형 레이아웃을 적용해 대상, 최우수상 등 수상 구분이 명확하게 드러나도록 했습니다. 동시에 화면이 복잡해 보이지 않도록 여백을 충분히 확보했습니다.
공공기관 웹진 제작에서는 신뢰감이 중요합니다. 그래서 컬러 사용을 절제하고, 정돈된 타이포그래피를 적용했습니다. 그 결과 정보 전달력이 높아지고, 기관의 브랜드 이미지도 안정적으로 유지됩니다.


카테고리페이지 구성 – 공모전 아카이브에 최적화
동영상 공모전 사이트는 시간이 지날수록 콘텐츠가 누적됩니다. 따라서 처음부터 확장 가능한 구조로 설계해야 합니다.
이번 동영상 웹진 제작에서는 기관별, 부문별 분류가 가능하도록 카테고리 구조를 설계했습니다. 사용자는 원하는 작품을 빠르게 찾을 수 있고, 운영자는 연도별 콘텐츠를 효율적으로 관리할 수 있습니다.
카테고리페이지에서도 카드형 썸네일 구조를 유지했습니다. 일관된 UI를 적용하면 사용자는 페이지가 바뀌어도 혼란을 느끼지 않습니다. 이러한 구조는 공공기관 웹진 제작에서 특히 중요합니다.
콘텐츠페이지 설계 – 영상 몰입도를 높이다
콘텐츠페이지는 영상 감상에 집중하도록 단순하게 구성했습니다. 작품 제목, 참여 기관, 수상 내역, 작품 설명이 자연스럽게 이어지고, 중심에는 영상 플레이어가 배치됩니다.
불필요한 사이드 요소를 최소화해 사용자의 시선을 분산시키지 않았습니다. 또한 문단 길이를 짧게 유지해 가독성을 높였습니다. 이는 요스트 SEO 가독성 기준에도 맞는 구조입니다.
웹진 제작에서 가장 중요한 것은 ‘잘 보이게 하는 것’입니다. 디자인은 돋보이기보다 콘텐츠를 돋보이게 해야 합니다. 이번 프로젝트에서도 그 원칙을 유지했습니다.






반응형 모바일 설계 – 모바일 영상 소비에 최적화
동영상 콘텐츠는 모바일에서 소비되는 비율이 높습니다. 그래서 반응형 구조를 기본으로 설계했습니다.
모바일 화면에서는 카드가 한 줄로 정렬되며, 터치 기반 사용성을 고려해 간격과 버튼 크기를 조정했습니다. 작은 화면에서도 답답하지 않도록 여백을 유지했고, 영상 재생 버튼은 직관적으로 보이도록 배치했습니다.
공공기관 동영상 웹진 제작에서는 접근성이 중요합니다. 모바일에서도 동일한 정보 구조를 유지하면 사용자 경험이 안정됩니다. 그 결과 영상 소비 흐름이 자연스럽게 이어집니다.




