홈페이지 제작 과정은 8단계로 진행됩니다. 순서는 상담·견적, 계약, 자료 전달, 기획, 디자인, PC 버전 구축과 모바일 최적화, 도메인·호스팅 준비와 사이트 이전, 검색엔진 등록과 수정 가이드 전달입니다.
업체에 맡기면 고객이 직접 준비하는 것은 두 가지 정도입니다. 착수할 때 한 번에 전달하는 자료와, 오픈 전에 준비하는 도메인·호스팅입니다. 나머지 단계에서는 결과를 확인하고 결정하는 일이 대부분입니다.
이 글은 윈츠랩이 실제로 진행하는 순서를 기준으로 정리했습니다. 단계마다 제작사가 하는 일과 고객이 확인하고 결정할 일을 나눴습니다. 단계 이름은 업체마다 비슷해도 몇 가지는 다를 수 있습니다. 자료를 언제 받는지, 무엇을 보고 확정하는지, 도메인을 누구 명의로 등록하는지가 그렇습니다.
각 단계에서 무엇을 결정하는지 미리 알아 두면 업체를 비교할 때 무엇을 물어봐야 할지 분명해집니다. 진행 중에 일정이 늘어지는 일도 줄일 수 있습니다. 오픈할 때는 검색엔진 등록까지 마치고, 직접 관리할 수 있는 사이트로 마무리할 수 있습니다.
목차
홈페이지 제작 과정 한눈에 보기
아래 표는 홈페이지 제작 순서 전체와 단계별 역할을 정리한 것입니다. 고객이 직접 준비하는 일은 자료 전달과 도메인·호스팅 준비입니다. 나머지 단계에서는 결과를 확인하고 결정합니다.
| 단계 | 제작사가 하는 일 | 고객이 확인·결정할 일 |
|---|---|---|
| 1. 상담·견적 | 요구사항 파악, 상세 견적서 작성 | 제작 범위와 기간 확인 |
| 2. 계약 | 범위·일정 확정 | 계약 내용 확인 |
| 3. 자료 전달 | 받은 자료 검토 | 원고·사진·제작 요청서 일괄 전달 |
| 4. 기획 | 목적·타겟 정리, 벤치마킹, 페이지 구성, SEO·AEO 구조 설계 | 목적·타겟 확인, 페이지 구성 승인 |
| 5. 디자인 | 스타일 제안, 필요한 이미지 제작 | 스타일 선택 |
| 6. PC 버전 구축과 모바일 최적화 | 워드프레스·아임웹으로 실제 사이트 제작, 확정된 내용으로 모바일 화면 조정 | PC 화면에서 내용·구성 확정, 모바일 화면 확인 |
| 7. 도메인·호스팅 준비와 사이트 이전 | 도메인·호스팅 준비 가이드 전달, 준비된 호스팅으로 이전 | 가이드에 따라 고객사 명의로 준비, 오픈 확인 |
| 8. 검색엔진 등록과 수정 가이드 전달 | 메타데이터 설정, 네이버·구글 등록, 수정 가이드 제작·전달 | 계정 공유 또는 가이드에 따라 직접 등록, 수정 가이드 확인 |
단계별 기간과 진행 방식은 업종과 상황에 따라 달라집니다. 내 사업에 맞는 진행 순서와 기간이 궁금하다면 상세 상담·견적을 요청해 주세요.
1단계. 상담·견적
홈페이지 제작은 무엇을, 언제까지 만들지 정하는 것에서 시작합니다.
제작 기간은 페이지 수, 기능, 디자인 난이도에 따라 프로젝트마다 다릅니다. 그래서 윈츠랩은 상세 견적서에 제작 범위와 기간을 함께 적어 안내합니다. 비용과 기간이 정해지는 기준은 [내부링크: 비용·견적·제작 기간 페이지 / 홈페이지 제작 비용과 기간]에서 따로 다룹니다.
상담 전에 준비해 두면 좋은 자료는 홈페이지 제작 준비사항 체크리스트에 정리했습니다.
2단계. 계약
계약 단계에서는 견적서에 적은 제작 범위와 일정을 확정합니다.
범위가 문서로 정해져 있지 않으면 진행 중에 나온 요청이 원래 범위에 포함되는지가 불분명해집니다. 그러면 일정과 비용을 다시 논의해야 할 수 있습니다. 고객은 원하는 페이지와 기능이 빠짐없이 들어갔는지, 제작 기간이 오픈 일정에 맞는지 확인하면 됩니다.
3단계. 자료 전달: 원고·사진·제작 요청서는 착수 시 한 번에
고객이 직접 준비하는 자료는 원고, 사진, 제작 요청서 세 가지입니다. 착수할 때 한 번에 전달하면 됩니다.
- 원고: 사이트에 들어갈 회사·서비스 소개, 대표 이력, 자주 받는 질문 등 글 자료
- 사진: 사무실, 대표자, 시설, 작업 결과물처럼 직접 촬영한 이미지 원본
- 제작 요청서: 원하는 메뉴, 필요한 기능, 참고 사이트, 강조하고 싶은 내용을 정리한 문서
자료가 착수 시점에 모두 모여 있으면 기획 단계에서 전체 내용을 보고 페이지 구성을 한 번에 짤 수 있습니다. 자료가 나눠서 들어오면 새 내용이 들어올 때마다 구성을 다시 맞춰야 합니다. 그만큼 일정이 밀리기 쉽습니다.
착수 전에 자료를 모두 준비하기 어렵다면 준비된 자료부터 보내고, 나머지는 진행하면서 준비해도 됩니다. 남은 자료가 너무 늦게 들어오면 그 내용에 맞춰 구성을 다시 조정해야 해서 일정에 차질이 생길 수 있습니다. 빠진 자료는 가능한 한 이른 단계에 전달해 주세요.
자료를 전달한 뒤 고객이 하는 일은 주로 확인과 결정입니다. 도메인·호스팅이나 검색엔진 계정처럼 뒤 단계에서 필요한 것은 이 글의 해당 단계에서 설명합니다.
4단계. 기획: 무엇을, 어떤 순서로 보여줄지 정하는 단계
기획은 받은 자료를 바탕으로 사이트에 담을 내용과 보여줄 순서를 설계하는 단계입니다. 이후 디자인과 구축은 모두 기획안을 기준으로 진행합니다.
그래서 기획안을 승인한 뒤 페이지 구성을 바꾸면 이미 진행한 디자인과 구축까지 다시 손봐야 할 수 있습니다. 페이지 구성을 이 단계에서 충분히 검토하고 승인하면 일정과 비용 부담을 가장 줄일 수 있습니다.
제작 목적과 타겟 고객 정리
기획은 사이트를 무엇을 위해 만드는지 정하는 데서 시작합니다. 상담 문의를 받기 위한 사이트인지, 회사의 신뢰도를 보여주기 위한 사이트인지에 따라 첫 화면과 메뉴 구성이 달라집니다.
같은 서비스라도 개인 고객과 기업 담당자가 확인하는 정보는 다릅니다. 그래서 주로 누가 방문하는지도 함께 정리합니다.
경쟁사 벤치마킹은 디자인 참고가 아니다
경쟁사 벤치마킹에서는 사이트의 디자인보다 정보를 다루는 방식을 봅니다. 확인하는 항목은 네 가지입니다.
- 첫 화면에서 어떤 정보를 먼저 보여주는지
- 메뉴 구성과 문의까지 이어지는 동선이 어떤지
- 고객이 자주 묻는 질문에 어디서, 어떻게 답하는지
- 경쟁사들이 공통으로 다루지 않는 내용은 무엇인지
네 번째 항목에서 우리 회사만의 차별화 포인트를 찾습니다.
페이지 구성과 순서 결정
제작 목적, 타겟, 벤치마킹 결과를 바탕으로 메뉴와 페이지를 정하고, 페이지마다 어떤 내용을 어떤 순서로 보여줄지 배치합니다. 배치 기준은 방문자가 궁금한 내용을 먼저 확인하고 자연스럽게 문의로 넘어갈 수 있는 순서입니다.
기본 SEO·AEO 구조 설계
검색엔진 최적화(SEO, Search Engine Optimization)와 답변엔진 최적화(AEO, Answer Engine Optimization)는 검색엔진과 AI 검색이 사이트 내용을 정확하게 이해하도록 구조를 정리하는 작업입니다. 기획 단계에서는 다음 세 가지를 설계합니다.
- 페이지마다 제목(H1)과 소제목(H2·H3)의 순서를 정합니다.
- 메뉴 이름과 페이지 주소(URL)를 내용에 맞게 정리합니다.
- 고객이 자주 묻는 질문을 해당 내용이 있는 페이지에서 바로 답하도록 배치합니다.
Google 검색 센터의 「SEO 기본 가이드」에 따르면 URL의 일부는 검색 결과에 경로로 표시되고, 사용자가 결과의 유용성을 판단하는 데 쓰입니다. 같은 가이드는 긴 콘텐츠를 단락과 섹션으로 나누고 제목을 달아 탐색을 돕도록 안내합니다.
Google이 2026년 공개한 「생성형 AI 기능 최적화 가이드」도 AI 개요·AI 모드 같은 Google 검색의 AI 기능에 노출되기 위한 작업을 SEO의 일부로 봅니다. 이를 위해 별도의 특수 마크업이나 AI 전용 파일은 필요하지 않다고 설명합니다.
기획 단계에서 정리한 제목, 주소, 질문 배치는 방문자와 일반 검색, AI 검색 모두가 내용을 이해하는 바탕이 됩니다.
고객 결정 사항: 제작 목적과 타겟 확인, 페이지 구성 승인
5단계. 디자인
기획안이 승인되면 기획 내용과 업종에 맞춰 색상, 글꼴, 이미지 분위기를 정합니다. 받은 사진만으로 부족한 부분은 필요한 이미지를 제작해 채웁니다.
고객 결정 사항: 스타일 선택
6단계. PC 버전 구축과 모바일 최적화
PC 버전 구축
디자인 방향이 정해지면 워드프레스(WordPress)나 아임웹(imweb)으로 실제 사이트를 만듭니다. 그림 형태의 시안 대신 실제로 작동하는 화면에서 메뉴를 눌러 보며 내용과 구성을 검토할 수 있습니다.
이미지 시안은 실제 화면으로 옮긴 뒤에야 문제가 드러나기도 합니다. 글이 길어 보이거나 문의까지 가는 동선이 어색한 경우입니다. 처음부터 실제 화면에서 확인하면 이런 문제를 확정하기 전에 발견할 수 있습니다.
모바일 최적화
윈츠랩은 PC 화면에서 내용과 구성을 모두 확정한 뒤 모바일 화면을 맞춥니다. 문구 수정, 순서 변경 같은 수정 사항은 PC 단계에서 한 번에 정리하고, 모바일에서는 확정된 내용이 잘 보이는지만 확인하면 됩니다.
모바일 화면은 검색 노출에도 영향을 줍니다. Google은 모바일 우선 색인(Mobile-First Indexing)에 따라 모바일 버전의 콘텐츠를 기준으로 페이지를 색인하고 순위를 정합니다.
고객 결정 사항: PC 화면에서 내용·구성 확정, 모바일 화면 확인
7단계. 도메인·호스팅 준비와 사이트 이전
완성된 사이트를 공개하려면 도메인과 호스팅이 필요합니다. 도메인(Domain)은 사이트 주소이고, 호스팅(Hosting)은 사이트 파일을 올려 두는 서버 공간입니다.
윈츠랩은 도메인과 호스팅을 고객사가 직접 소유하도록 권합니다. 제작업체 명의로 등록하면 업체가 문을 닫거나 연락이 끊겼을 때 고객이 주소와 사이트를 직접 관리할 수 없습니다. 업체를 비교할 때 도메인과 호스팅을 누구 명의로 등록하는지 미리 물어보면, 오픈 후 사이트를 누가 관리할 수 있는지 계약 전에 확인할 수 있습니다.
윈츠랩이 도메인·호스팅 준비 가이드를 전달하면, 고객은 가이드에 따라 고객사 명의로 도메인과 호스팅을 준비합니다. 준비가 끝나면 완성된 사이트를 해당 호스팅으로 이전하고 도메인을 연결합니다. 명의 관리 방법은 [내부링크: 도메인·호스팅 소유권 페이지 / 도메인·호스팅 명의 관리 방법]에서 따로 정리했습니다.
8단계. 검색엔진 등록과 수정 가이드 전달
검색엔진 등록
사이트를 만들어도 검색되지 않으면 방문자가 찾아올 수 없습니다. 그래서 사이트를 오픈하면 검색엔진 등록까지 진행합니다.
등록 전에는 페이지마다 메타데이터를 설정합니다. 메타데이터(Metadata)는 검색 결과에 표시되는 페이지 제목과 설명입니다. 방문자는 이 문구를 보고 클릭할지 판단합니다.
네이버 등록은 사이트 등록, 메타태그나 HTML 파일을 이용한 소유 확인, 사이트맵과 RSS 제출 순서로 진행합니다. 네이버는 구글과 별도로 색인하기 때문에, 두 검색엔진에서 모두 검색되려면 각각 등록해야 합니다.
등록 방식은 고객 상황에 따라 두 가지입니다.
- 고객이 네이버·구글 계정을 공유하면 윈츠랩이 대신 등록합니다.
- 계정 공유가 어렵다면 직접 등록할 수 있도록 단계별 가이드를 전달합니다.
윈츠랩이 리뉴얼한 정형외과 홈페이지는 오픈 직후 네이버·구글 등록까지 마친 뒤 사이트를 넘겼습니다. 등록 직후부터 검색 결과에 노출되었고, 오픈 1개월 무렵에는 병원 이름으로 검색했을 때 새 홈페이지가 상위에 노출되는 것을 확인했습니다.
수정 가이드
사이트를 넘길 때는 수정 가이드도 함께 만들어 전달합니다. 문구 변경, 사진 교체, 게시글 등록처럼 자주 하는 작업을 고객이 직접 할 수 있도록 정리한 자료입니다. 간단한 수정은 업체에 요청하고 기다리지 않아도 필요할 때 바로 반영할 수 있습니다. 오픈 이후 관리 방식은 [내부링크: 유지보수 페이지 / 홈페이지 유지보수]에서 따로 다룹니다.
자주 묻는 질문
Q. 홈페이지 제작 과정에서 고객이 가장 많이 하는 일은 무엇인가요?
확인과 결정입니다. 직접 작업하는 일은 착수할 때 자료를 전달하고 도메인·호스팅을 준비하는 정도입니다. 그 외에는 기획안 승인, 스타일 선택, PC 화면 확정, 모바일 화면 확인처럼 단계마다 결과를 보고 결정합니다.
Q. 모바일 이용자가 많은데 PC 화면부터 작업해도 되나요?
네, 괜찮습니다. PC 화면부터 작업하는 이유는 문구와 구성을 한 화면에서 한 번에 확정하기 위해서입니다. 모바일 화면은 이렇게 확정한 내용을 그대로 조정하므로, Google이 색인 기준으로 삼는 모바일 버전에도 같은 내용이 담깁니다.
Q. 제작 중 수정은 몇 번까지 무상으로 할 수 있나요?
윈츠랩 기준으로 레이아웃이나 순서를 바꾸는 구조 수정은 기획 단계 1회, PC 화면 확정 단계 1회로 총 2회입니다. PC 화면을 확정한 뒤 제작 기간 안에 하는 텍스트·이미지 교체는 10회까지 가능합니다. 구조 수정 횟수가 정해져 있으니 페이지 구성은 기획 단계에서 충분히 검토하는 것이 좋습니다.
마무리
홈페이지 제작 과정에서 고객이 직접 하는 일은 착수할 때 자료를 한 번에 전달하고, 오픈 전에 도메인·호스팅을 준비하는 정도입니다. 나머지는 단계마다 확인하고 결정하는 일입니다. 기획에서는 목적과 페이지 구성을, 구축에서는 PC 화면의 내용을, 오픈 준비에서는 도메인·호스팅 명의를 결정합니다.
단계별로 무엇을 결정하는지 알고 있으면 상담할 때 업체마다 확인할 질문이 분명해집니다. 진행 중에 일정이 늘어지는 일을 줄이고, 검색엔진 등록까지 마쳐 직접 관리할 수 있는 사이트를 받을 수 있습니다.
내 업종과 상황에서는 어떤 순서로, 얼마나 걸려 진행되는지 궁금하다면 상세 상담·견적을 요청해 주세요. 상세 견적서에 제작 범위와 기간을 함께 적어 안내해 드립니다.
