専科 Webデザイナー専攻 |デジハリ・オンラインスクール

未経験から、選ばれるWebデザイナーへ仲間と学ぶから、最後まで続けられる。

Webデザイナーは、知識を身につけるだけでなく、「作る」「見てもらう」「改善する」を繰り返しながら成長していく仕事です。

デジハリ・オンラインスクールの「専科 Webデザイナー専攻」では、動画を一人で視聴するだけではないクラス制を採用。オンラインで気ままに学べる良さはそのまま、同期の受講生の刺激を受けながら、課題への取り組みや作品制作を通して、実践的なスキルを身につけます。

基礎から段階的に学べるカリキュラムのため、未経験の方でも無理なくステップアップ。学んだ知識を実践へつなげる卒業制作では、企画からデザイン、コーディングまで一貫して取り組み、自分だけのポートフォリオを制作します。制作会社や事業会社（インハウス）など、さまざまな働き方を見据えながら、実践力と提案力を身につけられることが、この講座の特長です。

未経験OK! こんな方にオススメ

未経験からWeb制作を
基礎から学びたい方
就職・転職につながる
ポートフォリオを制作したい方

オンラインで学習したいが
一人では学習が続くか不安な方
在宅やリモートワークに
つながるスキルを身につけたい方

講座の特徴経済産業省認定の実践的なWebデザイン講座

本講座は、経済産業省の認定を受けたWebデザイン講座です。

一定の条件を満たすことで、受講料の還元を受けることができ、スキルアップやキャリアチェンジを目指すあなたを後押しします。

リスキリングを通じたキャリアアップ支援事業

詳細を見る

第四次産業革命スキル習得講座（Reスキル講座）

詳細を見る

受講料の最大80%が
支給されます

学習内容のご紹介

学習の流れ

デジハリ・オンラインスクールでの学習は、動画授業でのインプットと、課題を作成するアウトプットの
繰り返しです。ただ授業を聞くだけでなく、自分で手を動かすアウトプットを講座の中で行うため、
確実にスキルを身につけることができます。

1. 動画授業を見る
2. 課題を作成する
3. 講師が課題を添削

講座内容

Webデザイナー講座概論

Web概論

Webとは何か？/ Webの仕組み / Web制作に必要なもの / Web制作の基礎知識/ 動画教材でWebを学ぶコツ

デザインの基礎＆カラー・レイアウト

デザインとは / デザインの目的・役割 / デザインのワークフロー / イメージからかたちへ / デザインの造形要素 / 美しいとは / デザインの造形秩序 / デザインを学ぶ上での心がけ

デザイン・コーディング

グラフィック講座

『Adobe Illustrator』について / イラスト作成 / タイトルデザイン / 『Adobe Photoshop』について / 画像の切り抜き / 色調補正 / ペンツール / 素材の配置

プロトタイピングツール Figma

Web制作の基本 / Figmaの基礎知識 / Figmaデザインファイルの操作方法 / バナー制作で基本操作を覚えよう / Figmaの特殊な機能 / ワイヤーフレーム制作で操作に慣れよう / LP制作でデザインカンプ作りに挑戦 / Webサイトのプロトタイプに挑戦

HTML／CSSコーディング

HTMLの基本 / CSSの基本 / レイアウトの基本 / １ページサイト制作 / 複数ページサイト制作

リッチコンテンツのためのJS・jQuery

JavaScriptとjQuery / 数当てゲームを作る / Webページによく使われるパーツを作る（モーダルウィンドウ・ローディングアニメ―ション・ドロワーメニュー・スライダーほか）

講義応用

講義応用

Web設計概論

Webデザイナーの役割とは / サイト設計考察 / 「サイト設計」でおさえておくポイント / 「デザイン」でおさえておくポイント

効果的なLPをデザインするためのトンマナの考え方

LPとトンマナについての基礎知識 / ヒアリング方法 / デザインに落とし込む

クリエイターのための著作権

著作権法の考え方 / 著作物とは？/ 著作（財産）権とは？/ 著作者人格権とは？/ 著作隣接権とは？/ ケーススタディ

Webディレクション講座

Webディレクターに必要なスキル / Webディレクターに必要なツール / 制作の進め方

Webマーケティング基礎

Webマーケティングの前提知識 / Webマーケティングの戦略設計

SNSマーケティング基礎

