견적 문의
  1. HOME
  2. 제작 안내
  3. 제작 과정

GUIDE · PROCESS

제작 과정

상담부터 오픈까지, 홈페이지 제작 공략집

STRATEGY MAP

홈페이지 제작 공략집

다섯 개의 스테이지를 차례로 클리어하면 홈페이지가 열립니다.
단계를 누르면 자세한 공략으로 이동합니다.

  1. STAGE 1 상담 · 견적
  2. STAGE 2 기획
  3. STAGE 3 디자인
  4. STAGE 4 퍼블리싱 · 개발
  5. STAGE 5 오픈 · 관리
1

STAGE 1 · START

상담 · 견적

무엇을 만들지, 왜 만드는지부터 이야기합니다.
목적과 예산, 일정에 맞춰 작업 범위를 나누고 견적을 드립니다.

▶ 픽셀노트가 하는 일

  • 목적 · 타깃 · 참고 사이트 확인
  • 필요한 페이지와 기능 정리
  • 플랫폼 추천 (그누보드 · 워드프레스 · 카페24)
  • 작업 범위별 견적과 일정 안내

▶ 준비해 주세요

  • 홈페이지를 만드는 목적
  • 참고하고 싶은 사이트 2~3곳
  • 희망 오픈 시기와 예산 범위

획득 아이템견적서일정표

✔ CHECK POINT작업 범위와 일정이 맞는지 확인해 주세요.

2

STAGE 2 · PLAN

기획

메뉴 구성과 페이지별 내용을 정하고 화면 구조를 먼저 그립니다.
이 단계가 탄탄해야 디자인과 개발이 흔들리지 않습니다.

▶ 픽셀노트가 하는 일

  • 사이트맵(메뉴 구조) 작성
  • 페이지별 들어갈 내용 정리
  • 와이어프레임(화면 뼈대) 작성
  • 검색 키워드 · 페이지 제목 계획

▶ 준비해 주세요

  • 페이지별 대략적인 문구 (필수)
  • 로고 파일 (AI · SVG · PNG)
  • 사진 · 인증서 등 보유 자료

획득 아이템사이트맵와이어프레임

✔ CHECK POINT메뉴 구성과 화면 순서를 확정해 주세요.

3

STAGE 3 · DESIGN

디자인

메인 시안을 먼저 만들어 분위기와 방향을 확정한 뒤, 같은 규칙으로 서브 페이지 디자인을 넓혀 갑니다.

▶ 픽셀노트가 하는 일

  • 메인 시안 디자인 (PC · 모바일)
  • 색상 · 글꼴 · 아이콘 규칙 정리
  • 서브 페이지 디자인 확장
  • 이미지 보정 · 배너 제작

▶ 준비해 주세요

  • 좋아하는 · 피하고 싶은 분위기
  • 브랜드 색상이 있다면 색상 코드
  • 시안에 대한 의견 (한 번에 모아서)

획득 아이템메인 시안서브 시안

✔ CHECK POINT메인 시안이 확정되면 서브 디자인을 시작합니다.

4

STAGE 4 · BUILD

퍼블리싱 · 개발

확정된 디자인을 반응형 코드로 옮기고 관리자 기능을 개발합니다.
테스트 주소에서 직접 눌러 보며 확인할 수 있습니다.

▶ 픽셀노트가 하는 일

  • 반응형 퍼블리싱 (360~1920px)
  • 관리자 · 게시판 · 문의 기능 개발
  • SEO 기본 세팅 · 구조화 데이터
  • 브라우저 · 기기별 검수

▶ 준비해 주세요

  • 페이지에 들어갈 최종 문구
  • 테스트 주소에서 확인 후 수정 의견
  • 도메인 · 호스팅 정보

획득 아이템테스트 사이트검수 결과

✔ CHECK POINT테스트 주소에서 내용과 동작을 확인해 주세요.

5

STAGE 5 · CLEAR!

오픈 · 관리

도메인을 연결하고 검색엔진에 등록한 뒤 오픈합니다.
직접 수정하는 방법을 안내하고 이후 관리도 이어 갑니다.

▶ 픽셀노트가 하는 일

  • 도메인 연결 · https(SSL) 적용
  • 네이버 · 구글 검색 등록, 사이트맵 제출
  • 관리자 사용법 안내
  • 오픈 후 수정 · 유지보수

▶ 준비해 주세요

  • 오픈 날짜 확정
  • 관리자 계정을 쓸 담당자
  • 오픈 후 바뀔 내용이 생기면 연락

획득 아이템오픈 사이트사용법 안내

✔ CHECK POINT오픈 후에도 궁금한 점은 언제든 물어보세요.

HINT

더 빠르게 클리어하는 공략 팁

  • TIP 1

    의견은 한 번에 모아서

    시안 수정 의견은 담당자 한 분이 모아서 전달해 주시면 방향이 흔들리지 않고 일정도 빨라집니다.

  • TIP 2

    확정된 단계는 지켜 주세요

    이미 확정된 단계(예: 메뉴 구조)를 다시 바꾸면 이후 단계를 다시 작업해야 해서 일정이 늘어날 수 있습니다.

  • TIP 3

    진행 상황은 매 단계 공유

    단계가 끝날 때마다 결과물과 테스트 주소를 공유하고, 다음 단계로 넘어가기 전에 확인을 받습니다.

  • TIP 4

    필수 자료는 미리 준비해 주세요

    페이지별 대략적인 문구와 사진 · 로고는 의뢰하시는 분이 준비해 주셔야 합니다.
    필요한 자료 목록은 상담 단계에서 미리 알려 드립니다.

HELP

제작 과정 자주 묻는 질문

Q.진행 중에 페이지나 기능을 추가할 수 있나요?

가능합니다.
추가되는 범위를 확인해 일정과 비용을 다시 안내드리고, 확정한 뒤 반영합니다.

Q.자료 준비가 늦어지면 어떻게 되나요?

자료가 필요한 단계에서 기다리게 되어 오픈 일정이 뒤로 밀릴 수 있습니다.
필요한 자료 목록은 미리 알려 드립니다.

Q.진행 상황은 어떻게 확인하나요?

단계마다 결과물과 테스트 주소를 공유합니다.
테스트 주소에서 PC와 휴대폰으로 직접 확인하실 수 있습니다.

READY? ▶

공략은 끝났습니다,
이제 STAGE 1부터 시작해요

목적과 참고 사이트만 알려 주시면 첫 번째 스테이지, 상담 · 견적을 시작합니다.

☎ 010-5266-6849✉ gpwl564@naver.com

▲