研修内容・特徴

本研修は、デザインチームがLPの設計からコーディング、公開までを自分たちで対応できるようになることを目的に設計されています。PhotoshopやIllustratorのスキルを持つデザイナー向けに、HTML・CSS、JavaScript、jQueryを活用したWebデザインの基礎を学びます。LPの役割や構成を理解し、Adobe XDを使ったデザイン制作、Dreamweaverを活用したコーディング、公開・運用までの流れを、座学と実践の両方で習得できる内容となっています。

 到達目標

1. LPの構造や仕組みを理解し、自社サイトの更新・運用をデザインチームで対応できるようになる。
2. HTML・CSS、JavaScriptの基本を習得し、簡単なWebデザインやアニメーションの実装ができるようになる。
3. LPのデザインからコーディング、公開、運用までの一連の流れを把握し、実務で活かせるスキルを習得する。

 研修プログラム例

回数	内容	具体例	到達目標
1回目	ロジカルシンキング入門とビジネスコミュニケーション	・ロジカルシンキングの基本概念 ・コミュニケーションの改善手法	・論理的思考を活用し、明確な課題整理や効果的な伝え方を身につける
2回目	問題解決と意思決定のためのロジカルシンキング	・MECE（モレなくダブりなく） ・フレームワークを用いた課題分析	・問題の本質を見極め、適切な意思決定ができるようになる
3回目	データ分析とプレゼンテーションスキル	・エクセルやBIツールを活用したデータ分析 ・効果的な資料作成とプレゼン技術	・データを活用した業務改善の提案ができるようになる
4回目	ITプロジェクト管理とロジカルシンキング	・プロジェクト管理の基本概念 ・DX推進のための業務プロセス最適化	・ITを活用した業務改善の手法を理解し、プロジェクトの円滑な進行を支援できる

週数
1週目	LPの基礎とツールの確認	・LPの役割と作成の流れを学ぶ ・Web制作で使用するツールの基本操作	・LPの仕組みを理解し、使用ツールを把握する
2週目	HTML・CSS基礎（座学＋演習）	・HTMLの基本構造を学ぶ ・CSSの基本的な記述方法を理解	・HTMLとCSSを活用して、静的なWebページを作成できる
3週目	JavaScript・jQuery（座学＋演習）	・JavaScriptの基本操作を学ぶ ・jQueryを使ったアニメーションの実装	・JavaScriptやjQueryを活用し、LPに動きをつけられるようになる
4週目	画像編集（座学＋演習）	・Photoshopで広告バナーを作成 ・画像の最適化	・LPで使用する画像を適切に編集し、デザインのクオリティを向上させる
5週目	LP構成の考え方	・ファーストビューの設計 ・キャッチコピーの考案	・ユーザーに伝わりやすいLPの構成を設計できる
6週目	LPデザイン（Adobe XD）	・Adobe XDを使ったデザイン作成 ・ワイヤーフレームの作成	・Adobe XDを活用してLPのデザインを構築できる
7週目	LPコーディング（座学＋演習）	・Dreamweaverを活用してLPをコーディング ・レスポンシブ対応	・LPのデザインをコーディングし、スマホ対応もできるようになる
8週目	公開準備～公開（座学＋演習）	・Webサイト公開前のチェックリスト ・Googleアナリティクスとサーチコンソールの導入	・LPの公開作業を自分たちで行い、分析ツールを導入できる

 企画者コメント

本研修は、LPやWebサイトの運用担当者が急に退職したことで対応が困難になったデザインチームが、独自にWeb制作を進められるようになることを目的に設計されています。PhotoshopやIllustratorのスキルを活かしながら、HTML・CSS・JavaScriptを習得し、LP制作を実践できるようになります。

研修では、実際の業務で必要となるスキルを重点的に学習し、Adobe XDでのデザイン作成からDreamweaverでのコーディング、LPの公開・運用までを網羅的に学べる内容となっています。また、実際のLP構築を通じて、実務に直結するスキルを身につけることができるため、研修後すぐに現場で活用可能です。

研修を通じて、デザインチームがWeb制作の基礎を習得し、LPのデザインから公開までを自社で完結できるようになり、外注費の削減やスピーディな運用を実現できることを期待しています。

 関連サービス

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