経済産業省 リスキリングを通じたキャリアアップ支援事業
Web DesignWebデザイナー転職コース
未経験からWebデザイナー
\無料カウンセリング受講で10,000円割引/
無料カウンセリングを予約する
修了率85.7%

2023年9月1日〜2024年3月31日に受講を開始した方が調査対象(調査日:2024年7月1日)

コース修了、転職成功、1年勤続で最大70%補助  本コースは、経済産業省 「リスキリングを通じたキャリアアップ支援事業」の認定講座です。

※経済産業省「リスキリングを通じたキャリアアップ支援事業」により、受講修了後キャッシュバックされる最大の金額です。なお、キャッシュバックについては、支払金額のうち「税抜価格」に対して補助率を乗じた金額を補助します。また、クーポンを利用してコースを購入した場合は、クーポン額を除いた支払金額のうち「税抜価格」に対して、補助率を乗じた金額を補助します。

※受講修了後、CodeCampを経由し転職をし、その後1年間に渡り継続的に就業していることを確認できた場合、追加で受講料の20%が補助されます。

※補助は、現在企業等と雇用契約を締結している方且つ雇用主変更を伴う転職を目指している方のみが対象です。

※講座認定に関する要件・詳細はこちらを参照ください。

Webデザイナーに

転職するメリット

メリット01
経験の浅いうちから
仕事に挑戦できる

昨今のWebサービスの普及により、Webデザインの需要が高まっています。Webデザインは、バナーやランディングページ、コーポレートサイトなど多岐にわたり、難易度の幅が広いため、経験がまだ浅くても制作を手掛けられるというメリットがあります。

メリット1

メリット02
専門職なので
長く続けられる

スキルアップや仕事の関係者とのコミュニケーションを怠らなければ、手に職があるため、長く仕事を続けられる点もメリットです。また、リモートで働ける職場があったり、フリーランスになるなど働き方の選択肢も豊富にあります。

メリット2

メリット03
キャリアの選択肢が豊富

Webデザイナーとして蓄積した経験を活かせる職種として以下のような職種があります。
・UXデザイナー
・Webディレクター/Webプロデューサー
・Webマーケター など
いずれもIT業界等で活躍できるポジションです。

メリット3
Webデザイナーへの転職体験談
感謝の言葉がやりがいに。新たな夢もできました。
M・Mさん(デザインマスターコース卒業生)

CodeCampでの学習後、自主制作等でスキルを磨きながら、パートタイムのWebデザイナーとして働き始めました。その半年後、晴れて正社員に。現在はプロジェクトを任されたり、デザインを一から作ったりと責任の重い仕事を任されるようになりました。仕事で携わった方から「良いWebページになったね」「ありがとう」と評価をしてもらえることが一番のやりがいです。また、週に一度在宅ワークができ、望んでいた働き方を実現することもできました。とにかくWebデザイナーになりたい、という気持ちを持ち続け、諦めずに学び続けることが大事だと感じています。

直近の目標は、Webデザインの講師になることです。私自身が未経験からWebデザイナーになるために学んできたこと、実務で本当に役立つことを、Webデザイナーを志す皆さんに教えていきたいと思っています。

M・Mさん(デザインマスターコース卒業生)
CodeCamp なら

“現場で活躍できる”Webデザイナーとして
未経験から転職を目指せます

Webデザイナー転職コースの魅力

レッスン満足度97.4%※1

現役Webデザイナー講師

現役Webデザイナー講師アイコン
  • 大手企業案件の実績を持つベテランデザイナーが在籍
  • 日本のみならず、海外在住の講師がおり、海外のWebデザイン事情も聞ける
  • レッスンごとに講師が選べるため、様々な技術やキャリア観を吸収できる
  • 講師を師匠に見立て、技が磨ける

修了後も永久に教材閲覧可能

カリキュラム

カリキュラムアイコン
  • Web制作業界歴20年のアートディレクターが教材を監修
  • 仕事に必要なこと以外は学習しない、アウトプット重視の現場主義の教材・課題
  • 転職時に必要なポートフォリオが受講中に完成する
  • Figma等、トレンドに沿ったカリキュラムを採用
  • 定期開催の作品コンテストに参加し、腕試しができる

キャリアサポートも充実

キャリアサポート

キャリアサポートアイコン
  • 国家資格であるキャリアコンサルタントが所属
  • キャリア支援経験が豊富なアドバイザーから支援を受けられる
  • 全5回のワーク付きで、自身の強みやキャリアの棚卸ができる
  • 初めての転職でも安心!書類添削、模擬面接、求人紹介、就職後のメンタリングまで徹底サポート

※1 会員向け、レッスン評価アンケートの集計結果より(期間:2022年1月-9月)

