강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

웹디자인/웹디자인 기획하기 홈페이지 기획하기
작성자 : 99 단국강토
등록날짜 : 2009.01.19 10:04
2,882
웹디자이너는 프로젝트의 시작과 끝을 이해하고,프로 젝트의 진행
프로세스를 파악하고 있어야 한다. 개발자들과의 원활한 의사소통과
의견교환 시점을 잘 알고, 그에 따른 디자인 컨셉의 변화 및
다 잘하는 것이 아니듯, 디자인을 전공했다고 해서 뛰어난 표현의
범위를 정할 수 있어야 한다. 하지만, 웹디자이너가 기획자와 달라야 하는
부분이 함께 잘 조화 됐을 때 훌륭한 작품이 나옵니다.
것은 기획이 설계라면 디자인은 표현이라는 것을 인지하고 있어야 한다는
한다는 것이다.
즉, 기획력을 갖추고 기획된 것을 표현할 줄 알아야 한다.
 
다시 말해.
먼저 수익성있는 사이트를 제안하고 그 제안을 문서화시켜 클라이언트에게
이의 발주를 받아 제안내용을 기초로 사이트를 설계하며 부대 작업업들을
진행시켜남가면서 클라이언트, 개발자들과의 원활하고 효율적인 의사소통을
의하여 문서화 시키는 작업을 담당하는 것이라 생각합니다.
기획전에 할일  
 
  1. 우선 홈페이지의 목적이 무엇인지가 분명해야 된다.
    아무런 목적도 없이 이것 저것을 손대다 보면 결국 인터넷 쓰레기가
    됨은 두 말할 나위가 없는 것이다.

  2. 어떤 Contents(내용)의 홈페이지를 만들 것인지 기획을 철저히
    해야 된다.

  3. 홈페이지의 디자인과 운항 설계는 어떻게 할 것인가를 생각해야 한다.

    기업의 홈페이지라면 그 회사의 이미지를 부각시키며, 회사소개, 회사에
    서 하는일, 그동안의 업적 등을 집중적으로 선전 할 것이다. 하지만 여기
    서 그치면 그 곳은 살아 남지 못할 것이다. 어떠한 서비스를 하느냐가 중
    요하다. 제품을 파는 곳이라면 제품을 팔고 나서 차후의 모든 행동(고객
    관리, Q&A, A/S 등..)이 뒤따라야 함은 당연하다.

    개인의 홈페이지도 마찮가지다.
    개인의 홈페이지라면 흔히 생각하기를 개인의 이력이나 가족소개 등을
    생각할 수 있는데 이렇게 해서는 네티즌들의 이목을 끌 수가 없다.
    우선 네티즌들이 개인의 이력이나 가족소개 등을 보려고 (친구나 가족등
    이 아닌 이상) 일부러 개인 홈페이지를 찾아 가진 않을 것이기 때문이다.
    그렇기 때문에 개인의 홈페이지라도 어떠한 Contents 로 네티즌들에게
    다가갈 것인가를 정해야 한다. 하지만 너무 많은 부분을 건드리면 오히려
    식상한 느낌을 줄 수 있고, 내용이 많으므로 자세히 들어가기가 힘들어
    진다. 그렇기 때문에 그 종류는 1 ~ 2 가지 정도가 가장 적당할 것이다.

    그리고 나서 선정한 종류의 내용을 하위 디렉토리를 만들어 가며, 차츰
    차츰 진행해 나가야 할 것이다.

    이것의 짜임새와 정보가 좋다면 네티즌들은 그 사람에게 호감을 느끼고
    개인의 이력을 궁금해 할 것이다. 한마디로 어떤면에서는 개인의 이력은
    차후의 문제가 되는 것이다.

    하지만 예외도 있다.
    개인의 포트 폴리오 형식으로 제작을 한다면 그것을 보기 위해 들어
    올 수도 있는 문제이다.
    하지만 엄밀히 말하자면 이것도 하나의 Contents를 잡아 나가는 것이므
    로, 결국은 어떠한 Contents 로 승부수를 던질것인가가 중요하다.

    기업의 홈페이지는 두말할 것도 없지만 개인의 홈페이지도 지속적인 유
    지, 보수가 필요하다.
    홈페이지에 방문한 네티즌이 방명록에 글을 남기면 그 글에 대한 답을 해
    야 하고, 갖추어진 정보에 대해 지속적인 유지, 보수, 관리가 필요하다.

    물론 내용과 디자인도 중요하겠지만 유지, 보수, 관리를 철저히 하는 것
    만으로도 그 홈페이지는 네티즌들에게 호감을 사고, 더 나아가 유명한
    사이트로 변할 수도 있을 것이다.