SNSマーケティングとは？ / 主要SNSメディアの特性と使い分け / 事例から学ぶSNSマーケティング

実習応用

グラフィックデザイン実践

名刺を作ろう / ダイレクトメールを作ろう / 目的に合わせたデザイン表現tips

はじめてのAdobe生成AI

生成AIとは / Illustratorで生成AI / Photoshopで生成AI / Adobe Fireflyを使ってみよう / 生成AIと著作権

伝わるバナー講座

バナーの設計方法 / 演出のテクニック / やってはいけないこと / SALEバナー制作 / 商品バナー制作 / セミナーバナー制作

デジタルフォトグラフィック

写真という仕事 / 撮影前の準備 / 撮影をする前に身に付けておきたい事 / ライティングのコツ / 撮影前のセッティング / 画像の加工

Webデザイナーの為の動画制作基礎

Premiere基礎 / AfterEffects基礎 / ロゴアニメーション

Webライティング講座

ロジカルライティング / ライティングテクニック / SEOライティング / エモーショナルライティング / キャッチコピー / メールマガジン
※本パートには字幕がございません

キャリアデザイン

ポートフォリオ講座

Web業界への転職準備について / ポートフォリオについて / ポートフォリオの基本構成

就職ゼミ

クリエイティブ業界の仕事について / クリエイターの就職活動のポイント

お金の教養講座

フリーランスとして生きること / 個人事業と法人 / フリーランスの「自分価値」 / 売上アップのテクニック

ライブ授業

ライブ授業では現役のWebデザイナーの講師から、Web制作の流れや、就転職、Web業界で働くためのノウハウを直接習得することが出来ます。授業はリアルタイムで配信されるので、まるで実際の教室にいるかのように講師へ質問をすることができます。

カリキュラム詳細(PDF)をダウンロード

※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。
※実際の授業はサンプル動画とソフトウェアのバージョン等が異なる場合がございます。

卒業生の作品

チコさんの作品
Webデザイナー講座

修了課題
歯科医院のWebサイトとして適切な清潔感のあるデザインと、コーディングにおいても難易度の高い position プロパティや Flexboxといった技術も正しく使用できており、講義内容をきちんと理解し習得できています。

嶋田彩乃さんの作品
Webデザイナー講座

修了課題
使う人への優しさが詰まった、誠実で安心感のある作品です。物件情報はパッと見て内容が伝わるよう整理され、LINEで相談しやすい工夫などUX面も非常に優れています。

サポート

自宅でもサポートがあるから安心！

オンラインでも通学と同じだけの学習効果を出すために、授業を受ける「インプット」だけでなく、質問や課題添削などの「アウトプット」もカリキュラムに含まれています。

実践力が身につく

映像教材で基礎を学び、制作課題や卒業制作で実際に手を動かしながらスキルを身につける学習スタイルです。知識を学ぶだけで終わらず、アウトプットを重ねることで、実践で活かせる力へとつなげていきます。
プロからの直接指導

個別添削では、Web業界で活躍する現役クリエイターが作品や課題を丁寧にチェック。ライブ授業では、各分野のプロから最新の知識や現場で役立つスキルを学べます。オンラインでも、直接質問や相談ができる環境をご用意しています。
AIネイティブ・ラーニング

AIを学びのパートナーとして活用しながら、作品の完成度を高めていく学習スタイルです。独自のAIチューター「Ututor」が改善ポイントをフィードバックし、「もっと伝わるには？」を一緒に考えます。AIを上手に使いこなしながら、自分の考えを形にする力を育てます。

卒業後のお仕事獲得もサポート！

卒業して終わりではなく、その先のキャリアまで。就職・転職の相談や仕事・案件紹介など、永年利用できるキャリアサポートを提供しています。

就転職活動をバックアップ

デジタルハリウッドのキャリアセンターでは、就職・転職の個別相談や採用セミナー、オンラインインターンシップを実施。また提携のコンサルタントがあなたの就転職を強力にバックアップします
あなたらしい働き方をサポート

就職・転職向けの求人から、副業・フリーランス向けの案件まで、多様な働き方に対応した仕事紹介サービスをご用意。目指すキャリアに合わせて、自分に合った働き方を選べます。
クリエイターズオーディション

卒業制作の優秀作品を対象に開催される、デジタルハリウッド伝統のプレゼンテーションイベント。企業の採用担当者へ直接作品を届け、キャリアにつながる機会を創出しています。

