Detail View

방문자의 발길이 끊이지 않는 인기 홈페이지에는 어떤 기획 요소들이 있는지 하나씩 찾아 분석하고 그 요소들이 어떻게 동작하는지 알려주는 책. 이전에는 평범하고 아무것도 아닌 것 같았던 것이 철저한 기획과 계산에 의해 구성된 것을 발견하게 될 것이며, 초보자들에게는 올바른 기획을 통해 사용자를 배려하는 홈페이지 기획을 배우게 해주며, 웹디자이너들에게는 작업의 시야를 넓게 하여 디자인과 함께 누구에게나 사용하기 편리한 홈페이지를 만들게 할 것이다.

Part 1은 웹기획을 처음 입문하는 사람들을 위해 기본적인 웹기획 이론을 이해할 수 있는 내용들로 구성하고, Part 2 이후부터는 많은 사람들이 즐겨 찾고 있는 기업체, 교육기관, 병원, 언론사, 금융기관 등 실제 운영 중인 홈페이지들을 분석하여 각 홈페이지에 숨어 있는 기획 요소들을 찾아내어 그 의도에 따라 사용자들에게 어떻게 적용되는지를 알아본다. 웹기획 벤치마킹을 통해 평소 아무 생각 없이 방문했던 홈페이지에 이렇게 많은 기획 요소들이 있었다는 것을 발견하게 되며 웹디자이너들의 기획 능력을 넓힐 수 있게 해준다.

웹기획은 절대 어려운 것이 아닙니다. 우리는 하루에도 수백 번씩 기획을 하고 있습니다. ‘오늘은 어떤 것을 입을까?’, ‘점심은 어떤 것을 먹을까?’ 이런 단순한 고민에서부터 기획은 출발합니다. 웹기획은 홈페이지를 만들기 이전부터 끝없이 묻고 생각하는 과정에서 시작됩니다. 가장 좋은 웹기획은 홈페이지를 사용자 입장에서 생각하는 것입니다. 실제 홈페이지에 방문하는 사람은 웹기획자나 디자이너가 아니기 때문입니다. 많은 사람들이 열광하는 홈페이지들은 사용하기 편하게 만들어진 경우가 많은데 사용자를 배려하는 기획이 바로 올바른 웹기획이 됩니다. 누구나 웹기획을 할 수 있습니다. 많은 홈페이지를 방문하고 그 구성을 하나씩 살펴보면 기획자의 생각을 엿볼 수 있으며 벤치마크를 통해 여러분에게 새로운 아이디어를 떠오르게 할 것입니다.

이 책의 포인트 !

웹디자이너에게 기획이라는 날개를 달아드립니다!
웹기획은 기획자만이 할 수 있는 것이 아닙니다. 홈페이지를 사용할 대상을 조금이라도 배려하여 구성한다면 그게 바로 웹기획의 시작이 됩니다. 화려한 디자인보다 중요한 것은 사용자와 소통하는 홈페이지입니다. 웹기획을 통해 사람들의 발길이 끊이지 않는 인기 만점의 홈페이지를 만들 수 있게 됩니다.

- 벤치마킹을 통해 웹기획을 배운다!
인기 많은 홈페이지의 사용자를 위한 다양한 요소들과 기획들을 분석합니다. 홈페이지 레이아웃, 메뉴 구성, 컬러 콘셉트 등 홈페이지를 구성하는 모든 것들이 치밀한 기획에 의해 구성되어 동작하는 것을 분석하고, 그 속에 숨어 있는 기획 의도를 찾아내며 기획 실력을 키울 수 있습니다.

- 다양한 홈페이지의 기획 분석으로 시선을 넓힐 수 있다!
이 책은 처음 웹기획을 접하게 되는 사람도 쉽게 이해할 수 있도록 기획 이론 등 기본적으로 알아야할 부분들을 함께 수록하였습니다. 웹기획 벤치마킹을 위한 대표적인 홈페이지로 기업체, 교육기관, 병원, 언론사, 금융기관 등 실제 운영 중인 홈페이지들을 분석해 보며 다양한 웹기획을 배울 수 있습니다.

Information Provided By: :

