デジタルマーケティングWeb担当者研修(応用編)質の高いWebサイト運用とディレクションを行う

期待できる効果
  • デジタルマーケティングについての理解を深める
  • Webページ制作の技術やワークフローを学ぶことで業務の質を高める
  • ユーザーリサーチに基づいた満足度の高いWebサイトの制作やマーケティング施策が打てるようになる

Web担当者研修(応用編)では、Web標準に沿ったコーディングや画像加工、Webマーケティングを学ぶWeb担当者研修(基礎編)の内容に加えて、UXデザイン、ディレクションの方法について学習します。

UXについて理解を深めることで、ユーザー視点に立った満足度が高いコンテンツ制作ができるようになります。また、Webサイトのディレクションについても学び、制作会社・開発会社などに外注する場合に、円滑なプロジェクトの進行が可能になります。

さまざまな企業から選ばれています

Before

  • SEOやWeb広告、アクセス解析などの知識や、Webサイト更新のためのスキルが足りず外注任せになっていた
  • デジタルマーケティングや制作の知識にばらつきがあり、社内のコミュニケーションや教育に過剰な時間をさいていた

After

  • 自社内でスピーディーにWebサイトの更新やデジタルマーケティングの施策の実行ができるようになった
  • 知識の底上げをしたことで、施策の議論の質が高まり業務がスムーズに進むようになった
デジタル人材育成・研修について相談する

Web担当者研修(応用編)の特徴

  • 特徴1実務に直結するスキルが身につく
    実務に直結するスキルが身につく

    研修では、Webサイトのコーディングや画像加工、UXデザインのワークフローなどを演習を通じて学ぶので、研修後はすぐに実務に活用することができます。

  • 特徴2研修のカスタマイズができる

    貴社の業務上の課題感や目的に合わせて、カリキュラムや研修スケジュールを柔軟にカスタマイズできます。お気軽にご相談ください。

  • 特徴3研修の成果が確認できる

    学習管理システム(LMS)での進捗管理はもちろん、日報、理解度テストの結果、開発した成果物など、様々な角度から研修効果を測定できます。

研修カリキュラム

Web担当者研修(応用編)

Web担当者研修(応用編)では、Web担当者研修(基礎編)で学習するコーディングや画像加工、デジタルマーケティングの知識に加えて、UXデザインやディレクションについての理解を深めることで、より高いレベルのWebサイトの運用やマーケティング施策が行えるようになります。

UXにおいては、UXの本質や、関連用語について理解したうえで、UXデザインのワークフローに沿って学習。演習を通じて、ペルソナの設計や、カスタマージャーニーマップ、ユーザーシナリオなどの実際の現場で必要となるさまざまな成果物を作成します。UXへの理解度を深めることで、ユーザー視点でのマーケティング施策が行えるようになります。

また、Webサイト制作におけるディレクションのノウハウも学習するため、自社内で制作する際のワークフローの整備をしたり、制作会社へのディレクションがスムーズに行えるようになります。

対象者

  • 自社のデジタルマーケティングに携わるWeb担当者や広報担当者の方
  • 制作会社や広告代理店へのディレクションを行っている方
  • Webページの制作を内製化したい方

研修の目的

  • Web広告やSEOへの理解が浅くパートナー企業との打合せにも困っているため、知識をつけ円滑なコミュニケーションができるようになりたい
  • Webサイトの制作や更新、マーケティングを外注しているため、ディレクションの質を高めて成果を生み出したい
  • 技術的な知見を持ったうえでWebサイトの運用管理を行えるようになりたい
デジタル人材育成・研修について相談する
HTML/CSS/JavaScript基礎
項目 内容
Web概論・HTML基礎
  • Webの概要
  • ホームページの概要
  • HTMLの基本的なタグ
  • テーブル(表)
ハイパーリンクとマルチメディア
  • ハイパーリンク
  • 画像とWebにおける色指定
  • 動画
  • 音声
フォーム
  • フォームとは
  • フォームのパーツ(基本)
  • フォームのパーツ(応用)
