홈페이지 제작

홈페이지 제작 문의 전, 어떤 자료를 준비해야 할까

홈페이지 제작을 문의하기 전에 목표, 방문자 행동, 페이지 구성, 문구·이미지, 기능, 도메인 소유권과 완료 기준을 어떻게 정리하면 되는지 설명합니다.

이재민 · NXLAB 대표

홈페이지 제작 문의 전에 완성된 기획서와 디자인을 모두 준비할 필요는 없습니다. 다만 누가 방문해 무엇을 확인하고 어떤 행동을 하길 원하는지, 현재 제공할 수 있는 자료와 아직 정하지 못한 항목이 무엇인지는 구분해 두는 편이 좋습니다.

이 구분이 없으면 첫 상담이 화면 취향을 고르는 데 머물기 쉽습니다. NXLAB(엔엑스랩)은 목표, 정보, 기능, 운영 소유권과 완료 기준을 한 장으로 정리해 제작사가 확인할 질문과 고객이 준비할 자료를 나눕니다.

먼저 확인할 다섯 가지

  • 홈페이지의 대상과 가장 중요한 방문자 행동을 한 문장으로 적습니다.
  • 페이지별 목적과 필요한 정보를 먼저 정리합니다.
  • 문구·로고·사진은 준비 상태와 제공 담당자를 표시합니다.
  • 문의·예약 같은 기능은 입력, 처리와 완료 상태까지 설명합니다.
  • 도메인·운영 계정의 소유자와 공개 완료 기준을 함께 정합니다.

01 · GOAL & AUDIENCE

누가 방문해 무엇을 하길 원하는지 먼저 정합니다

회사 소개, 채용, 제품 설명과 문의 확보는 같은 홈페이지처럼 보여도 우선할 정보와 행동이 다릅니다. 첫 문장에는 주요 방문자, 그 사람이 해결하려는 질문과 홈페이지에서 끝내야 할 행동을 적는 편이 좋습니다.

GOV.UK 서비스 매뉴얼은 사용자가 누구인지, 무엇을 하려는지, 현재 어떤 방식과 불편을 겪는지부터 확인하라고 안내합니다. 홈페이지도 만들고 싶은 화면보다 방문자가 실제로 필요한 결과에서 시작하면 첫 화면과 메뉴의 우선순위를 정하기 쉬워집니다.

  • 주요 방문자: 고객, 지원자, 파트너처럼 가장 중요한 대상
  • 방문 이유: 가격·서비스·회사 신뢰·채용 정보 등 확인할 질문
  • 핵심 행동: 문의 제출, 상담 신청, 자료 확인 또는 전화 연결
  • 현재 경로: 지금 방문자가 정보를 찾거나 연락하는 방법
  • 완료 판단: 방문자가 필요한 정보를 찾고 행동을 끝낼 수 있는 상태

02 · PAGE MAP

페이지 수보다 정보의 순서와 관계를 정리합니다

홈, 회사 소개, 서비스와 문의 같은 이름만 적으면 각 페이지에 무엇을 담아야 하는지 알기 어렵습니다. 페이지마다 방문자의 질문, 답변에 필요한 정보와 다음 이동 경로를 한 줄씩 적어야 중복과 누락을 찾을 수 있습니다.

Google Search Central은 사용자와 검색 시스템이 페이지의 관계를 이해할 수 있도록 사이트를 논리적으로 구성하고, 페이지 내용을 설명하는 고유한 제목과 설명을 사용하라고 안내합니다. 메뉴 구조와 검색 노출 문구는 개발이 끝난 뒤 덧붙이는 항목이 아니라 콘텐츠 구조를 정할 때 함께 확인할 항목입니다.

  • 각 페이지가 답할 방문자 질문 한 가지
  • 페이지에 반드시 들어갈 회사·서비스·제품 정보
  • 다음에 이동할 상세 페이지나 문의 경로
  • 기존 홈페이지에서 유지·수정·삭제할 내용
  • 검색 결과에 표시할 고유한 페이지 제목과 요약

03 · CONTENT & ASSETS

문구와 이미지의 준비 상태를 파일 단위로 표시합니다

로고가 있다는 말만으로는 사용할 수 있는 파일 형식, 밝은·어두운 배경용 버전과 사용 규칙을 알 수 없습니다. 사진과 영상도 최종 파일인지, 새로 촬영하거나 구매해야 하는지, 공개할 수 있는 자료인지 구분해야 합니다.

W3C 웹 접근성 안내는 페이지마다 내용을 구분하는 고유한 제목, 의미를 전달하는 제목 구조와 이미지의 목적을 설명하는 대체 텍스트를 권장합니다. 문구와 이미지를 준비할 때부터 화면에 보이는 내용뿐 아니라 정보 구조와 이미지가 전달하는 의미를 함께 적으면 제작 뒤 다시 해석하는 일을 줄일 수 있습니다.

  • 회사명, 소개, 서비스 설명과 문의 안내의 현재 원문
  • 로고 원본 파일, 색상·폰트와 사용 규칙
  • 사진·영상의 원본, 공개 가능 여부와 제공 예정일
  • 주소·연락처·사업자 정보처럼 사실 확인이 필요한 항목
  • 자료별 상태: 준비 완료, 제공 예정 또는 제작 협의 필요