就転職サポートの詳細

本講座に含まれるサポート

実習動画	約100時間	ライブ授業	12回 ※
質問回数	無制限	AIネイティブラーニング	○
修了証	○	就転職サポート	○
受講生限定セミナー	○	交流会／SNSへの参加	○

※ライブ授業の内容は時期により見直しやアップデートを行うため、変更になることがございます

実習動画	ライブ授業
約100	12回
質問回数	AIネイティブ・ラーニング
無制限	○
修了証	就転職サポート
○	○
受講生限定セミナー	交流会／SNSへの参加
○	○

※ライブ授業の内容は時期により見直しやアップデートを行うため、変更になることがございます

受講に必要な環境

1.Adobe Creative Cloudが必要な講座です

お持ちでない方は、「Adobe Creative Cloud」を特別価格でご購入いただけます。（国内在住の方に限る。海外からの受講の場合、ライセンスはご自身でご用意ください）

Adobe Creative Cloudをご購入いただくと、Photoshop,Illustratorを含む、すべてのAdobeアプリケーションを1年間お使いいただけるようになります。
機能・サービスは通常版のAdobe Creative Cloudコンプリートプランに準じます。
購入にあたっては、メーカーが定める必要システム構成もあらかじめご確認ください。

2.受講に必要なパソコン環境

受講環境につきましては、こちらをご参照ください。

よくあるご質問

Q.初心者でもWebデザイナーを目指せますか？

はい、大丈夫です。デジハリ・オンラインスクールでは、未経験からプロになるために必要な、

1.スキル(ソフトの操作方法)
2.ノウハウ(業界で活躍するための知識)

を網羅したカリキュラムをご用意しております。分からないことや疑問点を解決するサポートも万全です。仕事をすすめていく上で欠かせない、仲間づくりもおまかせください。
※インターネットや動画の閲覧、アプリケーションのインストールやファイルのダウンロード等、パソコンの基本操作は必須となります

Q.Webデザイナー講座就職・転職コースと、専科Webデザイナー講座は何が違いますか？

どちらも、Webデザインの基礎から実践までをオンラインで学べる講座です。

専科Webデザイナー講座は、課題の数が多く、クラス制で学習を進める点が特徴です。ライブ授業では、STUDIO独自の「AI総合Pro講座」や「UI/UX」なども学ぶことができます。Slack上でクラスメイトとつながり、課題を見せ合う機会もあるため、より多くのフィードバック得ながら、実践的なスキルを身につけたい方に向いています。修了後には、デジタルハリウッド伝統のクリエイターズオーディションも利用できます。

Webデザイナー講座就職・転職コースは、個別に学習を進めやすいオンライン講座です。希望者は月に1度、講師とのマンツーマンの学習進捗相談ができるため、仕事や家庭と両立しながら、自分のペースで学びたい方に向いています。

クラス制で集中的に学びたい方は専科Webデザイナー講座、個別に相談しながらマイペースに進めたい方はWebデザイナー講座就職・転職コースがおすすめです。
※なお、Webデザイナー講座就職・転職コースは助成金制度の利用対象外です。助成金制度を利用して学ばれたい方は、本講座をお選びください。

Q.仕事・学校と両立して学ぶことはできますか？

はい、可能です。映像教材はいつでもどこでも視聴でき、質問や相談もご都合のよいタイミングでご利用いただけます。また、一人ひとりに合わせて学習スケジュールを設定できるため、仕事や学校、家事など、それぞれのライフスタイルに合わせて無理なく学習を進めていただけます。
実際に、受講生は10代から70代までと幅広く、学生や会社員、主婦・主夫、フリーランスなど、さまざまなライフスタイルの方にご受講いただいています。

Q.校舎を利用して学ぶことはできますか？

恐れ入りますが、デジハリ・オンラインスクールの専科Webデザイナー専攻受講生は、校舎をご利用いただくことはできません。
校舎のご利用を希望の場合は、全国にございますデジタルハリウッドSTUDIOの専科Webデザイナー専攻をご検討ください。

その他のよくある質問

講座のお申し込み

お申し込み講座	専科 Webデザイナー専攻
受講期間	約6ヵ月（26週間）
開講日	2026年8月1日（土）
受講料	572,000円(税込)
お申込みについて	本講座をご検討の方、お申し込みをご希望の方は、下記「説明会予約」ボタンより無料の説明会へご参加ください。