성공적인 웹사이트 구축 (2) 변화 발전하는 Site의 미래를 예측 반영해야 함.

Presentation on theme: "성공적인 웹사이트 구축 (2) 변화 발전하는 Site의 미래를 예측 반영해야 함."— Presentation transcript:

1 성공적인 웹사이트 구축 (2) 변화 발전하는 Site의 미래를 예측 반영해야 함. 건축물의 설계보다는 도시 설계에 비유 할 수 있음. Business Strategy를 반영하고, 구현과정을 예측해야 함. Technology에 대한 충실한 이해를 기반으로 해야 함. 기획단계부터 구현 완료까지 참여자들 간 긴밀한 Communication

2 H/W, S/W, Solutions, Partners, etc.
웹사이트 구축의 구성요소 e-Business Strategy Web Planning Idea generation & Requirement Web Site Web Programming Web Design Web Operating Contents Generation/Sourcing Testing/QA H/W, S/W, Solutions, Partners, etc.

3 웹사이트 구축 절차 (1) e-Business Strategy Building Site Build Planning Implementation

4 Project Proposal & Site Build Planning Implementation
웹사이트 구축 절차 (2) e-Business Strategy - Site Concept - Goal Target Client RFP* - Marketing - Service - Contents - Customer Management - Operating Project Proposal & Site Build Planning Implementation * RFP-Request for Proposal

5 사업의 방향을 결정하는 단계 사례 당신의 사업은? 웹사이트 구축 절차 (3) 될 수 있으면 넓고 추상적으로 수요측면을 결정하라
Mega Level Contents Planning 사업의 방향을 결정하는 단계 될 수 있으면 넓고 추상적으로 수요측면을 결정하라 사례 천리안 : 6C Xerox : Copy Machine Company -> Document Company 미국 철도회사 Dell : Direct from Dell Amazon : Information Broker 당신의 사업은?

6 아마존 서점 초창기의 사업영역 웹사이트 구축 절차 (4) 인터넷 창업기업 (1995) 1,000만 회원
Mega Level Contents Planning: Amazon.com (At the beginning) 아마존 서점 인터넷 창업기업 (1995) 1,000만 회원 6억 달러의 서적을 온라인으로 판매 (1998) 기존 서점보다 풍부한 정보 저렴한 운영비 일대일 마케팅 초창기의 사업영역

7 BOOKS MUSIC VIDEO GIFTS AUCTION Z-Shop ETC.. 웹사이트 구축 절차 (5)
Mega Level Contents Planning: Amazon.com (Now)                                                                    BOOKS MUSIC VIDEO GIFTS AUCTION Z-Shop ETC..

8 e-Business Strategy Implementation
웹사이트 구축 절차 (6) Site Build Planning - RFP Analysis - Project Scheduling - Budget Proposal & Meeting - Requirement Analysis - Visual Concept Layout Template Web Navigation Board - UI Design - Implementation Method Selection Web Component Function Spec. - Engineering Infrastructure Design e-Business Strategy Implementation

9 e-Business Strategy Site Build Planning
웹사이트 구축 절차 (7) Implementation - Contents Collection Site Design HTML Coding Use-case DB Use-case Diagram DB Scheme Design Data Flow Diagram Component Programming - Integration Test Scenario Beta Testing Debugging Documentation Project Finalization e-Business Strategy Site Build Planning

10 웹사이트 개발체계 마케팅 요소 지원 도메인확보 프로그래밍 운영자교육 자료분석 기 획 개발/제작 디자인 편 집 웹 셋팅 벤치마킹
기 획 개발/제작 디자인 편 집 웹 셋팅 벤치마킹 스토리보드 솔루션 수정/보완 콘티제작 시연/오픈 사외 전문 컨설턴트 유지/확정

11 웹사이트 개발 참여자 Client or e-Biz Planner Web Producer (PM) UI Designer
Web Programmer Web Designer Content, Service Planner PM의 역할은 의뢰자, 내부 참여자들의 커뮤니케이션이 원활할 수 있도록 조정하고, 사이트 구축 과정 전반의 프로세스를 관리

12 Web Navigation Board 웹 네비게이션 보드 (1) 정의 : Web Navigation Board란?
Web Site 디자인 및 개발을 위한 사전작업으로 전체사이트에 대한 가상 Navigation체계와 페이지별 Layout, 구성Elements, Data Flow Chart등을 포함하는 Web Site Planning Sheet를 말함 Story Board란? 영화나 TV, CF, 만화, 애니메이션 등의 영상물이나 창작물의 제작 전에 의뢰자와 제작자가 생각하는 이미지를 시각화 하는 작업을 말함. Web Planner의 기획의도의 구체화 Web Planner와 Designer/Programmer간의 이해도 증진 홈페이지의 구성요소에 대한 명확화 개발기능의 범위 명확화 Client와의 Communication Tool Web Site전반의 Preview를 통한 프로젝트 실패율 최소화 프로젝트 일정계획의 명확화 작성의 목적 Web Navigation Board 구성요소 Client Requirement & Features Web Site Strategy & Concepts Menu Structure Rough Navigation Flow Data Flow Chart Components on each pages Contents Position

13 웹 네비게이션 보드 (2) 사전필요작업 Versioning RFP acquiring Refinement of RFP
Detailed Features List-up Discuss about Features List-up & Consensus Fix the detailed features Related Data collection 사전필요작업 1st Edition : ver0.9 2nd Edition: ver1.0 3rd Edition: ver1.5 4th Edition: ver1.7 5th Edition: ver2.0(fixed) Versioning

14 Macro Level Planning(1)
요리와 기획과정 비교 집들이,돌,생일? 요리유형선택 1단계 아이템선정 냉장고등 점검 시장보기 2단계 시장조사 재료다듬기 3단계 자료분류 및 분석 재료처리 (데치기,삶기) 4단계 자료가공 요리만들기 5단계 편집 그릇에담기 6단계 매체선택 상차림 7단계 프리젠테이션

15 Macro Level Planning(2)
6W 3H를 잊지 말자 기획의 구성요소 WHY 목적:무엇을 위해 WHAT 내용:무엇을 WHOM 대상:누구에게 HOW 방법:어떻게 WHO 주체:누가 HOW MUCH 예산:얼마의 액수로 WHEN 시기:언제 WHERE 장소:어디서 HOW LONG 기간:언제까지

16 Micro Level Planning(1)
컨텐츠 설계 절차  Bench Marking방법으로의 접근 독창적 창의성·분석력이 요구됨 1. 대상업체의 선정  동일분야, 유사한 타분야의 모범업체를 선정 ( 3~4개 업체) 2. 내용분류 및 분량파악  Sitemap 분류체계 활용 및 Brain storming에 의한 아이디어 결합 3. 컨텐츠의 확정  수정 및 추가사항을 보충한 뒤, 자신의 사이트에 필요한 내용을 고려

17 Micro Level Planning(2)
디지털 컨텐츠의 벤치마킹 분석을 위한 샘플양식 URL : 회사명 : 주제 : 대상 : 개요 목표설정 기술구현 내용적합성 데이터 갱신 인터페이스 고객관리 마케팅 흥미 디자인 내용설계 장점 단점 대안