WEB CREATIVE DIVISIONWEBクリエイティブ専攻
本専攻は、業界最先端のWeb技術とビジネス即応のデザインを並行して学べる実践プログラムです。授業では、最先端のWeb制作技術（HTML Living Standard / CSS3 / Visual Studio Code / Figma / jQuery /JavaScript / WordPress / Photoshop / Illustratorなど）を習得します。また、PCサイトからタブレット、スマホまで多様なデバイスに対応する「Webグラフィック」「視覚表現」「レスポンシブWebデザイン」を習得し、高品質なWebサイトデザインを実現する「ビジュアルデザイン／情報設計／インタラクション表現」を体系的に学びます。さらに、ブランド戦略やUIデザイン、Webマーケティング、Webディレクションなど、ビジネス的視点からもアプローチしていきます。その他、各業界からトップクリエイターを講師に迎えてデザインの真髄を学ぶ「プレックスプログラム」（200時間）を無料で受講できる点も魅力です。最終的には短期間で即戦力のWebデザイナー／UIデザイナー／Webディレクターを育成します。
業界最先端のWeb制作技術を習得！
優良企業へ抜群の就・転職実績を誇る
本専攻は、業界最先端のWeb制作技術を学べる実践プログラムとなっており、優良企業へ抜群の就・転職実績を誇ります。授業では、Web言語「HTML Living Standard / CSS3」や、Web制作ソフト「Visual Studio Code / Figma / Photoshop / Illustrator」を基礎から実践レベルまで習得します。その他、CMS業界標準「WordPress」、業界主流レイアウト技術「Flexbox」、Webプログラミング「JavaScript / jQuery」などについても学びます。Webサイト制作を根本から理解して、高度な最新技術を習得できる内容となっており、本気で学びたい方にお勧めのカリキュラムです。
ビジネス的視点を持つ即戦力の
Webデザイナー／UIデザイナー／Webディレクターを育成！
授業では、PCサイトからタブレット、スマホまで多様なデバイスに対応する「Webグラフィック」「視覚表現」「レスポンシブWebデザイン」を習得し、高品質なWebサイトデザインを実現する「ビジュアルデザイン／情報設計／インタラクション表現」を体系的に学びます。さらに、ブランド戦略やUIデザイン、Webマーケティング、Webディレクションなど、ビジネス的視点からもアプローチしていきます。その他、各業界からトップクリエイターを講師に迎えてデザインの真髄を学ぶ「プレックスプログラム」（200時間）を無料で受講できる点も魅力です。
カリキュラムの特徴
- 1業界最先端のWeb技術とビジネス即応のデザインを並行して学べる国内唯一のWebクリエイティブプログラム！
- 2世界標準Web言語「HTML Living Standard / CSS3」＋Web制作ソフト「Visual Studio Code / Figma」＋レイアウト技術「Flexbox」を習得！
- 3Webグラフィック「Photoshop / Illustrator」の技術からデジタルデバイス対応のグラフィックスキルまで実践的に習得！
- 4PCサイトからタブレット、スマホまで多様なデバイスに対応する「レスポンシブWebデザイン」の技術を習得！
- 5CMS業界標準「WordPress」＋ 高度なWebプログラミング「JavaScript / Ajax（jQuery）」を基礎から学ぶ！
- 6高品質なWebサイトデザインを実現する「ビジュアルデザイン／情報設計／インタラクション表現」を体系的に学ぶ！
- 7Webビジネス領域において重要となる「UIデザイン／ Webマーケティング／ Webディレクション」を効率的に学ぶ！
- 8顧客・ユーザー視点をもとに、ブランドイメージを具現化し、ブランドとして統一感のあるデザインを具現化できる！
- 9デザインを通してブランドの価値創造や問題解決を実現できるデザイナーを養成する！
- 10各業界のトップクリエイターからデザインの真髄を学ぶ「プレックスプログラム」（200時間）を2年間受講できる！
WEBクリエイティブ専攻
- curriculum :
-
-
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コーディング実践 （HTML5プロフェッショナル認定試験対応）
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サイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング／ページ最適化
ブラウザ互換性／コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション／作品講評 -
WプレックスプログラムⅠ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
XプレックスプログラムⅡ
ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
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コーディング実践 （HTML5プロフェッショナル認定試験対応）
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タイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評 -
WプレックスプログラムⅠ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
XプレックスプログラムⅡ
ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
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コーディング実践 （HTML5プロフェッショナル認定試験対応）
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サイトデザイン制作実習
プレゼンテーション／講評 -
WプレックスプログラムⅠ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
XプレックスプログラムⅡ
ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
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コーディング実践 （HTML5プロフェッショナル認定試験対応）
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・UX・UIデザイン）
IA・UX・UIデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UX・UI設計
UX・UIの改善手法 -
PWebマーケティング
Web解析（Google Analytics）基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング -
QWebディレクション
ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評 -
WプレックスプログラムⅠ
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン -
XプレックスプログラムⅡ
ボーダレスデザイン（国／分野）
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ（ブランディング）
デザインストラテジーⅡ（マーケティング・MD）
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
-
- curriculum :
-
-
IWebグラフィック （Illustrator）
Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
変形／整列／パスファインダ／パス／アンカーポイント
アウトライン化／クリッピングマスク
RGBとCMYK ／グラデーション
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／ SVGデータ編集 -
JWebグラフィック （Photoshop）
Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
アートボード／レイアウトの基本原則
Web用画像の生成・書き出し -
KWeb グラフィック制作実習
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム／デザインカンプ
デザインカンプ制作実習
プレゼンテーション／講評
-
- curriculum :
-
-
LWebデザインⅠ （ビジュアルデザイン）
Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析 -
MWebデザインⅡ （情報設計）
アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／ HTML・CSS設計
CSS命名規則／ CSSプリプロセッサ -
NWebデザインⅢ （インタラクション）
モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評
-
- curriculum :
-
-
OUIデザイン （IA・UX・UIデザイン）
IA・UX・UIデザイン概論
企画・コンセプト立案
情報の組織化とカテゴリ設計
サイトマップ設計／ワイヤーフレーム設計
UX3大要素／人間中心設計
ユーザー行動と画面設計／ユーザビリティ
サイト目的別／デバイス別UX・UI設計
UX・UIの改善手法 -
PWebマーケティング
Web解析（Google Analytics）基礎
CV / CVR / インテント
サイトコンセプトに基づいたSEO設計
SEOの課題発見と改善手法
Webリスティング広告
リスティング広告の課題発見と改善手法
ランディングページの企画・設計
SNSマーケティング -
QWebディレクション
ユーザー行動の理解と情報収集
定性手法と定量手法
仮説検証とコンテクストリサーチ
カスタマージャーニーマップ
ユーザビリティテスト
サイトの問題点と改善策の検証
改善提案プロトタイプ作成
プレゼンテーション／講評
-
- curriculum :
-
-
RWeb基礎／ Webプロトタイピング
Webサイト概論（Webサイトの仕組み／サーバー／ドメイン）
Webサイト制作フロー
HTML・CSSコーディング概論
Web画像／ SVG画像／ Webカラー設定
デジタルデバイスとWebブラウザ概要
プロトタイプツール基本操作／プロジェクト
モード切替／レイヤー／アセット／コンポーネント
ワイヤーフレーム／デザインカンプ制作 -
SWebデザイン （ノーコード）
Webデザイン概論
HTML基本構造／ CSS基本構造
ノーコード制作概要
プロジェクト管理／ダッシュボード
アニメーション設定
ボックスレイアウト
ユーザビリティ／ Webフォント
マルチデバイス／レスポンシブデザイン -
TWEBサイト制作実習
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
トップページ・コンテンツページ制作
レスポンシブWebサイト制作
デバイス・ブラウザ別確認／ページ最適化
サイトプレビュー／公開
プレゼンテーション／作品講評
-
- curriculum :
-
-
Uデザインシステム基礎
デザインの定義／関わる領域
デザインの要素／デザインの原則
デザイン事例／デザイン分析
ブランドの定義／ブランド認知・体系
ブランド分析／ターゲット
ブランディング事例／ブランド構築ステップ
コンセプト開発／ブランド構築ワーク
ブランドメッセージ開発
-
- curriculum :
-
-
VHTMLプロフェッショナル 認定試験対策
HTMLの基礎知識／要素とカテゴリー
グローバル属性／構造／メタ情報／セクション
CSSの基礎知識／セレクタ／ CSS適用の優先順位
色／背景／テキスト／フォント
ボックス／フレキシブルボックス／アニメーション
レスポンシブWebデザイン関連技術／ API概要
HTTP・HTTPSプロトコル／ Web関連技術
模擬問題演習
-
該当カリキュラム 一覧
- AHTML Living Standard CSS3コーディングⅠ
- BWebプロトタイピング （Figma）
- CレスポンシブWebデザイン
- DHTML Living Standard CSS3コーディングⅡ
- EWebリッチコンテンツ （jQuery / JavaScript）
- FHTML Living Standard CSS3コーディング実践 （HTML5プロフェッショナル認定試験対応）
- GWebプログラミング （PHP / MySQL / WordPress）
- H作品制作実習
- IWebグラフィック （Illustrator）
- JWebグラフィック （Photoshop）
- KWeb グラフィック制作実習
- LWebデザインⅠ （ビジュアルデザイン）
- MWebデザインⅡ （情報設計）
- NWebデザインⅢ （インタラクション）
- OUIデザイン （IA・UX・UIデザイン）
- PWebマーケティング
- QWebディレクション
- RWeb基礎／ Webプロトタイピング
- SWebデザイン （ノーコード）
- TWEBサイト制作実習
- Uデザインシステム基礎
- VHTMLプロフェッショナル 認定試験対策
- WプレックスプログラムⅠ
- XプレックスプログラムⅡ
