WEB CREATIVE DIVISIONWEBクリエイティブ専攻

AHTML Living Standard・CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard ／セクショニング／エンベット
CSS3 ／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

BWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

CレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

DHTML Living Standard・CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

EWebリッチコンテンツ（jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

FHTML Living Standard・CSS3コーディング実践 （HTMLプロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

GWebプログラミング（PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

H作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

IWebグラフィック（Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

JWebグラフィック（Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

KWebグラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

Sプレックスプログラム Ⅰ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

Tプレックスプログラム Ⅱ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

AHTML Living Standard・CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard ／セクショニング／エンベット
CSS3 ／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

BWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

CレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

DHTML Living Standard・CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

EWebリッチコンテンツ（jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

FHTML Living Standard・CSS3コーディング実践 （HTMLプロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

GWebプログラミング（PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

H作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

IWebグラフィック（Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

JWebグラフィック（Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

KWebグラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

LWebデザイン Ⅰ（ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

MWebデザイン Ⅱ（情報設計）

アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／ HTML・CSS設計
CSS命名規則／ CSSプリプロセッサ

NWebデザイン Ⅲ（インタラクション）

モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評

Sプレックスプログラム Ⅰ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

Tプレックスプログラム Ⅱ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

AHTML Living Standard・CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard ／セクショニング／エンベット
CSS3 ／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

BWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

CレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

DHTML Living Standard・CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

EWebリッチコンテンツ（jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

FHTML Living Standard・CSS3コーディング実践 （HTMLプロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

GWebプログラミング（PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

H作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

IWebグラフィック（Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

JWebグラフィック（Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

KWebグラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

OUIデザイン （IA・UI・UXデザイン）

IA・UI・UXデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UI・UX設計
UI・UXの改善手法

PWebマーケティング

Web解析(Google Analytics)基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング

QWebディレクション

ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評

Sプレックスプログラム Ⅰ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

Tプレックスプログラム Ⅱ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

AHTML Living Standard・CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard ／セクショニング／エンベット
CSS3 ／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

BWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

CレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

DHTML Living Standard・CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

EWebリッチコンテンツ（jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

FHTML Living Standard・CSS3コーディング実践 （HTMLプロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

GWebプログラミング（PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

H作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

IWebグラフィック（Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

JWebグラフィック（Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

KWebグラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

LWebデザイン Ⅰ（ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

MWebデザイン Ⅱ（情報設計）

アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／ HTML・CSS設計
CSS命名規則／ CSSプリプロセッサ

NWebデザイン Ⅲ（インタラクション）

モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評

OUIデザイン （IA・UI・UXデザイン）

IA・UI・UXデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UI・UX設計
UI・UXの改善手法

PWebマーケティング

Web解析(Google Analytics)基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング

QWebディレクション

ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評

Sプレックスプログラム Ⅰ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

Tプレックスプログラム Ⅱ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

AHTML Living Standard・CSS3コーディングⅠ

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard ／セクショニング／エンベット
CSS3 ／セレクタ／プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト

BWebプロトタイピング （Figma）

Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
Figmaの基本操作
プロジェクト／モード切替
レイヤー／アセット
コンポーネント
プランニングシート／コーディング設計
ワイヤーフレーム／デザインカンプ制作

CレスポンシブWebデザイン

マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ／ SVG実装
ページの高速化／レスポンシブWeb実践

DHTML Living Standard・CSS3コーディングⅡ

リセットCSS
ノーマライズCSS
HTML Living StandardによるWebサイト構築
CSS3によるWeb編集
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック／ FTP

EWebリッチコンテンツ（jQuery / JavaScript）

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎（実装）
jQuery実践（class変更など）
jQueryプラグイン（lightboxなど）
jQuery応用（Loading ／条件分岐による挙動）
プラグイン

FHTML Living Standard・CSS3コーディング実践 （HTMLプロフェッショナル認定試験対応）

HTML Living Standard・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Visual Studio Code応用
Webポートフォリオ／業界最新技術動向

GWebプログラミング（PHP / MySQL / WordPress）

