Web
- 1. WEB
- 2. Web
- 3. フロントエンド アートディレクター デザイナー クライアント インフォメーションアーキテクチャ デザイナー プロデューサー ディレクター エディター・ライター HTMLコーダー デザインエンジニア HTMLコーダー コンサルタント・ プランナー アナリスト システムエンジニア プログラマー プログラマー 分析・調査 バックエンド
- 4. Web
- 5. 設計・開発 テスト・移行 運用・保守 戦略フェーズ フェーズ フェーズ フェーズ テ コンテンツ 運用 案 デザイン ス 企 開発 ト 件 ・ 画 戦 定 デ 効 ・ 分 略 義 バ 果 システム ・ ッ 運用 ・ 析 立 基 ク 検 ・ 調 案 本 ・ 証 環 査 設 システム 境 計 開発 移 プロモー ション 行 プロジェクトマネジメント
- 6. Web制作にかかわる各種クリエーター クライアントとの折衝や方針決定、受注契約、予算、人事など、幅広い権限と責任をもつ、 プロジェクトの総合責任者。 プロジェクトに関わる人・お金をすべて管理・把握し、きっちり成果をあげていく責任があ るマネジメント職です。クライアントのリクエストに応じて納期までにWebサイトコンテンツ 制作業務を遂行するために、あらゆる問題点を解決していく必要があります。また、会社 としての利益をちゃんと確保するというのも重要な役割。プロジェクトの勝敗を決めるのも、 プロデューサー次第といえるでしょう。 主な業務 必要とされるスキル 要件定義 クライアントの業界に関する知識、トレンド 企画立案、プレゼンテーション コミュニケーション能力 予算・工程管理 Webサイトコンテンツ制作技術に関する全般的 制作チームの構成 な知識 Back To Organization chart
- 7. Web制作にかかわる各種クリエーター 制作の実務部分の管理、統括を行う人。プロデューサーの意思を実際に形にするにあ たっての必要な資料の作成から、対外的な交渉まで幅広い業務を行う。場合によっては デザイン、コーディング、機能定義などの作業も実施する。メディアのディレクターと制作 会社のディレクターでは大きく業務内容が異なる。クライアントの要望に従ってWenサイト の構造やインターフェイスデザインを考え、デザインカンプやグラフィックパーツ制作を行 う。 主な業務 必要とされるスキル 進行管理 スケジュール管理・進行 品質管理 プロジェクト遂行能力 Webプランニング リーダーシップ コミュニケーション能力 マネジメント マルチタスク 幅広い知識 Back To Organization chart
- 8. Web制作にかかわる各種クリエーター プロジェクトの予算や進行全体の責任者。「PM」や「プロマネ」と略称される。仕様決めか ら技術的な知識はもちろん、ヒト、モノ、予算時間の管理力が必要。システムエンジニア が兼任する場合もある。 主な業務 必要とされるスキル プロジェクトの企画・提案 マネジメント能力 メンバーの指名 リーダーシップ 社内調整 顧客折衝 ニーズをまとめるスキル 案件定義 アーキテクトスキル 受注 業務・技術知識 品質管理・進捗管理 コスト管理・リスク管理 Back To Organization chart
- 9. Web制作にかかわる各種クリエーター 市場調査、競合分析、コンテンツ企画などの担当者。現場レベルでの情報伝達と統括、進行 管理、素材管理、成果物のチェックや品質管理が主な仕事。 Webサイトコンテンツ制作のプランニングを行います。Webサイトのサービス方針や仕掛けなど を具体的に提案していく立場となります。クライアントが予想もつかないような新鮮で魅力的な プランを提示することができるのが、優秀なプランナーだといえるでしょう。そのため、Webに関 する技術や表現手法についての広範囲な知識を必要とし、業界の動向も把握しておく必要が あります。プランナーが職種として独立しているケースはまだまだ少なく、ディレクターが兼任 することも多いのが現状です。 主な業務 必要とされるスキル 企画立案 Webサイトコンテンツ制作技術に関する全般的な 資料作成 知識 プレゼンテーション Webサイトにおける表現手法や技術の最新トレンド 情報収集能力 企画書・設計書作成 提案力 Officeソフト全般 Webディレクション Back To Organization chart
- 10. Web制作にかかわる各種クリエーター コンサルタントとは、経営などにおいてその企業の持つ問題点をヒアリングし、実情をあら わにして問題点を探し出しその解決策を考え結果をだす、それがコンサルタントの業務 になります。 「webコンサルタント」とは、ホームページの利用や、SEO、広告の効果などの実情を調べ 問題点を解決する、一言でいえば「webマーケティングのプロフェッショナル」です。 主な業務 必要とされるスキル アクセス解析 発注者の利益増大に貢献する能力 SEO対策 Web制作・運用スキル SEM対策 広いマーケティング知識 市場調査 戦略立案 ヒアリング Webサービスの問題解決 事業戦略のコンサルティング Back To Organization chart
- 11. Web制作にかかわる各種クリエーター サイトのページデザインを作成する人。PhotoshopやIllustratorなどのアプリケーションを 利用してデザインを作成。通常、デザインは画像として作成され、それをもとにWebデザイ ナー本人、もしくはコーダーがＨＴＭＬなどのコーディング作業をしていく。 主な業務 必要とされるスキル デザイン作成 作業スピード・時間管理能力 最新の技術やデザインへの探求心 コーディング（HTML/CSS） HTML5・JavaScript・jQuery・PHP・モバイル・ ユーザビリティ・SEOなどの知識 フロントエンドのコーディング 映像や音楽などの編集 動画作成・編集 CMS（コンテンツマネジメントシステム）の知識 ライティング SNS（ソーシャルネットワークシステム）の知識 ソーシャルメディアマーケティングのスキル ディレクター的要素（兼任や外注時） ライティングや編集スキル Back To Organization chart
- 12. Web制作にかかわる各種クリエーター 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 Back To Organization chart
- 13. Web制作にかかわる各種クリエーター システムエンジニアが設計した仕様書に基づいて、Webシステムを開発する仕事です。プロ ジェクトが小・中規模で、Webプログラマーが経験豊富な場合は、システムエンジニアの業務を 兼任することもあります。CMS、問い合わせフォーム、ショッピングサイトのカート(商品購入の システム)、データベースを使用するシステムまで幅広く開発ます。 モバイル向けのアプリケーションや、Webアプリケーションの需要が特に高まっています。 Webサイトであれば、Javascript・PHP・Ruby、LAMPの知識を。アプリ開発であればJAVA・ Objective-Cなどの知識も必要でしょう。 主な業務 必要とされるスキル Webシステム構築 Webサイトコンテンツ制作技術に関する全般的 アプリケーション開発 な知識 動作確認・テスト Webアプリケーション制作技術に関する全般的 な知識 様々な言語の知識 新しい技術の動向をキャッチする能力 Back To Organization chart
- 14. Web業界の基本的なワークフローとクリエーターのかかわるフェーズ その企画かWebサイトで実現したい目的は何か、数値目標はあるか、実現可能性はどう か、おもな対象ユーザーはだれか、必要なコンテンツは何かなどを検討する。 かかわるクリエーター 主なフロー プロジェクトマネージャー サイトの目的を確認する Webプロデューサー 訪問者、利用者の属性を見極める Webコンサルタント 情報を整理 Webプランナー ビジュアルテーマを決める カラープランを決める 機能の選定 Back To Workflow
- 15. Web業界の基本的なワークフローとクリエーターのかかわるフェーズ 競合他社、先行サービスなどを把握し、どこに強みが見いだせるかを探る。ビジネスメ リットの実現や収益化の具体的な方法、短期を中長期の目標設定の数値化を行う。 ユーザー体験のシナリオや様々な戦術を策定する。 かかわるクリエーター 主なフロー プロジェクトマネージャー 現状分析 Webプロデューサー 競合分析・市場調査 Webコンサルタント 目的・目標設定 Webプランナー 構築体制の設計 顧客状況把握 コンテンツ洗い出し 機能要件洗い出し Back To Workflow
- 16. Web業界の基本的なワークフローとクリエーターのかかわるフェーズ Webサイトの制作・運用に必要な要件を定義し、全体像を決定する。その後、サイト構造、 コンテンツ、画面設計、仕様など詳細を決定し、制作作業の土台をつくる。 かかわるクリエーター 主なフロー Webディレクター 現状分析 競合分析・市場調査 システムエンジニア 目的・目標・コンセプト設定 Webプログラマー スタッフ選定などの構築体制の設計 Webデザイナー 顧客状況把握 情報設計 コンテンツプランニング 基本デザイン・基本システム設計 Back To Workflow
- 17. Web業界の基本的なワークフローとクリエーターのかかわるフェーズ テキスト、画像、動画、音声などの素材制作から。ビジュアルデザイン、コーディング、プ ログラミングまで、Webサイトを具体的に形づくるためのさまざまな作業を行う。 かかわるクリエーター 主なフロー Webプログラマー インターフェイス設計 Webデザイナー デザイン制作 コンテンツ制作 取材・原稿作成 動画オーサリング コーディング プログラミング Back To Workflow
- 18. Web業界の基本的なワークフローとクリエーターのかかわるフェーズ テスト環境でのデザインやコンテンツ、操作性の詳細なチェックと、必要な修正作業を行 う。特にWebシステムのプログラムやデータベースの動作確認が必要だ。 かかわるクリエーター 主なフロー システムエンジニア フロントエンド テスト・デバック ナビゲーションテスト Webプログラマー ユーザーインターフェーステスト HTMLバリデーション デザイン品質テスト ユーザー動作確認テスト バックエンド テスト・デバック 統合 テスト・デバック Back To Workflow
- 19. Web業界の基本的なワークフローとクリエーターのかかわるフェーズ サーバに公開し、日々運営していくプロセス。新たなコンテンツの継続的な公開作業だけ でなく、アクセス状況の監視、ソーシャルメディアの活用なども大切な業務。 かかわるクリエーター 主なフロー Webデザイナー Webサイト・アプリ運用、更新 詳細ルールの策定 Webプログラマー デザイン・運用ガイドライン Web解析士 システム管理、保守 プロモーション （SEO・SEM・バナー・キャンペーン・アフィリエイト・ メディアミックス） 効果・検証 （アクセスログ解析検証・運用ルールの検証） Back To Workflow