웹기획자가 하는일

 
 

웹 기획자는 전체적으로 사이트를 디자인 하는 일을 한다 (여기서 말하는 디자인
이란 사이트의 그래픽 디자인이 아닌 사이트의 구성 설계를 말한다). 즉 어떤 사
이트를 만들 것인가에서부터 효율적인 컨텐츠의 구성과 배치 등등의 일을 하게
된다. 때때로는 사이트 마케팅의 영역도 일부 관여하게 된다.

- 사이트의 컨셉 설정

일의 처음 시작은 역시나 무엇을 만들것인가 어떻게 만들것인가에 대한 고민일
것이다. 웹 기획자는 이 부분에 대한 컨셉을 명확하게 구성 해야 한다. 예를 들어
인터넷서점에 관한 사이트라면 종합서적몰로 만들것인지 단일전문서적몰로 만
들것인지, 서적에 대한 이미지를 가지고 사이트를 구성할 것인지, 대상층을 가지
고 구성할 것인지 등에 대한 다양한 컨셉을 제시할 수 있어야 하며 그 컨셉을 구
체화 시킬 수 있어야 한다.

- 사이트의 제작 총괄

사이트의 개발을 총괄하는 작업인데, 기초적으로 필요한 인적리소스의 배치와
사이트 제작과 오픈 스케줄 구성 그리고 사이트 업그레이드에 대한 예정일 등등
에 대한 부분을 스케줄링(Scheduling)할 수 있어야 한다. 이를 위해서 디자인
팀이나 개발팀에 대한 명령 권한이 어느 정도 필요하다. 간혹 이러한 부분에
있어서 팀간의 갈등이 생기기도 하는데, 업무 순서상 기획되어 있지도 않은 사이
트를 개발하거나 그래픽 디자인을 할 수는 없는 것이다. 따라서 어느 시점에서
그래픽 디자인 팀이 투입이 되는지는 기획자가 판단을 해야 하는 것이다.

- 사이트에서 필요한 컨텐츠 설계 및 구성

사이트에서 필요한 컨텐츠의 개발과 개발된 컨텐츠의 체계적인 구성 능력이 필
요하다. 컨텐츠의 개발은 자료조사나 기타 작업을 통해서 필요한 컨텐츠를 찾아
내는 것이다. 때로는 필요에 따라 직접적인 컨텐츠 제작 팀을 운영 해야 한다.
컨텐츠의 구성 능력이란 어떤 방식으로 사이트가 의도하는 바를 사용자들과 커
뮤니케이션 할 것인지를 결정하는 것이다. 사이트와 사용자간의 커뮤니케이션이
원활하면 할수록 사이트의 활성화가 빠르게 이루어질 수 있다. 그 밖에도 사이트
내에 게시될 수 있는 모든 컨텐츠를 감독해야 한다. 사이트의 색상에서부터 향후
게시되는 배너광고 형태까지도 사이트 컨셉 의도와 맞는지를 생각해야 하고 관
리해야 한다.

- 사이트 스펙(Site Specification) 제작

인형을 만들 때 인형의 모형을 만들어 보는 것과 동일한 작업이다. 워드 프로세
서나 다른 툴(Tool)을 이용하여 향후 사이트에 내걸게 될 각 페이지를 만드는 것
이다. 기획자가 하는 일 중에서 산출물이 가장 많이 나오는 부분이기도 하다. 대
략적으로 일반적인 상용 사이트의 경우 100여 페이지 정도의 스펙이 나온다.

- 사이트 테스트

기본적으로 사이트 작업자 또는 사이트에 익숙한 내부 스텝들을 통한 베타 테스
트에서부터, 사이트에 대한 사전 지식이 없는 사람들로 이루어진 로드 테스트까
지 테스트를 실시하고 그 결과를 통해서 수정작업을 총괄해야 한다. 또한 사이트
오픈 후에 실 사용자들의 반응을 체크하여 그 데이터를 가지고 추가 컨텐츠의 개
발을 지속적으로 실시해야 한다.

- 마케팅 영역에 대한 작업 사이트 기획안 작성