サーバーサイドスクリプト概論／ API 概論
PHP概要／基礎／入力フォーム
データベース／ MySQL概要
CMS（コンテンツマネジメントシステム）概要
WordPress概要／インストール／環境設定
管理画面／投稿ページ／固定ページ
カテゴリ／タグ／タクソノミー／ WordPress関数
プラグイン／オリジナルテーマ制作

H作品制作実習

Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評

Sプレックスプログラム Ⅰ

デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン

Tプレックスプログラム Ⅱ

ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション

IWebグラフィック（Illustrator）

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集

JWebグラフィック（Photoshop）

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し

KWebグラフィック制作実習

デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評

LWebデザイン Ⅰ（ビジュアルデザイン）

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

MWebデザイン Ⅱ（情報設計）

アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／ HTML・CSS設計
CSS命名規則／ CSSプリプロセッサ

NWebデザイン Ⅲ（インタラクション）

モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評

OUIデザイン （IA・UI・UXデザイン）

IA・UI・UXデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UI・UX設計
UI・UXの改善手法

PWebマーケティング

Web解析(Google Analytics)基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング

QWebディレクション

ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評

AデザインシステムⅠ

デザインの定義／デザインとは
デザイン事例／デザインを探す
デザインが関わる領域
デザインの道具
デザインフローの理解
デザインの前提
デザインの要素
デザインの原則
黄金比／グリッド／ゲシュタルト原則
デザイン分析

BデザインシステムⅡ

デザインの目的と対象
ビジネスフローとデザインの関係性
ブランドの定義
ブランド認知／ブランド体系
ブランド要素／ブランド体験
ブランド分析／ターゲット
ブランディング事例
ブランドアイデンティティ
ブランド構築ステップ
ブランドとデザインの関係性

CデザインシステムⅢ

コンセプト開発
グループワーク形式の理解
８QSを使ったコンセプトメイキング
ブランドメッセージ開発
ブランドキーワードの選定
コンセプト設計
ブランド構築ワーク
ブランドデザインの役割
グループワーク発表／講評
課題リフレクション

DブランドデザインⅠ

ブランドデザイン戦略の理解
デザインの役割
デザインワークフローの理解
アフォーダンスの知識
ブランドイメージ構築
ブランド構築ステップ
自己理解を深めるワーク
五感リサーチ法
共感と反発
課題リフレクション

EブランドデザインⅡ

ペルソナを探る
ペルソナ観察
ペルソナ構築
デザイン思考について
ブランドデザイン構築Ⅰ
ブランドデザイン構築Ⅱ
インタビュー設計
フィールドワークⅠ
フィールドワークⅡ
共感マップ作成

FブランドデザインⅢ

フレームワーク分析
3C分析
STPマーケティング分析
セグメンテーション
ターゲティング
ポジショニング開発
ブランドアイデンティティ構築Ⅰ
ブランドアイデンティティ構築Ⅱ
ロゴマークの設計
プロセスの振り返り

GブランドデザインⅣ

ブランド戦略構築
4Pと4C
ブランド要素
ブランド体験シナリオ作成
ブランディングプレゼンテーション
発表フィードバック
情報分析
問題定義
市場の情報収集
課題リフレクション

HブランドデザインⅤ

ブランド構築ワークショップ（個人）
インタビューとアンケート
共感ポイント
独自価値の仮説
市場細分化の注意点
見込み客の選定
ネットワーク連想法とポジショニング
ポジショニングマップ作成Ⅰ
ポジショニングマップ作成Ⅱ
プレゼンテーション／講評

IブランドデザインⅥ

ブランド構築ワークショップ（グループ）
共通課題の見定め
ブランディングテーマの設定
ポジショニングの軸を設定
チーム対話の発想法
チーム対話の収束法
チームコミュニケーション
プロトタイピングⅠ
プロトタイピングⅡ
プレゼンテーション／講評

RHTMLプロフェッショナル 認定試験対策

HTMLの基礎知識／要素とカテゴリー
グローバル属性／構造／メタ情報／セクション
CSSの基礎知識／セレクタ／CSS適用の優先順位
色／背景／テキスト／フォント
ボックス／フレキシブルボックス／アニメーション
レスポンシブWebデザイン関連技術／API概要
HTTP・HTTPSプロトコル／Web関連技術
模擬問題演習