본문 바로가기 주메뉴 바로가기
서브 비주얼 2
서브 비주얼 8
서브 비주얼 9
서브 비주얼 4

Planned Development Process

웹사이트(WebSite.co.kr)는 고객 요구사항에 맞춰 제작합니다!

기획형 홈페이지가 필요한 경우?

일반 맞춤형 홈페이지 제작으로는 한계가 있을 수 있는 특수한 기능이나 유니크한 디자인이 필요한 홈페이지를
웹사이트(WebSite.co.kr)에서는 실현 가능한 범위 내로 컨설팅을 해드리고 홈페이지를 제작할 수 있습니다.

당사의 전문 컨설턴트가 방문하여 상담과정에서 요구사항을 협의하고 내용 분석 후 최적의 제안을 드리겠습니다.

기획형 홈페이지 제작은 방문상담이 반드시 필요합니다.

기획형 홈페이지

DESIGN +

디자인이 중요한 기획형 홈페이지의 경우
2가지의 와이어 프레임으로 구성된 메인시안을 제안드립니다.

PROGRAM +

프로그램이 중요한 홈페이지의 경우
중요 기능 2가지 이상에 대한 화면설계를 제안드립니다.

기획형 홈페이지는 일반 맞춤형
홈페이지의 개발 방법론을 좀 더
세분화하여 디테일한 작업이 추가됩니다.

기획형 홈페이지는 제작시에는
다양한 화면효과, 자바스크립트
이용한 효과 적용이 가능합니다.

널리 알려진 인터넷 기업을 참고 사이트로
할 경우 1번으로 완료되기 어렵습니다.

단계적으로 나누어 개발이 되어야 합니다.

EX)잡코리아, 당근마켓,직방

기획형의 경우 다양한 산출물을
제공함으로써 오픈 후 서비스 추가 및
유지보수가 용이합니다.

기획형 홈페이지 개발 방법론 절차

웹사이트(WedSite.co.kr)에서 기획형으로 제작한
다양한 업종의 홈페이지 제작사례를 경험하세요.

  1. 제안 및 계약

    상담

    자료분석, 동종업계 벤치마팅

    방문상담

    최초 요구사항 인터뷰

    범위 협의, 제안 및 견적서

  2. 분석 및 설계

    요구사항 인터뷰

    요구사항 분석

    정보구조도 설계

    화면설계, 기능정의

  3. 디자인

    아이덴티티 / 컬러

    그리드 체계 / 타이포그래피

    비주얼요소, 메인페이지

    서브컨텐츠 디자인

  4. 퍼블리싱

    화면 및 요소별 화면효과 전략

    레이아웃 구성

    메인화면 및 콘텐츠 퍼블리싱

    반응형 및 웹표준 웹코딩

    요소별 효과적용

  5. 프로그래밍

    프로그램 구현

    외부 API연동

    기능 구현

    개발자 테스트

    DB설계

  6. 오픈

    통합 테스트

    도메인 연결

    최종 테스트

    홈페이지 오픈

기획형 홈페이지 구현

기획형 홈페이지 개발 방법론 단계별 절차

웹사이트(WedSite.co.kr)에서 기획형으로 제작한
다양한 업종의 홈페이지 제작사례를 경험하세요.

SUGGEST 제안 및 계약

  • 고객님의 홈페이지 제작에 제안드린 내용과 고객님의 요구사항등을 반영한 정보구조를 설계합니다.
  • 해당 정보구조에 맞는 화면설계, 데이터베이스 설계를 하여 요구사항을 맞춘 홈페이지의 기본을 설계합니다.
Work
  • 전화상담
  • 동종업계 벤치마킹
  • 방문상담
  • 최초 요구사항 인터뷰, 범위협의
  • 고객 제출 자료 분석
  • 제안 및 견적서 제출
Outputs
  • 견적서
  • 제안서
  • 계약서(계약 진행 시)
  1. 전화상담
  2. 동종업계 벤치마팅
  3. 방문상담
  4. 최초 요구사항 인터뷰, 범위 협의
  5. 고객 제출 자료 분석
  6. 제안 및 견적
  7. 계약

