Web

フロントエンド
アートディレクターデザイナー
クライアント

インフォメーションアーキテクチャデザイナー

プロデューサーディレクター
エディター・ライター HTMLコーダー

デザインエンジニア HTMLコーダー

コンサルタント・
プランナー
アナリストシステムエンジニアプログラマー

プログラマー

分析・調査バックエンド

設計・開発テスト・移行運用・保守
戦略フェーズ
フェーズフェーズフェーズ

テコンテンツ
運用
案デザインス
企開発ト
件・
画戦定デ効
・
分略義バ果
システム
・ッ運用・
析立基ク検
・
調
案本・証
環
査設システム境
計開発
移プロモー
ション
行

プロジェクトマネジメント

Web制作にかかわる各種クリエーター

クライアントとの折衝や方針決定、受注契約、予算、人事など、幅広い権限と責任をもつ、
プロジェクトの総合責任者。
プロジェクトに関わる人・お金をすべて管理・把握し、きっちり成果をあげていく責任があ
るマネジメント職です。クライアントのリクエストに応じて納期までにWebサイトコンテンツ
制作業務を遂行するために、あらゆる問題点を解決していく必要があります。また、会社
としての利益をちゃんと確保するというのも重要な役割。プロジェクトの勝敗を決めるのも、
プロデューサー次第といえるでしょう。

主な業務必要とされるスキル

 要件定義  クライアントの業界に関する知識、トレンド
 企画立案、プレゼンテーション  コミュニケーション能力
 予算・工程管理  Webサイトコンテンツ制作技術に関する全般的
 制作チームの構成な知識

Back To Organization chart


制作の実務部分の管理、統括を行う人。プロデューサーの意思を実際に形にするにあ
たっての必要な資料の作成から、対外的な交渉まで幅広い業務を行う。場合によっては
デザイン、コーディング、機能定義などの作業も実施する。メディアのディレクターと制作
会社のディレクターでは大きく業務内容が異なる。クライアントの要望に従ってWenサイト
の構造やインターフェイスデザインを考え、デザインカンプやグラフィックパーツ制作を行
う。


 進行管理  スケジュール管理・進行
 品質管理  プロジェクト遂行能力
 Webプランニング  リーダーシップ
 コミュニケーション能力
 マネジメント
 マルチタスク
 幅広い知識



プロジェクトの予算や進行全体の責任者。「PM」や「プロマネ」と略称される。仕様決めか
ら技術的な知識はもちろん、ヒト、モノ、予算時間の管理力が必要。システムエンジニア
が兼任する場合もある。


 プロジェクトの企画・提案  マネジメント能力
 メンバーの指名
 リーダーシップ
 社内調整
 顧客折衝  ニーズをまとめるスキル
 案件定義  アーキテクトスキル
 受注  業務・技術知識
 品質管理・進捗管理
 コスト管理・リスク管理



市場調査、競合分析、コンテンツ企画などの担当者。現場レベルでの情報伝達と統括、進行
管理、素材管理、成果物のチェックや品質管理が主な仕事。
Webサイトコンテンツ制作のプランニングを行います。Webサイトのサービス方針や仕掛けなど
を具体的に提案していく立場となります。クライアントが予想もつかないような新鮮で魅力的な
プランを提示することができるのが、優秀なプランナーだといえるでしょう。そのため、Webに関
する技術や表現手法についての広範囲な知識を必要とし、業界の動向も把握しておく必要が
あります。プランナーが職種として独立しているケースはまだまだ少なく、ディレクターが兼任
することも多いのが現状です。


 企画立案  Webサイトコンテンツ制作技術に関する全般的な
 資料作成知識
 プレゼンテーション  Webサイトにおける表現手法や技術の最新トレンド
 情報収集能力
 企画書・設計書作成
 提案力
 Officeソフト全般
 Webディレクション



コンサルタントとは、経営などにおいてその企業の持つ問題点をヒアリングし、実情をあら
わにして問題点を探し出しその解決策を考え結果をだす、それがコンサルタントの業務
になります。
「webコンサルタント」とは、ホームページの利用や、SEO、広告の効果などの実情を調べ
問題点を解決する、一言でいえば「webマーケティングのプロフェッショナル」です。


 アクセス解析  発注者の利益増大に貢献する能力
 SEO対策  Web制作・運用スキル
 SEM対策  広いマーケティング知識
 市場調査  戦略立案
 ヒアリング
 Webサービスの問題解決
 事業戦略のコンサルティング



サイトのページデザインを作成する人。PhotoshopやIllustratorなどのアプリケーションを
利用してデザインを作成。通常、デザインは画像として作成され、それをもとにWebデザイ
ナー本人、もしくはコーダーがＨＴＭＬなどのコーディング作業をしていく。


 デザイン作成  作業スピード・時間管理能力
 最新の技術やデザインへの探求心
 コーディング（HTML/CSS）  HTML5・JavaScript・jQuery・PHP・モバイル・
ユーザビリティ・SEOなどの知識
 フロントエンドのコーディング  映像や音楽などの編集
 動画作成・編集  CMS（コンテンツマネジメントシステム）の知識
 ライティング  SNS（ソーシャルネットワークシステム）の知識
 ソーシャルメディアマーケティングのスキル
 ディレクター的要素（兼任や外注時）
 ライティングや編集スキル



