制作演習例

Webサイトの企画からコーディングまで、
生成AIで効率よく高品質に仕上げる方法を学びます

Webサイトの企画から制作まで、
生成AIで効率よく
高品質に仕上げる方法
を学びます

思い描いた画像・動画素材を
簡単に生成

素材生成

nanobanana・Adobe Firefly

最先端の技術とツールを使って
デザインカンプを作成

デザイン

photoshop・Illustrator・Figma

×

素材生成

nanobanana・Adobe Firefly

デザインカンプからコードを
一瞬で自動生成

デザインからコード自動生成

v0・Figma Make

チャットボット機能搭載の
検索サイトが作れるようになります

チャットボット

Open AI API

いま生成AI×Webデザインを
学ぶべき理由

生成AI×デザインの市場は毎年約30%という驚異的なスピードで拡大し、
10年後には世界で約10兆円規模に達するといわれています。

これはWebデザインにおいても、手作業での制作から生成AIと
協働する制作手法へと急速に移り変わっていることを示しています。

生成AIを使いこなせるWebデザイナーには、未経験からでも高単価の報酬が得られ、
使えない人は取り残される時代
がすでに始まっています。

いま生成AI×Webデザインを学ぶべき理由

コースの特徴

生成AIを使いこなし、
短期間で高品質なWebサイトを生み出す力を身につける

生成AIを使いこなし、
短期間で高品質な
Webサイトを生み出す力
を身につける

生成AIをWebデザインに取り入れ、デザインの発想から設計・Figmaでの制作・コーディングまでのプロセスを効率化。
デザイン初級者でも、ビジネスレベルのWebサイトを短期間で生み出せるスキルを身につけられます。

01

Webデザインを基礎から学べるので未経験でも安心

Webデザインを基礎から学べるので未経験でも安心

生成AIでのWeb制作に必要なWebデザインの基礎を体系的に習得。レイアウトや配色などの原則から、Figma等を使った最新のデザイン・コーディング手法まで網羅し、生成AIを活かすための知識の土台を固めます。デザイン初級者はもちろん、現役デザイナーの学び直しにもおすすめです。

02

生成AIでWebサイト制作のスピードと品質を高める

生成AIでWebサイト制作のスピードと品質を高める

ChatGPTでのコピーの作成、Nano BananaやIdeogramを活用したビジュアル素材の制作、v0/Figma MakeでのUIの自動生成など、生成AIで発想から設計・制作までを一気通貫で効率化。Web制作のスピードとクオリティを飛躍的に高める、生成AI時代のデザイン手法を学べます。

03

相談会とAIチューターで
徹底伴走

相談会とAIチューターで徹底伴走

生成AIの事前知識が全くない方も、定期開催の相談室で 各領域のプロに相談できます。また、 24時間いつでも相談にのってくれるAIチューターを 活用することで、挫折せず学習完了まで到達できます。

おすすめの方

生成AIを活用したWEBデザインスキルを習得し、
副業・転職・キャリアアップを目指す方

  • カスタマーイメージ
  • カスタマーイメージ
  • カスタマーイメージ
  • カスタマーイメージ

学習内容

生成AI時代のWebデザイナーとして
活躍するための『4つのステップ』

教材による知識のインプット 課題を実践 メンターからのフィードバック
グッドパッチ社のコンペに参加

カリキュラム

学習時間

190時間

自由課題

13時間

制作・監修

カリキュラムはグッドパッチ社と
生成AIのエキスパートがタッグを組み制作

カリキュラムはグッドパッチ社と生成AIのエキスパートがタッグを組み制作

メンター制度

選考通過率わずか10%という基準で選ばれたメンターが学習をサポート。

メンター
メンター
メンター