目標達成までの流れ

基礎(目安:1ヶ月〜1ヶ月半)
コーディングスキルを習得
HTML5/CSS3
HTML5/CSS3
(エイチティーエムエル/シーエスエス)

HTMLはWebサイトの構造を決める言語で、Webサイトに文字や画像を表示させます。
CSSはWebサイトの見た目を装飾します。背景や文字の色を調整しデザイン性を高めることができます。

学習内容
HTML/CSS基礎
HTMLとCSSの役割分担を理解し、実現したいことに応じてどちらをどのようにコーディングすると良いのかを理解できる状態を目指します。
演習課題
HTML・CSSを使用し、架空のグルメサイトのトップページを制作します。基本的なWebページの構成を理解した上で、Webページの見た目のカスタマイズや、0からオリジナルのWebページを作成できるようになります。
▼メディアサイトデザイン
メディアサイトデザイン例
CSS/jQueryアニメーション
CSS/jQueryアニメーション
(シーエスエス/ジェイクエリー)

CSSとjQueryでWebサイトに動きをつける方法を学びます。コードを書いて、アニメーションの原理や応用方法を理解します。Webサイトに動きをつけることにより、クリエイティブな表現力を高めます。

学習内容
CSS/jQueryアニメーション基礎
jQueryとCSSによるWebアニメーション技術を学ぶことで、動きのあるサイト制作ができる状態を目指します。
(教材はソシム出版の「動くWebデザインアイディア帳」を利用します。)
演習課題
CSSやjQueryを使用し、架空のコーポレートサイトにさまざまなアニメーションを設定し完成させます。実際の仕事でも役立つ、表現豊かなWebサイトを作成できるようになります。
▼コーポレートサイトデザイン
コーポレートサイトデザイン例
基礎(目安:1ヶ月半〜3ヶ月間)
デザインツールの使い方を習得
Photoshop CC
Photoshop CC(フォトショップ)

Photoshopは画像作成にまつわるあらゆる機能を網羅する世界最高峰のグラフィックツールです。
業界標準ツールとして多くのWebデザイナーに支持されています。

学習内容
Photoshop
Photoshopの基本的な使い方を学び、写真加工をはじめ、Webデザインに必要なスキルを身につけます。
演習課題
Photoshopを使用し、レスポンシブデザイン(様々なサイズの画面に適応する処理)に対応したデザインカンプ(完成見本)作成を行います。Webデザイナーに欠かせないスキルであるショートカットを駆使したチュートリアル形式の演習で、仕事で求められる業務効率化に対応できます。
▼トレース課題
トレース課題例
▼サイトデザイン課題
サイトデザイン課題例
Illustrator CC
Illustrator CC(イラストレーター)

Illustratorはイラストレーション制作をはじめとして、グラフィック・パッケージデザインなど幅広い分野で利用されています。Web制作現場においてはPhotoshopと併せて習得が求められます。

学習内容
Illustrator
Illustratorの基本操作のみならず、色彩論・デザインの4大原則・文字デザインなどを通じてグラフィックデザインの基礎を身につけます。
演習課題
Illustratorを使用してポストカードやフライヤーデザインの課題に取り組むことで、基本的なDTPデザイン力が身につきます。チュートリアル形式なので1人で無理なく、繰り返し取り組むことで仕事においても慌てることなくデザインができるようになります。
▼ポストカードデザイン課題
ポストカードデザイン課題例
▼チラシデザイン課題
チラシデザイン課題
デザイン・制作現場の基礎知識
デザイン・制作現場の基礎知識
学習内容
デザインの基礎
デザインの4つのルールについて学び、価値ある成果物を提供するための知識を身につけます。
デザインの4大原則色彩論文字組み
▼バナーデザイン
バナーデザイン例
Web制作現場の基礎知識
Web制作現場で長くアートディレクターを務めたスタッフが監修。仕事に取り組む前に知っておきたい知識を、要点を絞った構成で理解を深められます。
▼サイトデザイン
サイトデザイン例
実践(目安:3ヶ月〜4ヶ月間)
演習を通して、デザインスキルを習得
LP設計/UIデザイン
LP設計/UIデザイン

スマートフォンサイトにも対応したレスポンシブデザインを学びます。売上や申し込みといった、ランディングページの目標を達成する為の設計方法から学べるので、転職につながる制作力が身に付きます。

▼教材例
LP設計/UIデザイン教材例
ポートフォリオ(PDF)
ポートフォリオ(PDF)

Webデザイナーとしてのスキル・実績をアピールするのに欠かせないのが、ポートフォリオです。発注者はポートフォリオを見て仕事を依頼するかどうかを決めます。案件獲得に必須のツールであるため、学習中に制作します。