セマンティックコーディングとWeb制作フロー
  • HTMLの変遷
  • セマンティック・コーディング
  • Web制作フロー
  • 画像の書き出し
  • HTMLのコードチェック
CSS基礎
  • CSSとは
  • CSSのルール
  • セレクター
  • フォント、テキストのスタイリング
  • 疑似クラス
CSSレイアウト
  • CSSレイアウト1
  • CSSレイアウト2
  • デザインのプロパティ
  • 背景とボーダー画像
  • その他スタイル指定
HTML構築(Dreamweaver/VSCode)
  • オーサリングツールとは
  • コーディングに入る前
  • HTMLコードの記述
CSS構築(Dreamweaver/VSCode)
  • CSSコーディング
  • 開発者ツール
  • CSS演習
  • サーバーへのアップロード
メディアクエリ・Webフォント・CSSアニメーション
  • メディアクエリ
  • Webフォント
  • 疑似要素
  • グラデーション
  • trasnsformプロパティー
  • トランジション・アニメーション
JavaScript基礎1
  • JavaScriptの概要と書式
  • JavaScriptの命令
  • 変数・演算子
  • 条件・ループ
  • 関数とイベント
JavaScript基礎2
  • DOMの仕様と要素ノードの操作
  • 属性ノードとテキストノード
  • Googleマップの導入
jQuery
  • jQueryの基本
  • jQueryにおけるイベント処理
  • jQueryの実践
  • jQueryプラグインの利用
Webマーケティング
項目 内容
Webマーケティング概論
  • トリプルメディア
  • SEOとWeb広告
  • 主要なツール
Webマーケティング戦略
  • ターゲット選定
  • 競合・ニーズの分析
  • メディア選定
適切なSEO
  • 検索エンジンの歴史
  • Googleの方針
サーチコンソール
  • サーチコンソールの登録
  • 主要な機能と役割
SEOを考慮したページ制作1
  • クロールとインデックス
  • サイトマップ
  • ディレクトリ構造
SEOを考慮したページ制作2
  • マークアップ
構造化データ
  • 構造化データを利用するメリット
  • JSON-LDによる構造化データの実装
  • 実装の手順
コンテンツの品質
  • 品質に関するガイドライン
  • SEOにおける不正行為
SEO業者の選定
  • 業者に確認するべきこと
Web広告の基礎1
  • Web広告の種類と特徴
  • Google広告とYahoo広告
  • アカウントの作成
  • 掲載順位の仕組み
  • 入札単価調整の設定
Web広告の基礎2
  • 広告配信のケーススタディ
ディスプレイネットワーク
  • ディスプレイネットワークの広告
  • ターゲット設定
  • 動画広告
  • Google広告ツール
ソーシャルメディアマーケティング
  • インフルエンサーマーケティング
  • SNSの特徴
  • SNSの運用
Googleアナリティクス1
  • アクセス解析の目的
  • Google Analytics バージョン4(GA4)の概要
  • GA4導入時の注意点
  • GA4の初めての使い方
  • トラッキングコードの設定
  • カスタムイベントの登録
Googleアナリティクス2
  • Analitycsレポートの見方
  • コンバージョンの設定方法
  • レポート分析の進め方
  • ビジネスフロー全体から数字で考える
ABテスト
  • オプティマイズの使い方
  • 分析のポイント
Photoshop
項目 内容
Photoshopとは
  • Photoshopの特徴
  • インターフェース
  • ツールパネル
  • 解像度
色の選択
  • 描画色と背景色
  • 色の選択
選択範囲
  • 選択ツール
  • 選択範囲の編集
色調補正
  • レベル補正
  • トーンカーブ
  • カラーバランス
  • 明るさ・コントラスト
  • 色相・彩度
レタッチ
  • スタンプツール
  • ぼかしツール
  • 指先ツール
レイヤー
  • レイヤーとは
  • レイヤーパネル
  • レイヤーマスク
  • レイヤー効果
  • レイヤーとは
  • 調整レイヤー
  • 描画モード
  • レイヤースタイル