당시 타겟팅으로 선정되었던 사용자들에 대한 이벤트나 마케팅 기획안을 마케팅
팀에 제시한다. 이는 기획단계에서 입안 되었던 아이디어를 사이트 마케팅까지
연결하는 작업이다. 이밖에도 자료조사나 사이트의 컨셉을 연결할 수 있는 다른
사이트를 찾아 제휴방안을 모색하는 등의 일을 들 수 있다. 이 사이트 제휴방법
은 컨텐츠의 개발이나 보강 시에도 필요한 작업이다.

4대 비지니스 모델  
 

1 . 전략모델

고객에게 자신의 회사가 제공하는 것이 무엇인가를 표현하는 모델로서 구체적
으로 그 사업의 고객과 제품 , 제공 기능이 무엇이며 그에 덧붙일수 있는 매력과
기능 그리고 매력을 실현하기 위하여 구축해야 할 자원이 무엇인가를 표현한다

2 . 운영모델

전략을 지탱하기 위한 사업운영의 기본구조를 표현하는 모델

3 . 수익모델

사업활동의 대가를 누구에게 어떤식으로 얻는가를 표현하는 모델

4 . 경쟁모델

누구(경쟁자,잠재적 신규 참가자,대체품)와 경쟁하고,어떤식으로 우위를 만들어
나가는가를 표현하는 모델

주제결정

 
 

만들고자 하는 사이트의 주제를 파악해야 합니다. 주제를 정해야 디자인의 컨셉(concept)을 잡고 그에 맞는 디자인을 할 수 있기 때문이지요.
주제에 따는 홈페이지 제작의도 또한 파악해야 합니다. 사이트에서 강조하고 싶은 것은 무엇인지(예 : 회사홍보, 제품소개, 전자상거래 등),주요 이용고객의 Target은 누구인지 (예 : 학생, 주부, 직장인, 각분야의 전문가 등)에 따라 디자인의 경향이 많이 달라지게 됩니다.

 

1. 웹 사이트의 단기 목표와 장기 목표는 무엇인가?

(대부분의 무작정 홈페이지를 만들려고 하는 업체들의 사장님은 그저 만들고 보자고 하시는 분들이 있어 목표에 대해선 간과하는 부분이 많다.
그리고 본인조차도 그런 물음을 하기, 받기 싫어 하는 경향이 있으니 말이다.)


2. 어떤 것들을 사용해서 만들 수 있는가?

(그저 움직이는 것을 좋아하는 분(?)들이 많다. 이제는 모두가 빠른 인터넷을 사용하면 그럴 문제는 없겠지만, 그래도 용량이 많은 건 배제해야되는 데 말이다.
휘양찬란한 홈페이지를 좋아하는 사장님을 설득하기가 참 힘이 든다.)

3. 웹 사이트를 주로 방문할 사람들은 어떤 부류인가?

(해상도에 대해서 불만을 말씀하시는 사장님도 종종 계시다. 그러나 사용자들의 대부분(?)은 800*600모드로 사용한다길래... 허전하다고..(흑흑))
정보만을 사냥하러 오는 사람들은 움직이는 것, 귀찮은 것을 싫어할텐데..내가 그렇다.)

4. 사람들이 여러분의 사이트에 접속하는 이유는 무엇인가?

(제품...정보...그리고 즐거움....그냥(?)..어쩌다가...)

5. 사용자들이 여러분의 사이트에서 어떤 종류의 작업을 할 수 있는가?

(게시판에 올려져 있는 질문에 절대 대답 안한다. 걱정이다. 알아야 대답을 하지... 어떤 사이트는 하루안에 답변을 한단다. 그렇게 해야 사이트는 클 수 있다.
암..그렇지)


6. 어떤 종류의 내용이 들어가야 하는가? 어떤 종류의 내용은 있어서는 안되는가

(웹기획중에 페이지를 설정하려고 하면 회사소개는 항상 들어간다. 약도, 사업분야... 늘상 들어가는 빠지지 않는...의문이다.
정보를 찾으러 오는 사람이 비중있게 회사소개를 눈여겨 볼까? 그렇다고 넣지 않자니 신뢰도가 떨어지고...그럼 기획의 부족이란 말인가?
카달로그의 내용을 다 넣는건 오프라인의 온라인 버전일 뿐인데...그렇담 어떻게... 그건 나의 과제이다.)

자료조사 수집

 
 