목차
Part 1. 홈페이지는 기획에서 출발한다 
 Chapter 1. 웹 기획, 도대체 무엇인가? = 12
  당신은 웹 기획자 입니까? = 12
  기획이란 도대체 무엇입니까? = 13
  일반적인 기획 프로세서 = 13
  팡팡 터지는 아이디어 = 14
  브레인스토밍이란? = 15
  브레인스토밍의 결과를 정리하자 = 16
  아이디어가 잘 실행 되도록 하는 법 = 19
  가장 중요한 것은 운영이다 = 19
 Chapter 2. 웹 기획! 뭘 해야 하는 거야? = 21
  웹 기획자는 □□이다! = 21
  웹 기획자가 하는 업무는 무엇일까? = 22
  웹 기획자는 CEO? = 24
 Chapter 3. 웹 사이트 운영! 어떻게 하지? = 25
  시작을 두려워하지 마라! = 25
  열심히 하는 사람보다 잘하는 사람이 되자 = 25
  웹 사이트에서의 인프라(Infra)의 역할 = 26
  컨텐츠만 좋다면, 디자인이고 뭐고 없다! = 26
  웹 사이트 마케팅, 프로모션 = 27
  고객은 역시 왕이다 = 28
  제대로 되고 있는지 체크하자! = 29
 Chapter 4. 문제를 찾고 개선하기 위한 방법 = 30
  문제가 무엇인가? 문제점을 찾아내는 방법 = 30
  문제를 찾았다면 벤치마킹하라 = 31
  제대로 설계하라 = 32
  디자인과 개발 코딩 = 34
  검수 및 테스트 = 36
  패러다임 모델로 시스템을 개선하자 = 37
 Chapter 5. Information Architecture = 39
  모든 이해의 시작은 '분류'에서 출발한다 = 39
  내비게이션은 목적 중심적이며 행동 지향적이다 = 39
  홈페이지에 라벨을 붙이자 = 40
  검색 행위에 대한 이해 = 40
  컨텐츠 설계 및 배치하기 = 41
  사용자를 어설프게 이해한다 말하지 말라! = 42
 Chapter 6. IA 정보를 분류하자 = 44
  사용자를 고민에 빠지게 하지 말라 = 44
  정보를 분류하기 전에 책상 위부터 정리 하자 = 44
  서비스 정보 분류와 주제 정보 분류 = 46
  인트라넷 정보 분류 = 46
  웹 사이트 설계의 기본 정보 분류 절차 = 47
 Chapter 7. 네비게이션의 본질 = 48
  네비게이션이란 무엇일까? = 48
  네비게이션에서 고민하는 문제들 = 49
  네비게이션도 정보설계이다 = 49
  일반적으로 보는 네비게이션 설계들 = 50
  트렌드와 유행은 다르다 = 51
Part 2. 한눈에 반해버리는 디자인으로 제작된 홈페이지
 01. 홈페이지를 신나게 질주하자! 지니 T3 =54 
  계속 이야기를 꺼내라 = 54
  상징적인 요소로 실체화된 사이트 = 55
  달리다 보면 새로운 세상이 펼쳐진다 = 56
  방문자를 위한 구성의 색상과 그래픽 메뉴 = 58
  간략하지만 다 보여줄 수 있다 = 59
  안내는 최대한 친절하게 = 60
 02. 맛있는 하루를 위해, CJ 해찬들 = 61
  특징을 한 눈에 보여주는 이미지 = 61 
  짜임새 있게 자연스럽게 연결된 컨텐츠 = 63
  커뮤니티는 살아있는 컨텐츠를 만든다 = 64
  의미있는 네비게이션 구성 = 65
  정확하게, 아주 자세하게 = 65
  개인 맞춤형 페이지 = 66
 03. 박물관을 그대로 옮겨온, 한국은행 화폐금융박물관 = 68
  간결하게 구성한 메인화면 = 68
  안정적인 레이아웃 구성 = 69
  소회 계층을 고려하고 있는가? = 70
  사용이 편리한 예약시스템 = 72
 04. 기업 역사를 한 눈에 보여주는, 현대모비스 사이버역사관 = 74
  지겨운 정보전달은 그만! = 74
  대표적인 이미지를 최대한 활용하자 = 75
  이야기가 있는 감성적인 컨텐츠 = 77
  다양한 포멧으로 구성된 컨텐츠 = 78
 05. 재미있는 스토리가 가득한, 삼성화재(브랜드이야기) = 80
  인트로는 철저하게 계획되어야 한다 = 80
  메뉴 분류는 간단하게! = 81
  주조색을 잘 활용하라 = 82
  친숙할수록 더 기억에 남는다 = 83
  E-book의 구성 = 84
  만화같이 연결되는 페이지 이동 = 85
  이런 Q＆A는 어떨까요? = 86
  페이지는 여유롭게 구성하자 = 87
  연혁페이지는 항상 재미없다? = 88
  한 번에 하나씩 보여주자 = 89
  온라인과 오프라인의 경계를 없애자 = 90
  독창적인 메뉴 표현 방식 = 91
 06. 금융을 바꾸다. 홈페이지를 바꾸다! 현대캐피탈 = 92
  복잡한 금융기관 홈페이지, 답이 없을까? = 92
  메뉴를 통한 자연스러운 광고의 삽입 = 93
  무엇을 찾아드릴까요? = 94
  관심 분야에 맞게 분류된 컨텐츠 = 95
  친절한 시뮬레이션 서비스 = 96
