Menu
お問い合わせはこちら

【自社LPの内製化】ベテラン担当者に変わり、同じ部署のデザイナー3名で代替する

HTML/CSS JavaScript jQuery WordPress

【自社LPの内製化】ベテラン担当者に変わり、同じ部署のデザイナー3名で代替する

お問い合わせはこちら

こちらの研修をベースとして貴社向けのカスタマイズも可能です。
まずはお気軽に問い合わせください。

また、侍の法人研修は45,000名以上の指導実績から確立した独自メソッドにもとづき、貴社の抱える課題や目的にあわせてオーダーメイドでカリキュラムを作成。短期間で最大の効果を出す最適なプランをご提案します。

DX推進やIT課題の解決にお悩みの方は、お気軽にご相談ください。⇒サービス紹介資料の無料ダウンロードはこちら

目次

課題感

自社HP、LPを担当していた担当者が急に退職し、対応できる人がいなくなってしまう。 デザイナーの部門3名で対応していく必要があるものの、全員コーディング未経験。 フォトショップやイラストレーターは業務で使用しているため、そのスキルに＋コーディングとWEBデザイン、WEBの仕組み、これらを取り入れることで、前任者の役割を補填したい。

研修のゴール

  • LPの仕組みを理解し、今後自分たち（デザイナー3名）で調べながら対応ができる状態を目指す。
  • 必要スキルのうち、特にコーディングのスキルを身につける。

カリキュラム

基本講習として、LPの役割と作成の流れを理解し、使用するツールの確認をします。

HTML・CSSの基礎（座学＋演習） では、HTML の概要とHTMLの基本構造、CSSの概要とCSSの基本的な書き方を理解します。

学習
１日目
基本演習
  • LPの役割と作成の流れ
  • 使用するツールの確認
学習
HTML・CSSの基礎（座学＋演習）
  • HTML の概要の理解
  • HTMLの基本構造を理解しよう
  • CSSの概要の理解
  • CSSの基本的な書き方を理解しよう
学習
JavaScript・jQuery（座学＋演習）
  • JavaScriptの概要を理解しよう
  • JavaScriptの基本的な使い方を理解しよう
  • jQueryの概要を理解しよう
  • jQueryを使う準備をしよう
  • jQuery基礎構文を理解しよう
  • ボタンにアニメーションをつけよう
STEP
画像編集（座学＋演習）
  • Photoshopの基本操作
  • Photoshopで広告バナーを作る
STEP
LP構成
  • ファーストビューを考えよう
  • キャッチコピーを考えよう
  • 全体の構成を考えよう
STEP
２日目
LPデザイン（座学＋演習）
  • Adobe XD　メインビジュアルを作る
  • Adobe XD　その他デザインを作る
STEP
LPコーディング（座学＋演習）
  • Dreamweaverを使ってLPページをコーディング
  • レスポンシブ対応をしよう
STEP
公開準備〜公開（座学＋演習）
  • Webサイト公開前の必須チェック項目
  • アナリティクスとサーチコンソールを導入しよう
  • 動作検証

習得スキル

HTML・CSS,JavaScript,WordPress,WEBデザイン,その他

利用サービス

伴走型オーダーメイド研修（エキスパートコース）

インタビュー記事はこちら

HTML/CSS JavaScript jQuery WordPress
目次