ANALYSIS 분석 및 설계

  • 고객님의 홈페이지 제작에 제안드린 내용과 고객님의 요구사항등을 반영한 정보구조를 설계합니다.
  • 해당 정보구조에 맞는 화면설계, 데이터베이스 설계를 하여 요구사항을 맞춘 홈페이지의 기본을 설계합니다.
Work
  • 요구사항 분석 및 정의
  • 정보구조도 설계
  • 기능정의
  • 화면설계
Outputs
  • 요구사항 목록
  • 정보구조도(AI)
  • 산출물 목록정의
  • 주요 화면설계서
  1. 요구사항 분석 및 정의
  2. 정보구조도 설계
  3. 기능정의
  4. 화면설계

DESIGN 디자인

  • 고객사의 브랜드 컬러, 로고 등을 참조한 아이덴티티 / 컬러 / 그리드 체계 등을 확립하고 타이포 그래피, 비주얼 요소 등을 어떻게 활용할 것인지 디자인 가이드를 설정합니다.
  • 디자인 가이드에 따른 홈페이지 메인시안을 작성하여 프로젝트를 진행합니다.
Work
  • 아이덴티티 / 컬러 / 그리드
    타이포그래피 / 비주얼 요소
    아이콘 크기 / 폰트 등 체계확립
  • 메인페이지 시안
  • 서브페이지 시안
  • 컨텐츠 페이지 디자인
Outputs
  • 디자인 가이드
  • 메인페이지 시안
  • 서브페이지 시안
  • 컨텐츠 페이지 디자인
  1. 아이텐티티 및 컬러 설정
  2. 그리드, 타이포그래피, 비주얼요소, 아이콘크기, 폰트 등 체계 확립
  3. 메인페이지 시안
  4. 서브페이지 시안
  5. 콘텐츠 페이지 디자인

PUBLISHING 퍼블리싱

  • 퍼블리싱 가이드 및 디자인에 맞춘 화면 및 요소별 퍼블리싱 효과 전략을 수립하여 효율적인 콘텐츠 정보전달과 시각적인 효과로 집중도를 높입니다.
Work
  • 화면 및 요소별 화면효과 전략
  • 레이아웃 구성
  • 메인화면 퍼블리싱
  • 콘텐츠 퍼블리싱
  • 반응형 및 웹표준 웹코딩
  • 요소별 효과적용
Outputs
  • 퍼블리싱 가이드
  • 퍼블리싱 소스
  1. 화면 및 요소별 화면효과 전략
  2. 레이아웃 구성
  3. 메인화면 퍼블리싱
  4. 콘텐츠 퍼블리싱
  5. 반응형 및 웹표준 웹코딩
  6. 요소별 효과적용

PROGRAMING 프로그래밍

  • 디자인 작업 결과물에 대한 퍼블리싱 작업이 완료되면 해당 화면별 프로그램 기능을 구현합니다.
  • 프로그램 구현 후,개발자 테스트 및 디버깅 과정으로 완성도를 높입니다.
Work
  • DB설계
  • 화면 설계에 따른 프로그램 구현
  • 외부 API연동
  • 관리자 기능 구현
  • 개발자 테스트 및 디버깅
Outputs
  • ERD 및 구현스크립트
  • 관리자 메뉴얼
  • 개발환경 가이드
  • 프로그램 소스
  1. 화면 설계에 따른 프로그램 구현
  2. 외부 API연동
  3. 관리자 기능 구현
  4. 개발자 테스트

OPEN 오픈

  • 개발서버에서 최종적인 통합 테스트 후 오픈여부를 결정합니다.
  • 오픈 이후에도 주요 기능에 대한 최종 테스트가 진행됩니다.
Work
  • 통합 테스트
  • 도메인 연결
  • 최종 테스트
  • 홈페이지 오픈
Outputs
  • 검수확인서
  1. 통합 테스트
  2. 도메인 연결
  3. 최종 테스트
  4. 디버깅
  5. 홈페이지 오픈



홈페이지 제작을 위한 모든 것, 웹사이트와 함께하십시오!

웹사이트(WebSite.co.kr)는 더 나은 품질을 위해 노력하고 있습니다.

빠른상담 신청하기

[자세히보기]
맨 위로