자료가 충분히 준비된 상태에서 진행을 해야 순조롭게 이루어집니다.
필요한 내용들을 text로 모두 준비 해 두고, 이미지들도 Scanning 해 두어
필요할 때 바로 꺼내쓸 수 있어야 합니다.
웹에서 글씨를 읽는 것은 책보다는 집중성이 떨어지고 쉽게 포기 해 버리는
경우가 많기 때문에 필요이상의 많은 자료보다는 중요한 부분만을 요점으로
간단명료하게 준비 해 두는 것이 좋습니다. 오타검사 또한 중요합니다.

메뉴결정

 
 

메뉴를 크게 몇가지로 나눌 것인지, 그 나뉜 메뉴는 또 몇개의 sub로 나뉠지를 결정합니다.
메뉴가 너무 많게 되면 혼란스러우므로 적당히(5~7개가 적당) 나누고, 메뉴의 이동이 너무 잦지 않도록 분류를 잘 나누어야 합니다.
sub메뉴들이 3단계(Three depths) 이상으로 계속 나뉘게 되면 화면상
배치하기도 어렵고 자칫 어지러워질 수 있으므로 간결하고 분명하게 구분하여 나누어야 합니다.
메인메뉴는 7개 이상이 넘어가면 화면 분배상, 이용상 좋지 않습니다. 가장 이상
적인 메뉴는 5개 이지요.
그리고 Home, E-mail, Sitemap, English 등의 메뉴는 메인메뉴와는 구분지어
다른 디자인으로 꾸미는 것이 좋습니다.

화면 레이아웃

 
 

▨ 웹 레이아웃

페이지를 읽기 쉽게 만들어야 한다. (약 11개의 단어 정도 사용)
4-8줄을 가진 단락이 되도록 하라.
마진을 크게 잡아라.

▨ 웹 레이아웃 공식

"일관적인 모습과 느낌"
※일관적인 요소

네비게이션바-"사용자로 하여금 억지로 밑으로 스크롤하게 네비게이션바를 페이지의 하단에만 두는 것은 사용자를 화나게 만드어 "back"버튼을 누르게 만드는 결과초래"
아이덴티피케이편-전체 사이트와 페이지의 아이덴티피케이션은 모든 웹사이트의 약 95%가 페이지 상단에 위치하고 있다. 대개 웹페이지 상단의 사용자의 이목을 끄는 출발점이기 때문이다.
공통되는 인식의 신호.
공통의 헤더 요소.
공통된 페이지 하단의 반복요소(대개 저작권 표시와 개발자 주소).
공통된 그래픽 스타일.
그래픽 크기의 통일성(같은 사이즈).
그리드 사용["마진"]-가능하면 더 많은 공간을 할애하도록 만들어라.
화면의 수평공간 레이아웃 제어.

▨ 다수의 사용자를 위한 레이아웃

모든 사용자.(최소공약수에 해당하는 내용만을 위해서 만드는 것이다.)
향상된 기술을 받아들일 수 있는 사용자.
웹페이지의 두가지 세트.
(1)모든사용자,(2)향상된 기술을 받아들일 수 있는 사용자.[두가지로 제작]
=>사용자 선택(flash, html)
=>선택할 서버를 이용하기.
=>브라우저 선택해서 로드한다.[익스플로러, 네스케이프].
※3줄 이상은 중앙정렬은 금물이다.
사진=>30K로 만들어라
전체페이지의 크기=>120K
=>컬러맵 사이즈-80%밖에 활용못한다.(색상 표현의 제한)
=>디더링-컬러맵에 관한 문제를 해결하기 위해 개발자는 이미지를 디더링하여 더 작은 컬러맵으로 만든다.
=>이미지에 정확한 명칭을 부여한다.

홍보 전략 구상

 
 

1, 우선 홍보대상자를 선정하고 기대효과를 예상한다

홍보대상자는개발된 웹 컨텐츠에서 서비스를 받고자하는 대상자를 구체적으로
예상한 후에 그들에게 맞추어 즉, 나이 . 성별 , 직업 . 라이프 스타일 등을 고려
하여 홍보전략을 구상해야한다 한편. 이들 홍보대상자에 대한 정보를 웹 상에서
취득할 수가 있는데 , 그것은 유사사이트의 트래픽을 통해 대상자의 관심사와
성향을 파악할 수가 있고 대상자의 도메인방문빈도 및 행태 정보를 통해 대상자
의 정보를 얻을 수 있다 기대효과는 잠정적.홍보결과 나타날 수 있는 효과를
예상하는 것으로 홍보의 목표가 어디에 있는지에따라 다양하게 나타난다