04 · FUNCTIONS & RULES

기능은 버튼 이름보다 처리 흐름으로 설명합니다

문의 폼, 예약, 게시물 관리와 파일 다운로드는 버튼 하나로 끝나지 않습니다. 누가 어떤 정보를 입력하고, 어디에서 처리하며, 성공과 실패 때 무엇을 보여줄지에 따라 필요한 작업이 달라집니다.

연락 정보나 문의 내용을 받는다면 수집 항목, 사용 목적, 확인 담당자와 보관·삭제 기준도 고객이 정해야 합니다. 제작사는 화면과 전송 기능을 구현할 수 있지만 회사의 운영 정책을 대신 확정할 수는 없습니다. 아직 정하지 못한 규칙은 숨기지 않고 상담에서 결정할 항목으로 남겨야 합니다.

  • 사용자가 입력하거나 선택하는 항목과 필수 여부
  • 접수 내용을 확인하고 답변하는 담당자와 알림 경로
  • 성공, 입력 오류, 전송 실패와 중복 제출 처리
  • 관리자 화면에서 조회·수정해야 할 정보와 역할
  • 외부 예약·결제·메일 서비스가 있다면 계정과 공식 문서

05 · OWNERSHIP & ACCESS

도메인과 운영 계정은 최종 소유자를 먼저 정합니다

홈페이지가 공개된 뒤에도 도메인 갱신, 호스팅 결제, 콘텐츠 수정과 장애 확인이 계속됩니다. 도메인·호스팅·저장소와 외부 서비스가 제작자 개인 계정에만 남으면 담당자를 바꿀 때 접근과 갱신이 어려워질 수 있습니다.

ICANN은 도메인 등록자를 도메인을 등록한 개인이나 조직으로 설명하며, 등록자는 등록 대행사를 통해 설정을 관리하고 등록·이전·갱신·복구 절차에 관한 정보를 받을 권리가 있다고 안내합니다. 문의 전 현재 계정의 소유자와 접근 가능 여부를 확인하고, 신규 계정은 고객 조직이 최종 관리하는 방식을 협의해야 합니다.

  • 도메인 등록 계정과 갱신 연락을 받을 담당자
  • 호스팅·저장소·이메일·분석 도구의 최종 소유 조직
  • 제작사에 부여할 임시 권한과 작업 종료 후 회수 방법
  • 환경 설정과 비밀정보를 전달·보관할 안전한 위치
  • 담당자 변경 때 복구할 수 있는 관리자 연락처와 절차

06 · REVIEW & COMPLETION

수정 요청과 공개 완료의 기준을 미리 합의합니다

시안에 대한 의견이 여러 사람에게서 따로 전달되면 같은 부분을 반복해서 바꾸거나 서로 다른 요구가 충돌할 수 있습니다. 최종 확인 담당자, 의견을 모으는 방식과 확인할 시점을 정해야 합니다.

W3C는 웹 접근성을 프로젝트 전 과정에 포함하고 일찍, 반복해서 평가하며 책임과 점검 체계를 정하라고 안내합니다. 홈페이지도 마지막 날에 화면만 확인하지 말고 콘텐츠, 모바일·키보드 사용, 문의 흐름과 공개 주소를 단계별로 검수해야 합니다.

  • 고객 측 최종 확인 담당자와 의견 취합 방식
  • 구조, 시안, 개발 화면과 공개 전 확인 시점
  • 모바일·데스크톱, 키보드와 주요 브라우저 확인 범위
  • 문의·예약 등 핵심 기능의 정상·실패 흐름
  • 실제 도메인 공개, 운영 계정과 문서 인계 완료 조건

07 · ONE-PAGE BRIEF

한 장의 문의 자료로 현재 상태를 공유합니다

처음부터 긴 기획서를 작성할 필요는 없습니다. 목표, 주요 방문자, 필요한 페이지, 기능, 보유 자료, 운영 계정과 원하는 공개 시점을 한 장에 적으면 제작사가 추가로 확인할 질문을 구체적으로 만들 수 있습니다.

NXLAB은 각 항목을 준비 완료·제공 예정·협의 필요로 나눠 확인합니다. 준비 완료 항목은 바로 검토하고, 제공 예정 항목은 담당자와 날짜를 정하며, 협의 필요 항목은 기획·콘텐츠·기능 범위에 포함할지 먼저 결정합니다. 이 상태표는 견적을 대신하지 않고 견적 전에 확인해야 할 입력 자료를 분명하게 만드는 용도입니다.

  • 목표: 홈페이지가 해결할 문제와 가장 중요한 행동
  • 구성: 필요한 페이지와 페이지별 핵심 정보
  • 자료: 문구·로고·사진의 위치, 상태와 담당자
  • 기능: 입력, 처리 담당자, 성공·실패와 외부 연동
  • 운영: 도메인·계정 소유자, 검수 담당자와 공개 완료 기준

OFFICIAL REFERENCES

참고한 공식 자료

프로젝트 문의하기