홈페이지 제작 준비물: 견적 전에 정리할 7가지

먼저 한 문장으로 목적을 적으세요

사업을 소개하는 홈페이지인지, 방문 예약을 받는 홈페이지인지, 제품 견적을 받는 홈페이지인지에 따라 구성이 달라집니다. “멋진 홈페이지”보다 “취급 제품을 확인한 방문자가 규격을 첨부해 문의한다”는 목표가 제작 범위를 정하는 데 도움이 됩니다.

첫 방문자가 누구인지, 무엇을 알고 싶어 하는지, 어떤 행동을 하면 성공인지 한 줄씩 적어보세요. 이 메모는 메뉴와 첫 화면의 우선순위를 결정하는 기준이 됩니다.

페이지는 정보 묶음으로 정리합니다

처음부터 페이지를 많이 정할 필요는 없습니다. 사업 소개, 서비스, 제품, 이용 안내와 문의 중 어떤 정보가 서로 다른 질문에 답하는지 구분하세요. 같은 내용을 나눠 페이지 수만 늘리면 자료 준비와 최종 확인이 복잡해집니다.

문구와 이미지의 책임을 확인합니다

로고 원본, 사업 소개 문구, 제품 설명과 사진을 한 폴더에 모으세요. 파일 이름에는 용도나 제품명을 붙이고 최신 자료가 무엇인지 표시하는 편이 좋습니다.

사진이 있다고 해서 홈페이지에 바로 쓸 수 있는 것은 아닙니다. 직접 촬영한 사진인지, 사용권을 받은 사진인지 확인하세요. 고객사 로고와 사례는 공개 허용 범위도 따로 확인해야 합니다.

도메인과 문의 방식도 제작 자료입니다

기존 도메인이 있다면 등록 업체, 명의와 DNS 관리 권한을 확인합니다. 비밀번호를 상담 문서에 적지 말고 필요한 접근 방법은 별도로 협의하세요.

문의 버튼은 실제로 연결되는 전화, 이메일, 상담 채널 또는 외부 폼이 있어야 합니다. 폼을 사용할 때는 전송 서비스와 수집 항목, 개인정보 안내를 함께 정합니다. 미설정 상태에서 가짜 접수 완료 화면을 보여주어서는 안 됩니다.

상담 전에 확인할 7가지

• 홈페이지의 목적과 주요 방문자
• 필요한 정보 묶음과 페이지 구성안
• 확인된 사업 소개 문구와 공개할 회사 정보
• 로고, 이미지 원본과 사용 권한
• 실제로 이용할 문의 채널
• 도메인, 서버의 명의와 접근 권한
• 희망 일정, 승인 담당자와 반드시 필요한 기능

작은 회사 소개 사이트의 준비 예시

서비스가 세 가지인 사업자를 가정해보겠습니다. 첫 화면에는 누구에게 어떤 도움을 주는지, 서비스 페이지에는 제공 범위와 상담 전 준비물을 배치합니다. 회사 소개에는 실제 확인 가능한 정보만 넣고 마지막에는 전화, 카카오톡, 이메일을 연결합니다. 이 예시는 고객 실적이 아니라 페이지 구성을 정리하는 방법입니다.

처음부터 모든 내용을 완벽하게 쓰려 하기보다 각 페이지의 제목, 전달할 한 문장과 필요한 사진을 표로 정리하세요. 제작자는 그 자료를 바탕으로 정보 순서와 화면을 설계할 수 있습니다. 운영자가 확인할 연락처와 가격 조건도 같은 표에 기록하면 문구 누락을 줄이는 데 도움이 됩니다.

자료가 부족할 때 제작 범위를 정하는 방법

사업 소개 문구는 있는데 사진이 없다면, 실제 서비스 사진이 필요한 부분과 설명용 이미지를 사용할 수 있는 부분을 나눕니다. 무료 사진도 사용 조건을 확인하고 실제 회사 시설처럼 설명하지 않습니다. AI로 만든 시안 역시 참고 이미지인지 최종 사용할 자료인지 먼저 구분합니다.

로고, 사진, 제품 설명을 뒤늦게 바꾸면 이미 완성된 화면의 배치와 분량도 달라질 수 있습니다. 자료 제출 시점과 기본 수정에 포함되는 변경을 사전에 정하세요. 지금 준비할 수 없는 자료는 임시 내용으로 공개하기보다 해당 페이지를 공개 범위에서 제외할지 상담하는 편이 명확합니다.

제작 상담에 전달할 짧은 기획서

한 장의 문서에 사업 목적, 주요 고객, 필요한 페이지, 참고 사이트와 희망 일정만 적어도 상담을 시작할 수 있습니다. 참고 사이트에서는 좋아하는 색이나 메뉴 방식 등 구체적인 부분을 표시하고 그대로 복제하려는 요청과 구분합니다. 기능은 방문자가 하는 행동을 기준으로 설명하세요.

예를 들어 “고객이 제품을 보고 담당자에게 연락한다”와 “고객이 상품을 결제하고 주문 상태를 조회한다”는 다른 범위입니다. 두 번째 요구에는 주문 데이터와 운영 절차가 필요하므로 소개형 홈페이지의 가격으로 판단하면 안 됩니다. 목적을 분명히 하면 기본형과 맞춤 개발을 빠르게 구분할 수 있습니다.