기업 홈페이지 구축 가이드: 외주 전에 맞춰 둘 네 가지 축

발행 읽는 시간 약 5 분

  • 기업홈페이지
  • 웹개발
  • 외주
  • IA
  • 브랜딩

글 소개

회사 홈페이지를 처음 만들거나 리뉴얼할 때 외주 전에 내부에서 정해 두면 견적과 일정이 안정되는 네 가지 축. 정보 구조, 브랜드·콘텐츠, 기술·품질, 운영·측정을 각각 무엇을 결정해야 하는지 체크리스트와 실제로 흔들리는 지점으로 정리했습니다.

기업 홈페이지는 "예쁜 템플릿 하나" 로 끝나는 경우가 드뭅니다. 회사 소개만 있는 줄 알았는데 채용·IR·고객 지원·법적 고지가 붙고, 그때마다 담당 부서가 달라서 회의가 길어집니다. 외주 업체와 처음 만났을 때 "저희도 아직 안 정했어요" 가 많을수록 견적은 넓어지고 일정은 밀립니다.

이 글은 외주를 주기 전에 내부에서 맞춰 두면 좋은 네 가지 축을 정리한 것입니다. 완벽한 기획서를 쓰라는 이야기가 아니라, 대표·마케팅·개발이 같은 단어로 대화하게 만드는 최소한입니다. 아래 도식은 네 축을 한눈에 보기 위한 것이고, 본문에서 각 축마다 결정할 것과 실제로 흔들리는 지점을 적었습니다.

기업 홈페이지 구축 시 자주 묶는 네 덩어리


1. 전략과 정보 구조(IA)#

결정할 것. 누가 왜 들어오는가, 그 사람이 홈페이지에서 무엇을 하면 성공인가, 그러려면 어떤 페이지가 필수인가.

투자자, 지원자, 거래처, 일반 고객은 같은 메뉴를 쓰지 않습니다. 네 부류를 다 만족시키려 하면 메뉴가 열두 개가 되고 아무도 원하는 것을 못 찾습니다. 가장 중요한 방문자 한 부류와, 그 사람이 해야 할 행동 하나(문의, 지원, 자료 다운로드)를 먼저 정합니다.

페이지는 "필수 / 권장 / 나중에" 로 나눕니다. 회사 소개, 사업 영역, 문의, 개인정보처리방침은 거의 항상 필수이고, 연혁·뉴스·채용은 회사에 따라 다릅니다. 이 구분이 있어야 견적의 범위가 안정됩니다. 업체는 적혀 있지 않은 것을 추측해서 여유분을 넣습니다.

실제로 흔들리는 지점. 뉴스·공지 페이지입니다. 만들기는 쉽지만 6개월 동안 글이 없는 뉴스 페이지는 없느니만 못합니다. 글을 올릴 담당자가 없으면 "나중에" 로 두는 것이 맞습니다. 페이지 목록 초안을 빨리 잡고 싶다면 홈페이지 페이지 구조 초안 프롬프트로 시작해 업체와 이야기할 때 손에 들고 있는 것도 방법입니다.


2. 브랜드와 콘텐츠#

결정할 것. 로고·색·서체 가이드가 있는가, 대표 사진(사무실·제품·팀)이 있는가, 문장 톤은 어떤가, 법적으로 넣어야 하는 문구는 무엇인가.

이 축이 준비된 정도가 디자인 수정 횟수를 정합니다. 로고 원본 파일이 없어서 JPG 를 확대해 쓰거나, 제품 사진이 없어서 스톡 이미지로 채우는 사이트는 어디서 본 듯한 인상이 됩니다. 사진은 전문 촬영이 아니어도 되지만 "우리 회사" 가 찍혀 있어야 합니다.

법적 문구는 초반에 자리만 잡아도 됩니다. 사업자 정보, 통신판매업 신고 번호(해당 시), 개인정보처리방침, 이용약관. 나중에 넣으려면 푸터가 갑자기 불어나고 레이아웃이 흔들립니다.

실제로 흔들리는 지점. 콘텐츠 준비 주체입니다. 페이지를 만드는 것은 업체가 하지만, 그 안에 들어갈 글과 사진은 대부분 발주자가 준비해야 합니다. 이게 늦어져서 오픈이 밀리는 경우가 기술 문제보다 많습니다. 페이지 목록을 정할 때 "이 페이지의 글·사진은 누가 언제까지" 를 같이 적으세요.


