행복한소리 콘텐츠 제작사 홈페이지 구축

영상·음원 샘플을 들어 보고 바로 문의하는 콘텐츠 제작사 홈페이지

SCROLL
클라이언트명
(주)행복한소리 · HappySound(sori7)
기술
PHP · CodeIgniter · jQuery · Bootstrap · HTML5 Audio
프로젝트 유형
콘텐츠 제작사 홈페이지 · 샘플 게시판 · 반응형 웹
담당 범위
홈페이지 디자인 · 퍼블리싱 · 개발
주요 기능
  • 메인 서비스 카드(영상제작·라디오 광고·성우녹음·CM송/로고송) · 문의·입금 안내
  • 분류 탭과 바로 재생 버튼이 있는 샘플 게시판 · 영상제작 절차 안내
  • 온라인 문의(분류·첨부파일·개인정보 동의) · 관련 기관 배너
프로젝트 개요
  • (주)행복한소리는 서울 금천구 가산동에서 영상제작, 유튜브·틱톡 대행, 라디오 광고, 성우녹음, 로고송·CM송 제작을 하는 콘텐츠 제작사입니다.
  • 의뢰인이 서비스별 결과물을 직접 들어 보고 문의까지 이어가도록, 서비스 소개와 샘플 게시판, 온라인 문의를 갖춘 홈페이지를 구축했습니다.
개발 목표
  • 성우 목소리나 로고송처럼 들어 봐야 알 수 있는 결과물을 목록에서 바로 재생하도록 합니다.
  • 운영자가 샘플을 게시판 글로 올리고 분류만 지정하면 해당 탭에 모이도록 합니다.

들어 보고 고르는 콘텐츠,
샘플에서 문의까지 한 번에

성우녹음이나 로고송, 라디오 광고는 글로 설명하기보다 직접 들어 보는 편이 빠릅니다. 서비스마다 샘플을 모아 바로 재생하게 하고, 마음에 드는 샘플을 들은 뒤 문의 게시판으로 이어지도록 구성했습니다.

  • 목록에서 바로 듣는 샘플

    샘플 게시판 목록에 글마다 재생 버튼을 달아, 글을 열지 않고도 첨부한 음원을 바로 들을 수 있게 했습니다.

  • 분류 탭으로 나눈 샘플

    게시판 분류를 탭으로 보여 주고, 분류마다 샘플을 묶어 원하는 스타일의 결과물을 골라 들을 수 있게 했습니다.

  • 의뢰로 이어지는 문의

    문의 게시판에서 분류를 고르고 업체명, 제목, 내용과 함께 참고 파일이나 링크를 남길 수 있고, 비밀글로도 올릴 수 있게 했습니다.

서비스 소개와 샘플, 문의를
한 흐름으로 이은 홈페이지

메인에서 서비스를 고르면 해당 샘플 게시판이나 안내 페이지로 이어지고, 하단에는 회사소개·음악제작·성우녹음·라디오 광고·영상제작·문의 바로가기를 두었습니다.

메인 서비스 카드

‘콘텐츠 서비스의 모든것’이라는 문구 아래에 영상제작·유튜브 대행, 라디오 광고, 성우녹음, CM송·로고송 네 가지 서비스를 사진 카드로 배치하고, 각각의 안내 페이지와 샘플 게시판으로 연결했습니다.

문의·입금 안내와
관련 기관 배너

메인에 대표 전화와 이메일, 입금 계좌를 함께 안내하고, 한국방송광고진흥공사·한국음악저작권협회 등 광고·음악 제작과 관련된 사이트 배너를 두었습니다.

샘플 게시판 스킨

샘플 게시판 전용 스킨을 만들어 분류 탭과 분류별 샘플 묶음을 보여 주고, 글마다 첨부 음원을 바로 재생하는 플레이어를 붙였습니다. 운영자는 게시판에 샘플 글을 올리고 분류만 지정하면 됩니다.

영상제작 안내

방송·홍보·제품·사내·전시 영상 등 제작 분야와 함께, 비용 상담부터 견적·계약, 담당 프로듀서 선정, 콘텐츠 제작, 수정·완성까지 제작 절차 5단계를 정리했습니다.

온라인 문의

문의 게시판 스킨에 분류, 업체명 또는 성함, 제목, 내용, 첨부파일과 링크 입력란을 두고, 개인정보처리방침에 동의해야 접수되도록 했습니다. 필요하면 비밀글로 올릴 수 있습니다.

서비스별 샘플과 문의 접수를 한곳에서 관리할 홈페이지가 필요하신가요?
제작 분야와 운영 방식에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.

카카오 채널 카카오 1:1 문의