HTML、CSS、JavaScriptなどのコーディング担当者。近年では、スマートフォンやタブレット端
末の登場により、デバイスの特徴を踏まえたコーディングが必要。
論理構造や、アクセシビリティ、SEOを考えた最適なマークアップができるよう文脈を読み取る
知識も必要。
Webデザイナーが兼任する事が多い。

主にHTML/CSSマークアップをする人・・・HTMLコーダー、マークアップエンジニア（SEOetc）
フロントエンド面（Javascript・PHP）のコーディングもする人・・・フロントエンドエンジニア


 HTML/CSSマークアップ  Webソフト全般
 HTML・CSS
 Javascript/ｊQuery/PHP  Javascript/PHP
コーディング  ユーザビリティ・アクセシビリティ
 CMS（コンテンツマネジメントシステム）の知識
 SEO（検索エンジン最適化）の知識
 参考Blog：フロントエンドエンジニア（マークアップエンジニア）とコーダーの違い
http://www.komacchi.com/blogs/2010/05/post_113.php



システムエンジニアが設計した仕様書に基づいて、Webシステムを開発する仕事です。プロ
ジェクトが小・中規模で、Webプログラマーが経験豊富な場合は、システムエンジニアの業務を
兼任することもあります。CMS、問い合わせフォーム、ショッピングサイトのカート(商品購入の
システム)、データベースを使用するシステムまで幅広く開発ます。
モバイル向けのアプリケーションや、Webアプリケーションの需要が特に高まっています。
Webサイトであれば、Javascript・PHP・Ruby、LAMPの知識を。アプリ開発であればJAVA・
Objective-Cなどの知識も必要でしょう。


 Webシステム構築  Webサイトコンテンツ制作技術に関する全般的
 アプリケーション開発な知識
 動作確認・テスト  Webアプリケーション制作技術に関する全般的
な知識
 様々な言語の知識
 新しい技術の動向をキャッチする能力


Web業界の基本的なワークフローとクリエーターのかかわるフェーズ

その企画かWebサイトで実現したい目的は何か、数値目標はあるか、実現可能性はどう
か、おもな対象ユーザーはだれか、必要なコンテンツは何かなどを検討する。

かかわるクリエーター主なフロー

 プロジェクトマネージャー  サイトの目的を確認する
 Webプロデューサー  訪問者、利用者の属性を見極める
 Webコンサルタント  情報を整理
 Webプランナー  ビジュアルテーマを決める
 カラープランを決める
 機能の選定

Back To Workflow


競合他社、先行サービスなどを把握し、どこに強みが見いだせるかを探る。ビジネスメ
リットの実現や収益化の具体的な方法、短期を中長期の目標設定の数値化を行う。
ユーザー体験のシナリオや様々な戦術を策定する。


 プロジェクトマネージャー  現状分析
 Webプロデューサー  競合分析・市場調査
 Webコンサルタント  目的・目標設定
 Webプランナー  構築体制の設計
 顧客状況把握
 コンテンツ洗い出し
 機能要件洗い出し

Back To Workflow


Webサイトの制作・運用に必要な要件を定義し、全体像を決定する。その後、サイト構造、
コンテンツ、画面設計、仕様など詳細を決定し、制作作業の土台をつくる。


 Webディレクター  現状分析
 競合分析・市場調査
 システムエンジニア
 目的・目標・コンセプト設定
 Webプログラマー  スタッフ選定などの構築体制の設計
 Webデザイナー  顧客状況把握
 情報設計
 コンテンツプランニング
 基本デザイン・基本システム設計

Back To Workflow


テキスト、画像、動画、音声などの素材制作から。ビジュアルデザイン、コーディング、プ
ログラミングまで、Webサイトを具体的に形づくるためのさまざまな作業を行う。


 Webプログラマー  インターフェイス設計
 Webデザイナー  デザイン制作
 コンテンツ制作
 取材・原稿作成
 動画オーサリング
 コーディング
 プログラミング

Back To Workflow


テスト環境でのデザインやコンテンツ、操作性の詳細なチェックと、必要な修正作業を行
う。特にWebシステムのプログラムやデータベースの動作確認が必要だ。


 システムエンジニア  フロントエンドテスト・デバック
 ナビゲーションテスト
 Webプログラマー
 ユーザーインターフェーステスト
 HTMLバリデーション
 デザイン品質テスト
 ユーザー動作確認テスト
 バックエンドテスト・デバック
 統合テスト・デバック

Back To Workflow


サーバに公開し、日々運営していくプロセス。新たなコンテンツの継続的な公開作業だけ
でなく、アクセス状況の監視、ソーシャルメディアの活用なども大切な業務。


 Webデザイナー  Webサイト・アプリ運用、更新
 詳細ルールの策定
 Webプログラマー  デザイン・運用ガイドライン
 Web解析士  システム管理、保守
 プロモーション
（SEO・SEM・バナー・キャンペーン・アフィリエイト・
メディアミックス）
 効果・検証
（アクセスログ解析検証・運用ルールの検証）

Back To Workflow

Web

Recomendados

Recomendados

Más contenido relacionado

Similar a Web

Similar a Web (20)

Web