チャンネル
  • チャンネルとは
  • チャンネルの種類
  • チャンネルパネル
ベクトル画像
  • シェイプレイヤー
  • ツールの利用
  • パスパネル
Webページ作成1
  • レイアウト
  • Webページ作成実践
  • 文字ツール
Webページ作成1
  • レイアウト
  • Webページ作成実践
  • 文字ツール
Webページ作成2
  • 画像の加工1
Webページ作成3
  • 画像の加工2
  • 実践問題
Webページ作成4
  • デザインの応用
  • 保存
UI
項目 内容
デザインの基礎
  • 良いデザインとは
  • UIとUX
  • 色彩
  • タイポグラフィ
ユーザー・情報設計・アクセシビリティ・ユーザビリティ
  • ターゲット設定(カスタマージャーニー)
  • 情報設計
  • ワイヤーフレーム作成
  • アクセシビリティ
  • ユーザビリティ
マルチデバイス対応
  • スマートフォンとPCの違い
  • マルチデバイス対応のためのデザイン
  • サイトを構成する要素
  • レイアウトパターン
  • ナビゲーション
  • 効果測定、分析
さまざまなUI
  • フォームのUI
  • 代表的なUIパーツ
  • スマホサイトに特化したUIパーツ
UX
項目 内容
UXデザインの考え方を身につける
  • UXデザインとは
  • UXデザイン的アプローチの基本的なワークフロー
  • 要件定義
  • 情報設計
  • デザイン・実装
  • UXにおけるUIの役割
  • インタラクション
  • ユーザビリティ
  • レイアウト
  • アクセシビリティ
  • 情報設計(構造・構成)
ユーザー体験と価値を設計する
  • ペルソナを設定する
  • ユーザーの課題とニーズを仮説としてまとめる
  • ペルソナの全体的な行動を可視化しよう
  • ユーザーシナリオ
  • CJM(カスタマージャーニーマップ)
  • タッチポイントの考え方
UIを設計する
  • 情報設計
  • ユーザー要件
  • データ要件
  • 機能要件
  • 情報をオブジェクトとして構造化する
  • OOUIで観察する
  • ワイヤーフレームの設計
  • スタイリングルールを定義する
UXを継続的に向上させる
  • UXデザインを継続的に取り組む
  • UXのデザインプロセスを繰り返す
  • UXデザインを共通認識にする
  • UXを継続かつ向上させる理由
  • ペルソナを解説する
  • ワイヤーフレームを解説する
  • ディスカッションする
  • 中間成果物の有用性
ディレクション
項目 内容
ディレクターの役割
  • Webサイトの種類
  • Webサイトの仕組み
  • 代表的な職種
  • ヒアリング
  • RFP
プロジェクト計画1
  • 市場調査
  • ターゲット設定
  • 競合分析
プロジェクト計画2
  • アクセシビリティ
  • KPI/KGI
  • 企画におけるアイデアの出し方
  • ワークショップ
プロジェクト計画3
  • 設計
  • セキュリティ対応
  • CMS/マーケティングツール
提案・契約
  • 提案書の作成
  • 見積りの算出
  • プレゼンテーション
  • 契約書と注意事項
設計・仕様策定
  • サーバー選定
  • 開発プロセス
  • 制作のガイドライン
  • 開発環境
進捗管理
  • 指示書の作成
  • タスク管理(WBS)
  • スケジュール作成
  • リスクマネジメント
  • 進捗管理ツール
検証・公開
  • 公開前のテスト
  • 公開作業
  • 運用管理
  • アクセス解析
  • SNS・ブログ運用

時間数・日程

88時間
※カリキュラム内容や時間数のカスタマイズができますので、お気軽にご相談ください。
※開催日程は貴社のご要望をお伺いしご提案いたします。

料金体系

受講者数や時間数に応じて変動します。また、カリキュラム内容のカスタマイズや講師派遣などのご要望に応じて変動いたします。ご予算にあわせてのご提案もできますので、お気軽にお問い合わせください。

