＼自分にぴったりのコースがわかる／無料カウンセリングの流れ
無料カウンセリング予約
希望日時を指定、アカウントを作成します。30秒で登録が完了します
オンラインで参加
マンツーマンで専門のカウンセラーがおすすめのコースをご紹介します
割引クーポンGET!
お得に受講開始できるクーポンが貰えます
Webデザイナーに
転職するメリット
メリット01経験の浅いうちから
仕事に挑戦できる
仕事に挑戦できる
昨今のWebサービスの普及により、Webデザインの需要が高まっています。Webデザインは、バナーやランディングページ、コーポレートサイトなど多岐にわたり、難易度の幅が広いため、経験がまだ浅くても制作を手掛けられるというメリットがあります。
メリット02専門職なので
長く続けられる
長く続けられる
スキルアップや仕事の関係者とのコミュニケーションを怠らなければ、手に職があるため、長く仕事を続けられる点もメリットです。また、リモートで働ける職場があったり、フリーランスになるなど働き方の選択肢も豊富にあります。
メリット03キャリアの選択肢が豊富
Webデザイナーとして蓄積した経験を活かせる職種として以下のような職種があります。
・UXデザイナー
・Webディレクター/Webプロデューサー
・Webマーケター など
いずれもIT業界等で活躍できるポジションです。
Webデザイナーへの転職体験談
感謝の言葉がやりがいに。新たな夢もできました。
CodeCampでの学習後、自主制作等でスキルを磨きながら、パートタイムのWebデザイナーとして働き始めました。その半年後、晴れて正社員に。現在はプロジェクトを任されたり、デザインを一から作ったりと責任の重い仕事を任されるようになりました。仕事で携わった方から「良いWebページになったね」「ありがとう」と評価をしてもらえることが一番のやりがいです。また、週に一度在宅ワークができ、望んでいた働き方を実現することもできました。とにかくWebデザイナーになりたい、という気持ちを持ち続け、諦めずに学び続けることが大事だと感じています。
直近の目標は、Webデザインの講師になることです。私自身が未経験からWebデザイナーになるために学んできたこと、実務で本当に役立つことを、Webデザイナーを志す皆さんに教えていきたいと思っています。
M・Mさん（デザインマスターコース卒業生）
CodeCamp なら
“現場で活躍できる”Webデザイナーとして
未経験から転職を目指せます
Webデザイナー転職コースの魅力
レッスン満足度97.4%※1
現役Webデザイナー講師
- 大手企業案件の実績を持つベテランデザイナーが在籍
- 日本のみならず、海外在住の講師がおり、海外のWebデザイン事情も聞ける
- レッスンごとに講師が選べるため、様々な技術やキャリア観を吸収できる
- 講師を師匠に見立て、技が磨ける
修了後も永久に教材閲覧可能
カリキュラム
- Web制作業界歴20年のアートディレクターが教材を監修
- 仕事に必要なこと以外は学習しない、アウトプット重視の現場主義の教材・課題
- 転職時に必要なポートフォリオが受講中に完成する
- Figma等、トレンドに沿ったカリキュラムを採用
- 定期開催の作品コンテストに参加し、腕試しができる
キャリアサポートも充実
キャリアサポート
- 国家資格であるキャリアコンサルタントが所属
- キャリア支援経験が豊富なアドバイザーから支援を受けられる
- 全5回のワーク付きで、自身の強みやキャリアの棚卸ができる
- 初めての転職でも安心！書類添削、模擬面接、求人紹介、就職後のメンタリングまで徹底サポート
※1 会員向け、レッスン評価アンケートの集計結果より(期間:2022年1月-9月)
目標達成までの流れ
基礎（目安：1ヶ月〜1ヶ月半）
コーディングスキルを習得
（エイチティーエムエル/シーエスエス）
HTMLはWebサイトの構造を決める言語で、Webサイトに文字や画像を表示させます。
CSSはWebサイトの見た目を装飾します。背景や文字の色を調整しデザイン性を高めることができます。
学習内容
- HTML/CSS基礎
- HTMLとCSSの役割分担を理解し、実現したいことに応じてどちらをどのようにコーディングすると良いのかを理解できる状態を目指します。
- 演習課題
- HTML・CSSを使用し、架空のグルメサイトのトップページを制作します。基本的なWebページの構成を理解した上で、Webページの見た目のカスタマイズや、0からオリジナルのWebページを作成できるようになります。
▼メディアサイトデザイン
（シーエスエス/ジェイクエリー）
CSSとjQueryでWebサイトに動きをつける方法を学びます。コードを書いて、アニメーションの原理や応用方法を理解します。Webサイトに動きをつけることにより、クリエイティブな表現力を高めます。
学習内容
- CSS/jQueryアニメーション基礎
- jQueryとCSSによるWebアニメーション技術を学ぶことで、動きのあるサイト制作ができる状態を目指します。
（教材はソシム出版の「動くWebデザインアイディア帳」を利用します。）
- 演習課題
- CSSやjQueryを使用し、架空のコーポレートサイトにさまざまなアニメーションを設定し完成させます。実際の仕事でも役立つ、表現豊かなWebサイトを作成できるようになります。
▼コーポレートサイトデザイン
基礎（目安：1ヶ月半〜3ヶ月間）
デザインツールの使い方を習得
Photoshopは画像作成にまつわるあらゆる機能を網羅する世界最高峰のグラフィックツールです。
業界標準ツールとして多くのWebデザイナーに支持されています。
学習内容
- Photoshop
- Photoshopの基本的な使い方を学び、写真加工をはじめ、Webデザインに必要なスキルを身につけます。
- 演習課題
- Photoshopを使用し、レスポンシブデザイン（様々なサイズの画面に適応する処理）に対応したデザインカンプ（完成見本）作成を行います。Webデザイナーに欠かせないスキルであるショートカットを駆使したチュートリアル形式の演習で、仕事で求められる業務効率化に対応できます。
▼トレース課題
▼サイトデザイン課題
Illustratorはイラストレーション制作をはじめとして、グラフィック・パッケージデザインなど幅広い分野で利用されています。Web制作現場においてはPhotoshopと併せて習得が求められます。
学習内容
- Illustrator
- Illustratorの基本操作のみならず、色彩論・デザインの４大原則・文字デザインなどを通じてグラフィックデザインの基礎を身につけます。
- 演習課題
- Illustratorを使用してポストカードやフライヤーデザインの課題に取り組むことで、基本的なDTPデザイン力が身につきます。チュートリアル形式なので1人で無理なく、繰り返し取り組むことで仕事においても慌てることなくデザインができるようになります。
▼ポストカードデザイン課題
▼チラシデザイン課題
学習内容
- デザインの基礎
- デザインの4つのルールについて学び、価値ある成果物を提供するための知識を身につけます。デザインの4大原則色彩論文字組み
▼バナーデザイン
- Web制作現場の基礎知識
- Web制作現場で長くアートディレクターを務めたスタッフが監修。仕事に取り組む前に知っておきたい知識を、要点を絞った構成で理解を深められます。
▼サイトデザイン
実践（目安：3ヶ月〜4ヶ月間）
演習を通して、デザインスキルを習得
スマートフォンサイトにも対応したレスポンシブデザインを学びます。売上や申し込みといった、ランディングページの目標を達成する為の設計方法から学べるので、転職につながる制作力が身に付きます。
▼教材例
Webデザイナーとしてのスキル・実績をアピールするのに欠かせないのが、ポートフォリオです。発注者はポートフォリオを見て仕事を依頼するかどうかを決めます。案件獲得に必須のツールであるため、学習中に制作します。
▼教材例
転職準備（目安：4ヶ月〜）
書類や面接の準備をし、転職活動を開始学習修了後、転職活動をスムーズに開始し、転職が実現するよう様々なサポートを行います。初めての転職活動や今の仕事と並行しながらでも不安なく進めることができるようサポートします。
▼支援内容
- キャリアに関する相談受付・対応
- 自己分析や書類作成の支援
- 提出書類のレビュー
- 面接対策
- 求人の紹介
- 企業との面接調整
- 就職後のフォローアップ
※1.就職・転職を保証するサービスではありません。ご希望に沿う求人をご紹介できない可能性があります。
※2.求人紹介において、提携エージェントをご紹介する可能性があります。提携エージェントにおいて、CodeCampで実施したキャリア面談と同様の内容をヒアリングする可能性があります。なお、提携エージェントで転職が決定した場合も補助金の対象となります。
インタビュー
キャリアサポートは「すごかった」の一言に尽きます。
小熊先生（キャリアサポート担当講師）は「すごかった」の一言に尽きます。経歴を伝えただけで、どう他者へ自身のことを伝えたら良いか、どんな強みがあるのかを引き出してくれ、しかも引き出し方の手数も非常に多く「こんな感じで引き出してくれるの・・・!?」と感動しました。
これまで様々なところでキャリアや転職のアドバイスを受けてきましたが、「CodeCampGATE（現エンジニア転職コース）のキャリアサポートは格が違う！この先生すごすぎる・・・！」と思いました。
書類選考はキャリアチェンジだと1〜2割しか通らないと聞きますが、最低でも3〜4割は通っていたと思います。
（キャリアサポート受講者 猪原さんの声）
CodeCamp受講生の作品
CodeCampのWebデザインカリキュラム受講生の作品です。現役Webデザイナー講師のレビューを受け、一人で制作・納品できるレベルのスキルを身につけています。
犬飼様
（Webデザインコース）
K・I様
（初めてのWebデザイン副業コース）
大川様
（オーダーメイドコース）
石川様
（フリーランスWebデザイナーコース）
S・S様
（フリーランスWebデザイナーコース）
CodeCampデザイナーズアワード
CodeCampデザイナーズアワードとは、受講生や卒業生が参加できるデザイン作品のコンテストです。仕事を獲得する前の腕試しの場として、何度でも参加することが可能です。
受賞者を見るコース詳細・料金
| 入学金・受講料 | 分割: 25,100円/月(税込) 一括: 528,000円(税込) （内訳: 入学金33,000円+コース料金495,000円）  ※経済産業省「リスキリングを通じたキャリアアップ支援事業」により、受講修了後キャッシュバックされる最大の金額です。なお、キャッシュバックについては、支払金額のうち「税抜価格」に対して補助率を乗じた金額を補助します。また、クーポンを利用してコースを購入した場合は、クーポン額を除いた支払金額のうち「税抜価格」に対して、補助率を乗じた金額を補助します。 |
|---|---|
| 受講期間 | 120日（4ヶ月） |
| 想定学習時間 | 250時間（週当たり15〜20時間） |
| サポート内容 |
|
| 利用するツール |
PhotoshopCC、IllustratorCC、Figmaを使用します。 |
| 利用する書籍 | ソシム出版「動くWebデザインアイディア帳」 ※学習開始時に、ご自身でご購入ください。電子書籍・紙書籍の指定はございません。 |
- ご注意
- ※受講開始日の調整(1ヶ月程度を目安)を希望される場合は、お支払い前にお問い合わせよりご相談ください。
※分割料金は24回払いを選択した場合の金額です。
※分割料金は目安です。分割回数やカード会社の分割手数料によって異なりますのでご注意ください。
お支払い方法
一括払い
- 銀行振込
- クレジットカード払い(PAY.JP)
分割払い
- 支払いシミュレーション(無料)
(3〜36回)
よくあるご質問
- はい、ございます。 デザイン時に利用するツールとして、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デザイナー転職コースでは、実際の案件同様の課題に取り組み、講師から現場レベルのフィードバックを得ることができるので、自ずとスキルと自信が身につきます。また、コース受講中に作成した作品等を掲載したポートフォリオの作成ができるので、就職・転職に向けて準備を進めることも可能です。
- ございます。経験豊富なキャリアアドバイザーが皆様の転職活動をお手伝いします。具体的には、自己分析、職務経歴書・履歴書の作成、面接対策等を行います。加えて、求人のご紹介も行います。
※ご転職の希望条件や地域により、紹介が難しい場合もございます。 - 補助は、現在企業等と雇用契約を締結している方、且つ雇用主変更を伴う転職を目指している方のみが対象です。
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によるアニメーション表現が可能なコーディングスキルも学ぶことが可能です。