Part 3. 색상과 UI로 브랜드를 말해주는 홈페이지
 01. 모니터로 미리 만나는 새로운 세상, 아시아나 웹진 = 100 
  낯설지만 설레도록 만드는 메인화면 = 100
  5초만 지겨워도 창을 닫는다 = 101
  움직이면 무조건 역동적인가? = 102
  합쳐라! 더 새로워진다 = 103
  도대체 당신의 타깃은 몇 살인가? = 104
  전문가는 역시 다르다? = 105
 02. 기업 홍보의 색다른 패러다임, 메타브랜딩 = 107
  기업 홈페이지도 재미있어야 한다 = 107
  간결하려면 동일하게 구성하라 = 108
  경험에서 꺼내는 상상력 = 109
  인트로, 지겹지 않은가? = 110
  숨겨진 요소들은 재미있게! = 111
 03. 고객과 소통하는 홈페이지, 한화그룹 = 113
  소통하는 홈페이지 = 113
  여러 대상을 고려하자 = 114
  이야기가 있는 페이지 레이아웃 = 115
  서브 홈페이지와의 이동 = 116
  회사 홈페이지는 딱딱해! = 117
  재방문을 유도하자 = 118
  사용자 분석을 통한 네비게이션 구성 = 119
 04. 새 출발에는 변화가 있다! 금호 아시아나그룹 = 121
  새 출발과 홈페이지의 변화 = 121
  윈도우 창을 응용한 레이아웃 구성 = 122
  무조건 한 페이지에 끝내라? = 123
 05. 원하는 색상을 골라라! CYON Colorholic = 125
  컬러풀? 월더풀! = 125
  컬러 컨셉에 맞는 디자인 = 126
  알아서 홍보되는 UCC = 127
  나만의 컬러? 알아서 고르세요 = 128
  같이 만들어가는 컨텐츠 = 129
  원하는 부분을 보여주자 = 130
Part 4. 콘셉트에 꼭 맞는 레이아웃으로 구성된 홈페이지 
 01. 웹에서 만나는 색다른 학교, 사이버한국외국어대학교 = 134
  홈페이지를 통한 대학교육 = 134
  페이지를 구성하는 색상 디자인 = 135
  마이크로 홈페이지, 달라야 하는가? = 136
  맛보기에 인색하지 말자 = 137
  로컬홈페이지의 디자인 통일 = 138
  네이게이션을 숨기지 마라! = 139
  로그인도 변화한다 = 140
 02. 방문자를 배려하는 최선의 컨텐츠, 연세대학교의료원 i세브란스 = 142
  누가 더 많이 방문하는가? = 142
  페이지 이동을 빠르게 하는 네비게이션 = 143
  온라인예약시스템은 필수요소! = 144
  온라인 발급 서비스, 어떻게 구성할까? = 145
 03. 단순한 것이 가장 편리하다. 대신증권 = 147
  자세하게, 하지만 보기 쉽게 = 147
  잘 연결되어 있는 페이지 구성 = 148 
  동일게열 색은 통일감을 느끼게 한다 = 149
  선택은 간단하게, 결과는 정확하게 = 151
  가장 익숙한 것이 가장 편리하다 = 152
  또 다른 네비게이션 = 152
 04. 미니멀리즘을 웹으로 표현한, 현대백화점 = 154
  리뉴얼은 또 다른 시작! = 154
  단순해서 더 잘 어울리는 네비게이션 = 155
  묶을수록 정리가 된다 = 156
  무엇으로 색상을 결정하는가? = 157
  여백으로 숨쉬게 하라! = 158
 05. 방문자와 함께 커가는 홈페이지, CJ tvN = 160
  함께 만들어가는 홈페이지 = 160
  항상 똑같은 네비게이션은 질린다 = 161
  항상 같은 것이 정답은 아니다 = 162
  다양한 정보 접근 방법 = 163
  컨텐츠의 재구성 = 164