デジタル人材育成・研修について相談する

受講形式

インターネット・アカデミーの研修は、さまざまな形式に対応しています。「基礎はeラーニングで演習は集合研修」「講師派遣とリモートを組み合わせる」など、複数の形式の併用もできますので、お気軽にご相談ください。

  • リモート集合研修
  • 実地での集合研修
  • 講師派遣
  • eラーニング

Web開発会社の開発・マネジメントのノウハウをカリキュラム化現場の実務が研修で学べる

インターネット・アカデミーのグループ会社ではWeb開発・Saasサービスを手掛けています。実務で用いられている開発ノウハウをカリキュラム化し、研修で還元しています。

理解度チェック・アセスメントなど学習効果を可視化できる学習管理システム(LMS)

インターネット・アカデミーの学習管理システム(LMS)では「研修後の知識定着度を可視化したい」「社内報告のためのアセスメントがほしい」など、研修担当者の悩みにこたえる機能を搭載。学習の進捗管理から、さまざまな角度からの研修効果測定が行えます。

  • 研修テーマごとに受講した社員の理解度をダッシュボードで確認できます。
  • テストの結果を元に社員ごとのスコアをグラフで可視化。社内の平均スコアとの比較もできます。
  • 受講態度や理解度といった講師からのフィードバックによる定性評価にも対応しています。

デジタルマーケティング系の研修を受けた企業からのコメント

ソフトバンク株式会社

今回の研修を100点満点でいえば90点ですね。正直、予想以上に役に立つ研修だと感じました。今まで曖昧だった専門用語が理解でき、ビジネスの中で活用できるようになりました。Webマーケティング以外の研修も、ぜひ受けたいと考えているくらいです。
インタビューを見る

プレミアアンチエイジング株式会社

やはり、こちらの要望に合わせてカリキュラムをカスタマイズできる点が一番の決め手でした。研修内容において個人ワークを要所にちりばめていただき、研修最終日には実際のブランドのマーケティング戦略に関するプレゼンテーションの場を設けていただけたことは非常に良かったですね。
インタビューを見る

株式会社 東北新社

弊社のGoogleアカウントを共有し、実務で私たちがアクセス解析をしているWebサイトのデータに沿って研修をしていただきました。それぞれが抱えていた課題への取り組み方についても具体的に細かく教えていただけて、とても有難かったです。
インタビューを見る

デジタル人材育成・研修について相談する

助成金で費用負担を軽減

インターネット・アカデミーのIT研修では、要件を満たすことで厚生労働省の人材開発支援助成金が利用できます。研修費用に対する経費助成と、受講中の賃金に対する賃金助成の両方が支給されます。

この助成金制度ではいくつかのコースが用意されており、研修目的に合わせて使用できる制度をご提案いたします。

経費助成+賃金助成
※eラーニングの場合、賃金助成は支給されません。
DX人材育成の研修で使える
事業展開等リスキリング支援コース
  経費助成 賃金助成 年間限度額
中小企業 75% 960(1人1時間) 1億
大企業 60% 480(1人1時間) 1億
新卒研修など幅広いテーマの研修で使える
人材育成支援コース
  経費助成 賃金助成 年間限度額
中小企業 45% 760(1人1時間) 1000万
大企業 30% 380(1人1時間) 1000万円

助成金を使った研修の事例紹介や、貴社が研修を行った場合に支給される助成額シミュレーションも承っています。お気軽にご相談ください。

助成金について相談する

IT研修・DX人材育成についてのご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

IT人材育成に精通したコンサルタントに無料でさまざまな相談をしていただけます。お気軽にご相談ください。

たとえばこんな相談ができます
  • 人材育成計画を立てるために人材育成の事例などをとりあえず聞きたい
  • 助成金の使い方や、支給額のシミュレーションを知りたい
  • 自社の業務や受講者のレベルにあったカリキュラムを提案してほしい
会社名必須
部署名必須
お名前必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
ご相談内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

このページの上へ