홈페이지 제작

[태그:] 1단계 기획 — 요구사항 정의와 사이트맵

  • 홈페이지 제작 절차

    홈페이지 제작 절차

    핵심 요약

    • 기획→디자인→개발→검수→오픈→운영 6단계 전체 흐름
    • 각 단계에서 의뢰인이 해야 할 일과 산출물
    • 업체와의 소통에서 주도권을 잡는 방법

    외주를 맡기기 전에 전체 과정이 어떻게 흘러가는지, 각 단계에서 내가 뭘 해야 하는지 알고 싶어서 검색합니다. 절차를 모르면 업체가 하는 말이 전부 맞는 것 같고, 일정이 늘어져도 왜 그런지 파악이 어렵습니다.

    1단계 기획 — 요구사항 정의와 사이트맵

    기획은 모든 것의 출발점입니다. 이 단계에서 사이트의 목적, 타깃 고객, 필요 페이지, 필수 기능을 정의합니다. 산출물은 요구사항 정의서와 사이트맵(페이지 구조도)입니다. 의뢰인은 사업 목적, 참고 사이트, 보유 자료 현황을 정리해 전달해야 합니다. 기획이 부실하면 이후 모든 단계에서 방향이 흔들려 수정 비용과 시간이 급증합니다.

    2단계 디자인 — 시안 확인과 피드백 요령

    기획이 확정되면 디자이너가 시안을 작업합니다. 보통 메인 페이지 시안을 먼저 제출하고, 확정 후 서브 페이지를 진행합니다. 시안 검토 시에는 전체 톤앤매너(색상·분위기)가 브랜드와 맞는지, 주요 CTA(문의·구매 버튼)가 눈에 잘 띄는지, 모바일에서의 레이아웃을 확인합니다.

    피드백 요령: “마음에 안 든다”보다 “헤더 색상을 더 진한 남색으로, 버튼 크기를 1.5배로”처럼 구체적으로 전달하면 수정 횟수가 줄어듭니다.

    3단계 개발·퍼블리싱 — 이 기간에 의뢰인이 할 일

    시안이 확정되면 퍼블리셔가 HTML/CSS로 웹 화면을 코딩하고, 개발자가 CMS에 연결하거나 기능을 구현합니다. 이 기간에 의뢰인은 콘텐츠(텍스트·이미지)를 최종 확정해 전달해야 합니다. 콘텐츠 전달이 늦어지면 개발 일정이 그만큼 밀립니다. 또한 중간 점검 요청이 오면 빠르게 확인하고 피드백해야 일정이 유지됩니다.

    4단계 검수·테스트 — 체크리스트로 확인하기

    검수 항목 확인 내용
    화면 표시 PC·모바일·태블릿에서 레이아웃 정상 여부
    링크 모든 내부·외부 링크 정상 작동 여부
    폼 문의 폼 제출·이메일 수신 테스트
    속도 페이지 로딩 속도 확인
    콘텐츠 오탈자·이미지 깨짐·대체 텍스트 확인

    5단계 오픈 — 도메인 연결과 검색엔진 등록

    검수가 완료되면 도메인을 연결하고 SSL을 적용해 HTTPS로 서비스합니다. 구글 서치 콘솔과 네이버 서치어드바이저에 사이트맵을 제출해 검색엔진 색인을 요청합니다. 구글 애널리틱스(또는 유사 분석 도구) 코드도 설치해 방문자 데이터를 수집합니다. 오픈 직후 1~2주는 집중 모니터링 기간으로, 예상치 못한 오류를 빠르게 잡는 것이 중요합니다.

    6단계 운영 인수인계 — 계정·소유권 확인

    오픈 후 반드시 확인해야 할 것은 소유권 이전입니다. 도메인·호스팅이 우리(의뢰인) 명의로 되어 있는지, CMS 관리자 계정의 최고 권한이 우리에게 있는지, 소스 코드와 디자인 원본 파일을 전달받았는지를 체크합니다. 이 부분이 빠지면 나중에 업체를 변경하거나 직접 관리하려 할 때 큰 어려움을 겪게 됩니다.

    1. 도메인 등록 명의 확인(레지스트라 로그인 정보 인수)
    2. 호스팅 계정 명의·접근 권한 확인
    3. CMS 최고관리자(super admin) 계정 인수
    4. 소스 코드·디자인 원본 파일 전달
    5. 유지보수 인수인계(관리 매뉴얼·긴급 연락처)

    이 글은 AI(인공지능)의 도움을 받아 작성되었습니다.