Part 5. 짜임새 있는 구조가 돋보이는 홈페이지 
 01. 홈페이지에서 자연을 만나다. 이니스프리 = 168
  여심에서 끌어내는 인트로 = 168
  자연은 도대체 무슨색이지? = 169
  공짜 컨텐츠를 제공하자 = 170
  속삭여라! 귀가 열린다 = 171
  피드백은 또 다른 컨텐츠 = 171
  정렬에도 법칙이 있다 = 172
  이런 검색 스타일도 있다 = 173
 02. 집에서 원하는 교육을 받자. 경기여성 e-러닝센터 = 174
  이보다 더 어울릴 수 있을까? = 174
  누구나 쉽게 신청하도록 하자 = 175
  색상은 감정을 지니고 있다 = 176
 03. 화려함 속에 감춰진 홈페이지, 삼성에버랜드 = 178
  심플하게 구성된 기업홈페이지 = 178
  말하지 않아도 이해할 수 있다 = 179
  인위적이지만 자연스럽게 = 181
 04. 그리드 레이아웃으로 잘 정돈된, SK에너지 = 183
  로컬에 맞는 홈페이지 구성 = 183
  질서있게 보이는 그리드 레이아웃 = 185
  CI 컬러를 최대한 활용하자 = 186
  상징적인 이미지의 활용 = 187
 05. 기업 홈페이지도 충분히 재미있을 수 있다. 이랜드그룹 = 188
  기업 홈페이지도 재미있게 구성하자 = 188
  시점이 다르면 디자인이 바뀐다 = 189
  연혁도 이렇게 만들면 재미있다 = 190
  간략하게 소개한 브랜드 페이지 = 191
  로컬 홈페이지에 너무 집중하지 말자 = 192
Part 6. 풍부한 콘텐츠로 구성된 홈페이지 
 01. 커뮤니티가 잘 구성된, 닥터아파트 = 196
  오프라인보다 편리한 온라인 = 196
  단순할수록 잘 보인다 = 197
  텍스트는 이미지보다 빠르다 = 198
  친숙한 인터페이스로 만들자 = 199
  개인 블로그에서 컨텐츠를 얻다 = 200
  쉬운 검색, 이렇게 구성하자 = 201
 02. 함께 만드는 신문, 오마이뉴스 = 202
  빠른 정보 제공을 위한 온라인 신문사의 탄생 = 202
  가독성을 높이자 = 203
  트래픽을 줄여라 = 204
  사용자를 더 편리하게 하자 = 205
  컨텐츠의 자유스러운 연결 = 206
  소통의 경로를 기획하자 = 207
 03. 미니멀리즘 디자인으로 구성된, 연세대학교 = 208
  고정관념에서 벗어나라 = 208
  텍스트를 잘 활용하자 = 209
  한 눈에 다 보여줄것인가? = 210
  동일한 디자인과 차별화 요소 = 211
  메인 이미지에 표현한 이동 메뉴 = 212
  평범하고 자연스럽게 = 212
  사용자 편의와 디자인 = 213
  비슷하지만 또 다른 레이아웃 = 214
 04. 다양한 콘텐츠의 집합, SK스피드메이트 = 216
  계속 연결되는 컨텐츠 = 216
  서브 페이지는 메인 페이지의 연장이다 = 217
  컨텐츠는 전문가에게 맡겨라 = 219
  기왕 제공하려면 아무 조건 없이! = 220
  빠른 반응만이 살아남는다 = 221
  온라인과 오프라인의 연계 = 222
  컨텐츠에 따라 보여주는 형태를 바꾸자 = 223