2, 홍보할 내용을 결정한다

흥보내용은 홍보의 목표에 따라 구체적으로 내용이 정해진다 도메인 네임을 홍
보할것인가. 서비스 내용을 홍보할것인가 등 목표가 다양하게 선정될 수 있다
신규회사인 경우는 도메인네임을 주로 홍보하겠지만 이름이 알려진 회사는 서비스 내용에 대한 홍보에 주력할 것이다 적합한 홍보내용의 결정은 대상자의 눈
높이를 우선적으로 고려하고, 적합한 문구나 이미지를 구상하도록 한다.

3, 온라인 및 오프라인상의 홍보매체를 선정한다

홍보 내용이 결정된 후에는 내용을 효과적으로 전달할 수 있는 표현요소가 텍스트가 될 것인가, 그래픽, 동영상, 사운드가 될 것인가를 구체적으로 결정한다. 그리고 이후에는 홍보대상자에게 직접적으로 내용을 전달할 수 있는 오프라인 및 온라인 매체를 선정한다.
1 _ 오프라인 매체
대중매체(신문,TV, 라디오)
잡지 및 광고지
오프라인 스폰서쉽
오프라인 기념품
오프라인 이벤트
오프라인 커뮤니티
2 _온라인 매체
배너 광고
배너 교환
링크 교환
서치엔진 및 디렉토리에 등록
온라인 이벤트
온라인 커뮤니티
온라인 스폰서쉽

앞에 나열한 온라인과 오프라인상의 홍보매체를 홍보목표와 내용 및 홍보대상자
를 고려하여 적합하게 선정하고 홍보한 이후에는 홍보 결과가 예상 기대치에 부
합되었는가를 면밀히 검토하여 차후에 보다 가치 있는 홍보구현을 위해참고하도
록 한다

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
133 사계양식-국내 댓글1 2 timelord 12.25 7944
132 사업계획서 양식 댓글2 2 timelord 12.25 7645
131 One Page Business Plan 댓글2 2 timelord 12.25 3158
130 사업계획서 - 미국사례 댓글1 2 timelord 12.25 2830
129 설득력있는 광고 기획서 작성법1 2 roam 10.30 2356
128 스티브 잡스의 프리젠테이션 배우기. 2 roam 10.30 2166
127 제안서 작성요령 2 음악교육 09.21 3817
126 1장짜리 제안서 쓰기 댓글2 2 Krover 08.17 7770
125 쇼핑몰 제작 기획 99 단국강토 04.10 3454
124 프리젠테이션의 마인드 5가지 99 단국강토 02.02 2846
123 간단한 프리젠테이션 기법 99 단국강토 02.02 3144
122 ‘창의적 프레젠테이션’ 7가지 성공전략 댓글1 99 단국강토 01.30 2906
121 성공 프리젠테이션2 99 단국강토 01.30 2689
120 성공적인 프리젠테이션1 99 단국강토 01.29 2612
119 Website 기획? 고민하지 말고 고객을 학습하라! 99 단국강토 01.29 2691
118 “잘.나.가.는.” 사이트 만들기 비법 100가지 99 단국강토 01.20 3072
117 '효율적인 웹기획' 99 단국강토 01.20 2807
열람중 웹디자인/웹디자인 기획하기 홈페이지 기획하기 99 단국강토 01.19 2883
115 :: 프리젠테이션 에서의 BEST 8 99 단국강토 01.19 2741
114 강력하고 간결한 한 장의 기획서 99 단국강토 01.16 2779
113 프레젠테이션 뼈대 잡기 99 단국강토 01.16 2637
112 기획서를 구성하는 3S (Simple, Smart, Speed) 99 단국강토 01.15 2655
111 브리핑(briefing)만 잘 해도 50%는 성공이다 99 단국강토 01.15 2602
110 스티브 잡스에게서 배우는 프리젠테이션 십계명 99 단국강토 01.14 2635
109 스토리 보드 작성시 필수 확인사항 99 단국강토 01.14 3285
108 자신만의 성공적인 제안서 작성 기법 99 단국강토 01.13 2542
107 성공적인 메뉴 네비게이션 99 단국강토 01.13 2892
106 글을 요약하는 방법 99 단국강토 01.12 2895
105 기획서 잘 쓰는법 99 단국강토 01.12 3726
104 제안서 발표시 유의사항 99 단국강토 01.08 2467
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취