홈페이지 제작, '기획' 완벽 가이드 (for 비개발자)

외주 개발 가이드
2025-07-01

💡핵심 요약

안녕하세요, 국내 최대 IT 아웃소싱 플랫폼 위시켓입니다. 홈페이지를 제작하려고 마음먹었지만, 어디서부터 시작해야 할지 막막하신가요? 업체에겐 어떻게 전달해야 할지 고민도 되고요. 그렇다면 홈페이지 기획 단계부터 차근차근 시작할 때입니다.

‍

홈페이지 기획은 말 그대로, ‘어떤 홈페이지를 만들지 미리 생각하고 정리하는 과정’입니다. 홈페이지의 목적은 무엇인지, 어떤 메뉴가 들어가야 할지, 방문자는 어떤 정보를 보게 될지를 미리 정리해두는 것이죠. 크게 보면 막막해 보이지만 하나씩 정리하다 보면 구체화해 나갈 수 있을 거예요.

‍

오늘은 IT에 익숙하지 않으신 분들도 쉽게 따라하실 수 있도록, 홈페이지 기획이 필요한 이유부터 실제 홈페이지 기획 방법, 외주를 맡길 때 꼭 알아야 할 실무 팁까지 알아보겠습니다.

‍

목차

  • 홈페이지 기획이 중요한 이유
  • ‍비전문가를 위한 홈페이지 기획 5단계 가이드
  • 실전 팁 : 외주 맡길 땐 어디까지 준비해야 하나요?

‍

‍

홈페이지 기획이 중요한 이유

홈페이지 기획이 왜 필요할까요? 그냥 개발 업체에 맡기면 안 될까요? 이렇게 생각하실 수도 있습니다. 하지만 내가 원하는 결과물을 받고, 원하는 견적을 받기 위해서는 간단하게나마 기획 단계가 꼭 필요합니다. 아래에서 좀 더 자세히 설명해 드릴게요.

‍

1) 원하는 결과물을 받기 쉬워집니다

홈페이지 제작은 적지 않은 돈과 시간이 들어가는 일입니다. 또 한 번 만들고 끝나는 것이 아니라 오랫동안 회사의 얼굴처럼 활용되는 자산입니다. 때문에 원하는 결과물을 받기 위해서는 다른 누구도 아닌 내부 이해 관계자들이 어떤 결과물을 원하는지 명확히 정하고 시작해야 합니다.

‍

왜 이 홈페이지를 만드는지, 어떤 기능이 필요한지. 홈페이지 단계에서 목적과 방향성을 미리 정리해두면 필요한 메뉴와 기능을 빠짐없이 구성할 수 있고, 제작 과정에서도 흔들리지 않고 일관성 있게 진행할 수 있습니다. 그러면 원하는 결과물을 받을 확률도 높아지겠죠.

‍

홈페이지기획 필요성 설명

‍

2) 개발 업체와의 소통이 쉬워지기 때문에

외주는 기본적으로 '내 일을 남이 대신해주는 것'입니다. 그래서 내가 원하는 것이 무엇인지 개발 업체에게 명확하게 이해시키는 것이 중요합니다. 그리고 이때 가장 큰 도움이 되는 문서가 바로 홈페이지 기획 문서입니다.

‍

비개발자 입장에서는 원하는 것을 말로만 설명하는 것이 어렵고, 전달이 애매해지는 경우가 많습니다. 이때 웹사이트 기획서를 작성해 두면 어떤 내용을 어떤 화면에 보여주고 싶은지 구체적으로 전달할 수 있어, 제작자 입장에서도 명확하게 이해할 수 있습니다. 결과적으로 불필요한 오해를 줄이고, 작업의 완성도를 높이는 데 큰 도움이 됩니다.

‍

3) 정확한 견적을 받을 수 있기 때문에

홈페이지 기획이 잘 되어 있으면 필요한 기능과 화면이 명확히 정리되어 있기 때문에, 개발 업체가 견적을 더 정확하게 산출할 수 있습니다. 반대로 기획이 없는 상태에서 시작하면 중간에 추가 요청이 반복되고, 이로 인해 예산이 초과되거나 일정이 지연되는 경우가 많습니다. 처음부터 기획을 잘 세워두는 것이 오히려 비용과 시간을 아끼는 길입니다.

‍

‍

‍비전문가를 위한 홈페이지 기획 5단계 가이드

‍

STEP 1. 제작 목적 정하기

홈페이지를 기획할 때 가장 먼저 해야 할 일은, 왜 이 홈페이지를 만들려고 하는지 그 목적을 명확히 정리하는 것입니다. 목적이 분명해야 어떤 구조와 콘텐츠가 필요한지 판단할 수 있기 때문이죠.

‍

예를 들어 단순히 회사 정보를 소개하기 위한 것인지, 고객 문의를 받기 위한 것인지, 상품을 판매하거나 서비스를 홍보하기 위한 것인지에 따라 필요한 페이지 구성과 기능이 달라집니다. 하나의 홈페이지에 여러 목적이 있을 수 있지만, 그중에서도 가장 중요한 핵심 목표를 정해두는 것이 좋습니다.

‍

☑️ 체크리스트‍

  • 홈페이지 제작 목적은 무엇인가요?
  • 가장 중요한 사용자는 누구인가요? (예: 고객, 투자자, 구직자 등)
  • 홈페이지가 어떤 ‘행동’을 유도해야 하나요? (예: 문의, 구매, 회원가입 등)
  • 경쟁사나 참고할 만한 목적이 비슷한 홈페이지가 있나요?

‍

‍

STEP 2. 핵심 메뉴 및 기능 정리