3. 기술과 품질#

결정할 것. 도메인·호스팅·SSL 의 소유와 비용 주체, 반응형 범위, 속도·접근성·검색 노출의 기준, 특수 제약(폐쇄망, 특정 브라우저, 다국어).

반응형은 기본이고, 요즘은 모바일에서 먼저 보는 방문자가 많으므로 "모바일 화면을 먼저 시안으로 받겠다" 고 말해 두면 좋습니다. 속도와 검색 노출은 오픈 후에 고치기 어려우므로, 계약서에 "모바일 성능 점수 ○○ 이상" 처럼 측정 가능한 기준을 넣을 수 있는지 업체에 물어보세요.

도메인과 호스팅 계정은 반드시 회사 명의로 만듭니다. 업체 명의로 만들면 나중에 업체를 바꿀 때 사이트를 통째로 잃을 수 있습니다. 이 부분은 홈페이지 인수인계 체크리스트에 항목별로 정리해 두었습니다.

실제로 흔들리는 지점. 제약 조건을 늦게 말하는 경우입니다. "사내에서 인터넷 익스플로러를 써야 한다", "중국어 페이지도 필요하다" 같은 조건은 초안 단계에서 말할수록 비용이 적게 듭니다. 디자인이 끝난 뒤에 나오면 다시 그려야 합니다.


4. 운영과 측정#

결정할 것. 문의가 들어오면 누가 받는가, 어떤 경로(이메일·폼·전화)로 받는가, 방문 통계는 누가 보는가, 글을 올리는 사람은 누구인가, 유지보수는 누가 어디까지 하는가.

홈페이지는 오픈이 끝이 아니라 시작입니다. 문의 폼이 있는데 받는 메일함을 아무도 안 보면 사이트가 없는 것과 같습니다. 문의가 들어오면 어느 부서의 누가 며칠 안에 답하는지를 오픈 전에 정합니다.

방문 통계(Google Analytics, Search Console)는 업체가 설치해 주더라도 계정은 회사 것으로 만들고, 한 달에 한 번이라도 볼 사람을 정합니다. 유지보수 범위(보안 업데이트, 글 등록 대행, 장애 대응)는 계약서에 적어야 오픈 후 "그건 추가 비용입니다" 를 피할 수 있습니다. 유지보수 계약에서 확인할 항목은 홈페이지 유지보수 계약 체크리스트에 따로 적었습니다.

실제로 흔들리는 지점. 담당자 부재입니다. 담당 직원이 퇴사하면서 관리자 계정과 호스팅 비밀번호가 함께 사라지는 일이 생각보다 흔합니다. 계정 정보는 개인이 아니라 회사가 관리하는 곳에 둡니다.


외주 전 체크리스트#

네 축을 한 장으로 줄이면 아래와 같습니다. 전부 "예" 가 아니어도 되지만, "모름" 이 많으면 견적이 넓어집니다.

축질문
정보 구조가장 중요한 방문자와 그 사람의 행동 하나를 정했는가 / 페이지를 필수·권장·나중에로 나눴는가
브랜드·콘텐츠로고 원본, 색, 대표 사진이 있는가 / 페이지별 글·사진 준비 담당과 기한이 있는가
기술·품질도메인·호스팅을 회사 명의로 할 것인가 / 특수 제약을 적었는가 / 성능 기준을 정했는가
운영·측정문의 담당자와 응답 기한이 있는가 / 통계를 볼 사람이 있는가 / 유지보수 범위를 정했는가

정리#

네 축은 기획서가 아니라 대화의 공통분모입니다. 세부 기술은 프로젝트마다 달라도, 위 네 가지가 어긋나 있으면 거의 항상 중간에 일정이 흔들렸습니다. 외주 업체와 첫 미팅 전에 이 표를 한 번 채워 보고 가면, 견적이 좁아지고 미팅이 짧아집니다.

업체를 고르는 단계라면 홈페이지 제작 업체 고르는 법을, 예산 범위를 먼저 가늠하고 싶다면 외주 개발 비용 계산기를 참고하세요.