▼教材例
ポートフォリオ教材例
転職準備(目安:4ヶ月〜)
書類や面接の準備をし、転職活動を開始

学習修了後、転職活動をスムーズに開始し、転職が実現するよう様々なサポートを行います。初めての転職活動や今の仕事と並行しながらでも不安なく進めることができるようサポートします。

支援内容

  • キャリアに関する相談受付・対応
  • 自己分析や書類作成の支援
  • 提出書類のレビュー
  • 面接対策
  • 求人の紹介
  • 企業との面接調整
  • 就職後のフォローアップ

※1.就職・転職を保証するサービスではありません。ご希望に沿う求人をご紹介できない可能性があります。
※2.求人紹介において、提携エージェントをご紹介する可能性があります。提携エージェントにおいて、CodeCampで実施したキャリア面談と同様の内容をヒアリングする可能性があります。なお、提携エージェントで転職が決定した場合も補助金の対象となります。

インタビュー
キャリアサポートは「すごかった」の一言に尽きます。

小熊先生(キャリアサポート担当講師)は「すごかった」の一言に尽きます。経歴を伝えただけで、どう他者へ自身のことを伝えたら良いか、どんな強みがあるのかを引き出してくれ、しかも引き出し方の手数も非常に多く「こんな感じで引き出してくれるの・・・!?」と感動しました。
これまで様々なところでキャリアや転職のアドバイスを受けてきましたが、「CodeCampGATE(現エンジニア転職コース)のキャリアサポートは格が違う!この先生すごすぎる・・・!」と思いました。
書類選考はキャリアチェンジだと1〜2割しか通らないと聞きますが、最低でも3〜4割は通っていたと思います。

(キャリアサポート受講者 猪原さんの声)
キャリアサポート受講者 猪原さん

迷ったら

まずは無料カウンセリングへ

自分に合ったコースや学習プランを質問できます

無料カウンセリングを予約する

\無料カウンセリング受講で10,000円割引/

CodeCamp受講生の作品

CodeCampのWebデザインカリキュラム受講生の作品です。現役Webデザイナー講師のレビューを受け、一人で制作・納品できるレベルのスキルを身につけています。

  • Webデザインコース 犬飼様 の作品

    犬飼様
    (Webデザインコース)

  • 初めてのWebデザイン副業コース K・I様 の作品

    K・I様
    (初めてのWebデザイン副業コース)

  • オーダーメイドコース 大川様 の作品

    大川様
    (オーダーメイドコース)

  • フリーランスWebデザイナーコース 石川様 の作品

    石川様
    (フリーランスWebデザイナーコース)

  • フリーランスWebデザイナーコース S・S 様の作品

    S・S様
    (フリーランスWebデザイナーコース)

CodeCampデザイナーズアワード

CodeCampデザイナーズアワードとは、受講生や卒業生が参加できるデザイン作品のコンテストです。仕事を獲得する前の腕試しの場として、何度でも参加することが可能です。

受賞者を見る

コース詳細・料金

入学金・受講料分割: 25,100円/月(税込)
一括: 528,000円(税込)

(内訳: 入学金33,000円+コース料金495,000円)

コース修了、転職成功、1年勤続で最大70%  本コースは、経済産業省 「リスキリングを通じたキャリアアップ支援事業」の認定講座です。

※経済産業省「リスキリングを通じたキャリアアップ支援事業」により、受講修了後キャッシュバックされる最大の金額です。なお、キャッシュバックについては、支払金額のうち「税抜価格」に対して補助率を乗じた金額を補助します。また、クーポンを利用してコースを購入した場合は、クーポン額を除いた支払金額のうち「税抜価格」に対して、補助率を乗じた金額を補助します。
※受講修了後、CodeCampを経由し転職をし、その後1年間に渡り継続的に就業していることを確認できた場合、追加で受講料の20%が補助されます。
※補助は、現在企業等と雇用契約を締結している方且つ雇用主変更を伴う転職を目指している方のみが対象です。
※講座認定に関する要件・詳細はこちらを参照ください。

受講期間120日(4ヶ月)
想定学習時間250時間(週当たり15〜20時間)
サポート内容
  • オリジナルカリキュラム
  • マンツーマンレッスン(30回)
    提供時間:毎日7時〜23時40分迄
  • 現役Webデザイナーによる講評・フィードバック
  • ポートフォリオ制作支援
  • 就職/転職活動支援(自己分析、書類添削、模擬面接、各種ワーク、求人紹介)
  • 修了証/オープンバッジの発行
  • 作品コンテスト
  • AI(ChatGPTの有料バージョン)によるチャットサポートを24時間365日いつでも無料で利用可能