다음 단계는 홈페이지에 어떤 메뉴와 기능이 들어가야 할지를 정리하는 것입니다. 여기서 말하는 '메뉴'는 홈페이지 상단 내비게이션이나 메인 페이지의 구성 요소를 의미하며, '기능'은 방문자가 홈페이지에서 할 수 있는 활동을 뜻합니다.

‍

메뉴는 5~7개 이내로 간결하게 구성하는 것이 좋습니다. 무리해서 처음부터 다 넣기보다는 핵심 기능 위주로 정리하고, 추후 확장할 수 있도록 고려하는 것이 좋습니다.

‍

☑️ 체크리스트

  • 방문자가 어떤 정보를 찾고 싶어 하나요?
  • 어떤 행동(문의, 신청, 다운로드 등)을 하길 바라나요?
  • 경쟁사의 홈페이지에는 어떤 메뉴가 있었나요?

‍

‍

STEP 3. 콘텐츠 및 정보 구조 설계

위에서 필수 메뉴와 기능을 정의했다면, 이제 각 메뉴 안에 어떤 내용을 넣을지 구체적으로 정리할 차례입니다. 이 단계에서는 홈페이지의 '정보 설계(IA, Information Architecture)'를 고민해야 합니다. 쉽게 말해, 어떤 페이지 안에 어떤 정보가 들어가고, 어떤 순서로 배치될지를 정리하는 것입니다.

‍

예를 들어 ‘회사 소개’ 메뉴 안에는 ‘대표 인사말’, ‘연혁’, ‘조직도’, ‘사업 영역’ 등 세부 항목이 들어갈 수 있습니다. 메뉴 간 계층 구조(상위-하위 메뉴)도 함께 구상하면 좋습니다.

‍

홈페이지 정보 구조 설계 예시
IA 예시 (출처 : interaction-design)

‍

정리 방법은 간단한 리스트, 표, 또는 마인드맵 형태로도 충분합니다. 중요한 것은 보는 사람이 전체 구조를 한눈에 이해할 수 있도록 구성하는 것입니다.

‍

‍

STEP 4. 화면 구성 스케치 또는 예시 수집

이제 전체적인 구조를 잡았다면, 각 페이지를 어떻게 구성할지 시각적으로 표현해보는 단계입니다. 꼭 디자이너처럼 와이어프레임을 그릴 필요는 없습니다. 간단한 스케치나 파워포인트, Notion 등을 활용해서 각 페이지에서 어떤 요소가 어떤 순서로 배치되면 좋을지를 그림처럼 정리하면 됩니다.

‍

또한 직접 스케치를 하기 어렵다면, 비슷한 홈페이지의 화면 캡처를 참고 예시로 수집해두는 것도 좋은 방법입니다. '이런 구조가 좋다, '이런 배너 느낌이 마음에 든다' 등 간단한 코멘트를 붙이면 전달력이 훨씬 좋아집니다.

‍

홈페이지기획 와이어프레임 예시
홈페이지 와이어프레임 예시 (출처 : uizard)

‍

‍

STEP 5. 추가 요구사항 및 참고 정보 정리

마지막으로, 그 외에 제작사에게 꼭 전달하고 싶은 요청 사항이나 참고 정보를 함께 정리합니다. 이 항목은 자칫 빠지기 쉬운데, 전체 퀄리티에 큰 영향을 미칠 수 있습니다.

‍

예를 들면 이런 항목들이 있습니다.

  • ‍원하는 디자인 톤
  • 벤치마킹하고 싶은 홈페이지 링크
  • 유지보수나 모바일 최적화 여부
  • 내부 검토 일정, 의사 결정 구조 등 프로젝트 진행에 영향을 줄 수 있는 정보

‍

이런 내용들이 있으면 개발사와의 미팅에서 훨씬 원활하게 소통할 수 있고, 제작 결과도 기대에 훨씬 더 가까워집니다.

‍

‍

실전 팁 : 외주 맡길 때, 어디까지 준비해야 하나요?

제작을 외주로 맡기려는 경우, '홈페이지 기획, 어디까지 준비해야 개발사나 디자이너와 원활하게 소통할 수 있을까?'라는 고민을 많이 하십니다. 결론부터 말씀드리면, 꼭 복잡한 기획서를 만들 필요는 없지만, 핵심 내용은 반드시 정리되어 있어야 합니다.

‍

  • 프로젝트 목적과 핵심 기능 요약
  • 메뉴 구조와 간단한 콘텐츠 구성
  • 참고 사이트와 선호 스타일
  • 기타 요청사항 및 예상 일정/예산

‍

이 정도만 정리해 두어도 외주 개발 업체와 소통하는 데에 큰 도움이 됩니다. 외주를 맡기기 전 너무 완벽하게 준비하려고 부담을 느끼기보다는, 핵심만 정리해서 빠르게 공유하고, 제작사와 함께 구체화해 나가는 방식이 가장 이상적인 접근이라는 점을 꼭 기억해 주세요.

‍

‍

홈페이지 제작 견적이 궁금하다면?

‍이 정도 기획이면 홈페이지 개발 견적이 얼마나 나올지 궁금하시거나, 우리 회사와 비슷한 상황의 다른 기업의 실제 외주 비용이 궁금하신가요? 그렇다면 위시켓 유사사례 검색 AI에 검색해 보세요.

‍

1) 간단한 프로젝트 정보만 입력하면 2) 국내 IT 아웃소싱 플랫폼 위시켓에 실제로 의뢰된 다른 기업의 홈페이지 제작 프로젝트 견적, 기간, 내용까지 한 번에 알 수 있어요.

‍

홈페이지 제작 비용, 지금 바로 검색해 보세요!

콘텐츠 CTA

‍

‍

📌 함께 보면 좋은 콘텐츠

‍

‍

홈페이지 개발 업체 리스트 찾기

‍