利用するツール
Illustrator
Illustrator CC
Photoshop
Photoshop CC
Figma
Figma

PhotoshopCC、IllustratorCC、Figmaを使用します。
※ご自身でご契約いただき、学習を開始してください。

利用する書籍

ソシム出版「動くWebデザインアイディア帳」

※学習開始時に、ご自身でご購入ください。電子書籍・紙書籍の指定はございません。

ご注意
※受講開始日の調整(1ヶ月程度を目安)を希望される場合は、お支払い前にお問い合わせよりご相談ください。
※分割料金は24回払いを選択した場合の金額です。
※分割料金は目安です。分割回数やカード会社の分割手数料によって異なりますのでご注意ください。

お支払い方法

迷ったら

まずは無料カウンセリングへ

自分に合ったコースや学習プランを質問できます

無料カウンセリングを予約する

\無料カウンセリング受講で10,000円割引/

よくあるご質問

  • はい、ございます。 デザイン時に利用するツールとして、Adobe PhotoshopCC、Adobe IllustratorCC、Figmaをご自身でご契約してください。 利用プランはご自身で利用予定期間を検討の上、選択してください。
    また、CSS/jQueryの学習においては、ソシム出版の「動くWebデザインアイディア帳」をご自身でご購入ください。(紙書籍・電子書籍は問いません。)
  • Webデザイナー転職コースの学習期間は4ヶ月です。期間延長も可能です。
    ※1ヶ月間(30日間):¥33,000(税込)、3ヶ月間(90日間):¥77,000(税込)で延長可能です。
  • レッスンポイントの追加購入により、受講できるレッスン回数を増やすことができます。
    レッスン回数の追加にかかる料金は、1レッスン50ポイント = 5,500円(税込)です。
    購入の手順についてはヘルプページをご参照ください。
    ※購入したポイントの利用期限は購入日から1ヵ月間(30日間)です。
  • 今は不安な方でも、Webデザイナー転職コースでは、実際の案件同様の課題に取り組み、講師から現場レベルのフィードバックを得ることができるので、自ずとスキルと自信が身につきます。また、コース受講中に作成した作品等を掲載したポートフォリオの作成ができるので、就職・転職に向けて準備を進めることも可能です。
  • ございます。経験豊富なキャリアアドバイザーが皆様の転職活動をお手伝いします。具体的には、自己分析、職務経歴書・履歴書の作成、面接対策等を行います。加えて、求人のご紹介も行います。
    ※ご転職の希望条件や地域により、紹介が難しい場合もございます。
    なお、受講修了後、求人紹介を希望される方は1年間、求人紹介を希望されない方は2ヶ月間、書類添削や求人の探し方等のサポートを受けることが可能です。
  • 補助は、現在企業等と雇用契約を締結している方、且つ雇用主変更を伴う転職を目指している方のみが対象です。
    Webデザイナー転職コース修了後、50%の補助をコードキャンプ株式会社より実施します。さらに、コース修了後1年間、継続的に転職先に就業していることが確認できた場合に追加で20%補助いたします。
    詳しくはこちらをご確認ください。
  • Adobe Photoshop CC、Illustrator CC、Figmaを使用します。
    Photoshop CC、Illustrator CCは有料です。Figmaは無料での利用は可能ですが、作成ファイル数等、無料での利用範囲に制限があります。いずれも公式サイトにてご自身でご確認の上、ご契約ください。
  • これからパソコンを導入するのであれば、デザイナーはMacを利用することが多いので、Macを推奨します。お手持ちのパソコンのOSがWindowsの場合でも、以下のスペックが適っていれば問題ありません。 推奨のPCスペックは以下の通りです。
    ・CPU: Core i5以上
    ・メモリ:16GB以上
    ・ストレージはSSDで256GB以上
    ・ノートパソコンなら15インチ以上を推奨
  • 本コースは、就職・転職に特化したコースのため、キャリアサポート(就転職支援)が充実していることが特徴です。また、Webデザイナーとして就職する際に有利となる、CSS/jQueryによるアニメーション表現が可能なコーディングスキルも学ぶことが可能です。

\自分にぴったりのコースがわかる/無料カウンセリングの流れ

  1. 無料カウンセリング予約

    無料カウンセリング予約

    希望日時を指定、アカウントを作成します。30秒で登録が完了します

  2. オンラインで参加

    オンラインで参加

    マンツーマンで専門のカウンセラーがおすすめのコースをご紹介します

  3. 割引クーポンGET!

    割引クーポンGET!

    お得に受講開始できるクーポンが貰えます

\無料カウンセリングの受講で10,000円割引に!/まずはご相談ください