転職支援プラン

Webデザインコース

無料相談後
ご購入で
10万円引き

通常価格
548,000

通常価格
548,000

値引き後価格

448,000

(税込)

\無料相談後ご購入で10万円引き/

受講前の不安やお悩み、どんな事でも。無料カウンセリングはこちら

\申し込み後すぐに学習開始!/

受講を申し込む

\まずはプロに相談/

無料相談
  • 未経験でも大丈夫?
  • 転職に必要な
    スキルは身につく?
  • 転職成功まで
    サポートしてくれる?

転職成功まで一気通貫でサポート!

  • 未経験からWebデザイナーでの転職実績多数!

    転職で年収アップを目指せる

  • 基礎から応用まで

    実践に活かせれる課題まで幅広く学べる!

  • 経験豊富なスタッフが対応

    メンターとキャリアコンサルタントが徹底サポート!

クレジットカード払いに対応 ※最大20分割

転職を成功させた受講生

忍者CODEの転職支援プランを受講し、実際に転職を成功させた受講生の一例です。
学習する言語によって転職を成功させるまでの学習期間や、転職後の年収は異なりますが、多くの方が年収アップを実現しています。

高いレベルまで学習できる!
受講後はIT企業への転職を実現!

ITエンジニア

ナカウラさん

  • BEFORE

    介護職

  • AFTER

    IT企業
    (システムエンジニア)

営業マンからIT業界へ挑戦
副業で収入アップを実現!

Web制作

ひろしさん

  • BEFORE

    営業

  • AFTER

    Web制作

学習でスキルアップをすることで
育児と両立した生活を実現

Webデザイナー

Ayucoさん

  • BEFORE

    Web業界未経験

  • AFTER

    Webデザイナーとして
    副業をしながら生活

フリーランスとして活躍!
企業からコンスタントに受注!

Web制作

やまとさん

  • BEFORE

    Web制作は未経験

  • AFTER

    フリーランスとして活躍
    定期的な案件獲得を実現

未経験からWeb制作学習を始め
地方Web制作会社への転職を成功!

Web制作

ものりすさん

  • BEFORE

    エンジニアリング

  • AFTER

    IT未経験から
    Web制作会社へ転職し
    活躍

未経験からWeb制作のフリーランスとなり
今はWebディレクターとして転職成功!

Web制作/Webディレクター

こくまこさん

  • BEFORE

    工場勤務

  • AFTER

    Web制作会社へ
    転職成功

忍者CODEの転職支援プランは、

未経験からでもスキルを習得できる
“実践的カリキュラム”と、
転職成功まで一気通貫でサポートする学習プランです。

永久無料

学習だけじゃない!
受講後の転職サポート

  • 学習終了後に実力判定テストを実施
    合格後、転職希望条件などをお伺い

  • 希望条件にて転職ができるよう必要に応じてサポート

  • 実務経験なしでも転職成功までサポートします

転職支援プランの
Webデザインコースは、
このような方にオススメ!

  • Webデザイナーとして転職して年収をアップさせたい!

    忍者CODEの転職プランは、スキル習得には経験豊富な現役デザイナーがメンターとして付き、また転職成功までキャリアアドバイザー徹底的にサポート致します。未経験からでもWebデザイナーとしての転職は多数実績があります。

  • Webデザインの仕事で転職ができるスキルを身に付けたい!

    まずはキャリアアドバイザーが一人一人の目指す将来についてヒアリングを致します。Webデザインの仕事は、事業会社やSES、Web制作会社など転職可能性のある企業は多岐に渡りますので、目標に合った学習ができるよう徹底的にサポート致します。

  • Webデザインのスキル習得だけではなく転職したい!

    転職にはスキル習得だけでは不十分です。なぜならば、企業はスキル以外にも必要としているものが各社毎にあり、それをアピールできなければなりません。経験豊富なキャリアアドバイザーが転職成功まで徹底的にサポート致します。

忍者CODEを
受講した方の声

忍者CODEで受講した沢山の方々がフリーランスや副業、企業への転職を成功されています。Webデザインのスキルを習得するまでのロードマップが分かりやすく、改善を繰り返して制作したカリキュラムなので、短時間でもスキルが身に付くように工夫がされています。さらに、「Slack」で24時間何度でも質問ができるチャットサポート機能も大変好評です。私たちは1人1人に寄り添って学習を進めていきたいという想いがありますので、スキルの習得までしっかりとサポートします。受講者の中から一部ではありますが、ご紹介させていただきます。

  • K・Sさん 男性


    もともとは独学で学習していました。このスクールのホームページにあるWebデザインに関する無料動画を試しに視聴したところ、説明が丁寧で分かりやすいと感じたので、受講することに決めました。
    学習の進捗状況が常に把握しながら学習を続けることが出来るので、モチベーションを保ちながら学習できます。講義の質も高いと思いますし、チャットで質問した時もすぐに返信が来るので良かったです。

  • M・Wさん 女性


    受講期間を気にせず受講できるのが忍者コードを選んだ決め手になりました。上から順番に講義動画を進めていけば、最終的にマスターできているような学習カリキュラムになっているので、ゴールまでのロードマップを把握しながら学習を進められます。
    Webデザインの講義も分かりやすく、講師の声も聞き取りやすいので、満足しています。

  • S・Aさん 男性


    もともと独学でWebデザインを勉強をしていましたが、もっと効率的に学びたいと思い、スクールに通う決断をしました。その中でも忍者コードは無期限で受講でき、他のスクールと比べても費用が安かったため、忍者コードのWebデザインコースを選ぶことにしました。
    ショートカットキーなど、パソコンの基礎的な使い方についても丁寧に教えてくれるので、その点はありがたいと感じます。チャットサポートはレスポンスが早いので非常に助かります。

  • M・Tさん 女性


    リモートでもできる仕事を始めたいと思い、忍者コードのWebデザインスクールを選びました。動画をみて学習するスタイルは、Webデザインを学んだことのない未経験者にとってもすごくハードルが低いと思います。
    実際に動画をみていて聞き取りにくいと感じたこともなかったですし、チャットサポートに関しては全くわからない素人にも丁寧に教えてくださるので良かったです。

  • S・Sさん 女性


    将来、ITスキルを使ってリモートワークをしたいと考えていたところ、忍者コードのCMをみたのがきっかけで学習を始めました。完全未経験からのスタートということもあって少し不安に感じていましたが、Webデザインスクールの講師の説明は分かりやすく、少し難しい部分については丁寧にしっかりと説明してくださるので、その点は安心して学べると思います。
    Webデザインに関するチャットサポートの返事もすぐにもらえるので良かったです。

  • O・Nさん 男性


    半永久的に質問ができる環境は安心できると思ったので、忍者コードのWebデザインスクールを選びました。講義動画はトピックごとに細かく分けられているので、「今回の動画ではWebデザインの何について学ぶのか」をしっかりと認識しながら学習することができます。
    値段もお手頃ですが、Webデザインの講義動画は非常にわかりやすいので、今のところ満足しながら学習を続けることが出来ています。

もっと見る

Webデザインの仕事で転職したい!
年収をアップさせたい

でも…

ゼロから独学で学習をして、
実務未経験で転職をすることは
結構大変です...

未経験の方が独学でWebデザインを学習した場合、まず最初につまづく壁が、「何から学んでいいか分からない」「身に付けたスキルが通用するか分からない」など、困ったときに全て自分で解決する必要があり、途中で挫折する要因となることがあります。

独学の方が挫折したり、
苦労する理由

  • Webデザインの専門用語が多く意味も分からないまま学習を進めてしまう
  • 独学だと間違った方法で学習し間違った知識を得てしまう
  • 間違いを指摘してくれる人や質問できる人がいない
  • Webデザインの応用学習あたりでエラーが沢山出て分からなくなる
  • 転職するために必要な事が分からず学習したことが活かせれない

未経験からWebデザイナーへの転職を
成功させるなら忍者CODE!

1人ひとりの目的やライフスタイルの方に合わせた
チャットでのサポートを提供しています。

忍者CODEの転職支援プランは、Webデザインのスキルを身に付け、転職を成功させる!
という明確なゴールを定め、実践的カリキュラムと転職に向けた徹底的なサポート、助言をいたします。

Webデザインコース|転職プランでは こんなものが制作できるようになります!

  • 制作例1 画面イメージ

    バナー広告

    視覚的にユーザーへサービスや商品をアプローチするためのバナー広告(※画像は学習動画のサンプルです)

  • 制作例2 画面イメージ

    企業ロゴ・ロゴマーク

    企業やブランドの顔として、ユーザーが直観的にブランドを認知できるようにするためのロゴを制作(※画像は学習動画のサンプルです)

  • 制作例3 画面イメージ

    サービスや商品のLP

    自社の商品やサービスの売上を向上させるために、ユーザーに特定の行動を起こしてもらうためのページ(※画像は学習動画のサンプルです)

Webデザインコース|転職プラン 学習カリキュラム

はじめての方で安心して学習できるように、基礎知識から実践的な課題まで、
Webデザイナーになる為のロードマップが分かりやすいカリキュラムを採用。

学習カリキュラムの詳細

  1. 忍者CODEのWEBデザインコースで学べること

    学習内容

    WEBデザインの基礎からスタートし、グラフィックの要素やロゴ・アイコン・ボタンの大切さについて学びます。また、バナー広告の役割やWEBサイトの種類を理解し、コーディングの技術にも触れていきます。

  2. 楽しく学習するために大切なこと

    学習内容

    X(旧Twitter)などのSNSを活用したり、コミュニティへの参加方法について解説します。また、忍者コードのチャットサポートについても紹介します。

  3. WEBデザインで使うツールをインストールしよう

    学習内容

    Googlechromeとfigmaのインストール方法について解説します。

  4. WEBデザインに関する基礎知識を学ぼう

    学習内容

    デザインをする上で重要な基礎を解説します。
    フォントの役割と活用方法 / レスポンシブデザインの仕組み / ユーザビリティを高めるには など

  5. illustrator

    学習内容

    illustratorの基本的な操作からアイコンやロゴ、バナー制作の手順について解説します。
    ショートカットキーについて/ 整列について / シェイプの作成方法 / ペンツールの使い方 / 簡単なアイコンの作成 / バナー模写 / 名刺作成 など

  6. Photoshop

    学習内容

    Photoshopの基本的な機能や操作から、写真の加工や合成方法について解説します。
    調整レイヤーの活用 / 写真の不要な部分を削除 / 写真の一部分の明るさや色味を修正 / 選択範囲を作成して画像を切り抜く / オリジナルポスターの作成 など

  7. バナー作成

    学習内容

    オリジナルのバナーを作成していきます。
    トレーニングジムバナーを作成 / 料理教室のバナーを作成 / スイミングスクールのバナーを作成 など

  8. ロゴ・アイコン作成

    学習内容

    オリジナルのロゴを作成していきます。
    ロゴの作成 / ロゴ・アイコン模写 / 実務でロゴを作成する際のレギュレーションについて / など

  9. LP(ランディングページ)の作成

    学習内容

    オリジナルのLPを作成していきます。
    LPのプランニング / LP制作のポイント / ファーストビューの制作 / 利用方法の制作 など

  10. UI/UX

    学習内容

    UI/UXについての基礎からサイトの制作方法までを解説します。
    UIの基本を理解しよう / アカウント管理画面の作成 / オートレイアウトの実装 / 予約サイトの作成:地図とマーカーから / ECサイト「NINJA SHOP」をデザインしよう など

随時更新

特別講座や小ワザ集も充実。

カリキュラムの他、真似したくなる小ワザなど
有益なコンテンツを随時追加しています

Webデザインコース|転職プラン 学べるスキル

  • Figma

    Webサイトのデザインの他、資料やバナーのデザインまで幅広く活用されているデザインツールFigma(無料)の使用方法を身につけます

  • illustrator

    基本的な操作方法からテキスト入力、アイコンの作成、ロゴやバナーなどの作成技術が身につきます

  • Photoshop

    基本的な機能や操作方法を学んだうえで、写真を加工したり合成したりする方法が身につきます

  • Webデザイン

    ホームページのレイアウト、色の選定、写真の加工、ロゴの作成、広告バナーなどWebデザインに関わる制作技術が身に付きます

  • LPデザイン

    企業や個人のクライアントから依頼された商品やサービスの魅力を掲載した説得型のWebページの制作技術が身に付きます

  • ワイヤーフレーム

    詳細なデザイン制作に入る前に、制作チームやクライアント全員が完成イメージを共有するための設計図の作成技術が身に付きます

\未経験からWebデザインのプロへ/

Webデザインコース
受講を申し込む

プログラミングスクール NINJA CODEの 安心して学べる4つの特徴

  • 特徴その1

    動画学習

    動画教材だから
    何度でも見返すことができる

  • 特徴その2

    実践的な課題

    知識をインプットするだけでなく
    実際に手を動かしスキル習得

  • 特徴その3

    1対1の個別サポート

    24時間・無期限・無制限の
    チャットでの学習サポート

  • 特徴その4

    実力判定テスト

    これまでの学習の成果や
    苦手分野の確認

学習動画を一部ご紹介

  • 学習動画サンプル

    「NJ English School」のLP制作Webデザインコース

    LPのデザインを作成するだけでなく、ペルソナを設定したり、クライアントの悩みを解決するアイデアを考えることができるよう解説をしています。

  • 学習動画サンプル

    プロトタイプで動きをつけようWebデザインコース

    デザインツールFigmaでプロトタイプ機能を学び、サイトの中に動きをつけていきます。この機能を使うと、コーディングする前に実際に動作する様子を確認することができます。

学習動画のポイント

学習動画サンプル
  • ポイント1

    Webデザインの知識を分かりやすい資料で解説。
    未経験の方でも楽しく学べる。

  • ポイント2

    基礎編は講師が制作した過程を見ながら真似る形で制作するので学習しやすい。

  • ポイント3

    実践的課題は、必要項目を講師がレクチャー。
    将来的に役立つ物を制作できる。

Webデザインコース|転職プラン 成功までの “ロードマップ

忍者CODEは好きな時に学べる
オンライン学習を採用しているため
ライフスタイルに合った学習スケジュールを
組むことができます。

Webデザイナーとして転職成功までのロードマップ
  • メンタリング

    現役のWebデザイナーによるメンタリング

    転職に必要なWebデザインの知識や技術レベルの習得を目指し個別に目標を設定します。また、忍者CODEの学習カリキュラムについても説明いたします。

  • カウンセリング

    キャリアアドバイザーによるカウンセリング

    Webデザインのスキルを習得した後、どの様な企業への転職を目指しているのかを確認し個別に目標を設定します。

  • 動画学習

    Webデザインの基礎知識を学習

  • 動画学習

    Webデザインの基礎知識を学習します。

    ロゴ・アイコン・コーディング・レスポンシブデザインなど基礎知識を動画を用いて学習します。

  • 動画学習

    Figmaを使ったWebデザインを学習

  • 動画学習

    Figmaの操作方法やWebデザインの仕方を学習します。

    講師がFigmaを使ってWebデザインを解説します。ここでFigmaの基本的な使い方を確実に学びます

  • 実践課題

    実践課題①

  • 動画学習

    Figmaでオリジナルのバナー制作を実践します。

    Webデザインコースの講師が実際にバナー制作を行い、順番に分かりやすく説明します。

  • 課題制作

    実際にオリジナルバナーを複数制作します。

    トレーニングジムバナーを作成 / 料理教室のバナーを作成 / スイミングスクールのバナーを作成。

  • 実践課題

    実践課題②

  • 動画学習

    FigmaでLP(ランディングページ)を制作します。

    Webデザインコースの講師が実際にLP制作手順をPC画面を用いて分かりやすく説明します。

  • 課題制作

    実際にLPやオリジナルロゴを制作します。

    講師の制作過程を参考にしながら受講者が実際にLPやオリジナルロゴのデザインを制作します。

  • 動画学習

    UI/UXについて学ぶ

  • 動画学習

    UXについての基本的な知識を学習します

    UIやUXの基本から、UIとUXの関係やデザインのワークフローについて解説します。

  • 動画学習

    管理画面やメーラーの作成について学習します。

    Figmaの応用的な操作方法を学びながら、プロトタイプなどで動きをつける方法を解説します。

  • 実践課題

    実践課題③

  • 課題制作

    Figmaで予約サイトを制作します。

    Webデザインコースの講師が実際にサイト作成手順をPC画面を用いて分かりやすく説明します。

  • 課題制作

    FigmaでECサイトを改善・制作します。

    必須条件や推奨要件を踏まえて、ECサイトの改善について解説します。

  • 動画学習

    illustrator

  • 動画学習

    illustratorの基礎知識を学習します。

    画面やツールの操作方法や配色方法などを実際の画面を用いて分かりやすく説明します。

  • 課題制作

    illustratorでオリジナルのロゴやバナー・名刺を制作します。

    作成手順の学習や模写をしたうえで、オリジナルのバナーを作成する方法を解説します。

  • 動画学習

    Photoshop

  • 動画学習

    Photoshopの基礎知識を学習します。

    基本的な加工方法や合成方法について解説します。

  • 課題制作

    Photoshopでオリジナルのアートポスターを作成します。

    写真の合成や切り抜きを利用して、オリジナルポスターの作成手順を解説します。

  • 転職支援コースは、現役エンジニアのメンタリングが12回付いています。
    分からないこと、不安な事があればいつでも相談できる環境が整っています。

転職支援プラン
  • 実力判定テスト

  • 合格

  • 履歴書・職務経歴書の書き方指導+転職に必要な物の準備+転職先の紹介

転職支援プランだと
年収アップも目指せる

\転職で年収を増やせた方/

  • S.H様(30歳・男性)

    元 飲食業界

    300万円360万円

    60万UP

  • K.I様(30歳・女性)

    元 写真スタジオ勤務

    300万円380万円

    80万UP

  • N.R様(28歳・男性)

    元 不動産業界

    350万円400万円

    50万UP

  • S.S様(23歳・男性)

    元 物流業界

    320万円400万円

    80万UP

  • H.U様(23歳・男性)

    元 プラント/インフラ設備

    300万円360万円

    60万UP

1人ひとりの学習ペースに合わせた
サポート体制が万全!

忍者コードは24時間チャットサポートを採用しており、計画的に学習することができ、わからないことはいつでも質問をすることができます。チャットサポートは講座購入直後から永久的にご利用いただけます。

他のWebデザインスクールとの比較

忍者CODE A社 B社
金額

548,000円

389,800円 589,800円
学べるスキル Figma / illustrator/
Photoshop / Webデザイン /
LPデザイン / UI・UX
Figma / Webデザイン / LPデザイン / ワイヤーフレーム Figma / Webデザイン / LPデザイン / ワイヤーフレーム
サポート期間 原則 無期限 最初の1ヵ月のみサポート 期間中のみサポート
講師の特徴 メンター経験豊富な
現役クリエイター
クリエイターではないスタッフ 現役クリエイター
受講期間 4カ月間
転職成功までの平均期間
3ヵ月間 6ヵ月間
カリキュラム インプットとアウトプットで学べる
実践的カリキュラム
インプット形式のカリキュラム インプット形式のカリキュラム
メンター制度 Slackでの質問は
24時間可能
日中対応可能 日中にクリエイターではない
スタッフが対応

受講開始までの 流れ・学習の進め方

  • STEP1

    学習コースの申込フォームより、必要項目を入力し申し込みを行います。決済にはクレジットカードが必要となりますが、銀行振り込みをご希望の場合は、弊社までお気軽にお問い合わせください。

  • STEP2

    申し込み完了後は、ご登録のメールアドレス宛に、学習管理画面のURLと、ログインID、パスワードをお送りします。申込後はすぐに学習を開始できます。

  • STEP3

    学習を進めていくうえで、分からない点が出てきた際はSlackでいつでも質問ができます。転職支援プランは12回のメンター相談も受けられます。

さらに、転職支援プランでは、
プロのメンターがマンツーマンで徹底的にサポートします。

  • 「笑顔で楽しいプログラミング学習をしてほしい」

    翔丸

    システム開発、デザイン、講師、忍者CODE運営

    忍者CODEでは1対N(多数)ではなく、1対1で問題解決に全力で励みます。 無料問題集やこれまでの忍者CODEコンテンツを通して転職や就職、副業での案件獲得した方がたくさん生まれました。 その中で感じたのは、個々の能力の引き上げです。 1人1人にあった勉強プランや将来設計を全力で提案サポート致します。 迷われている事が少しでもありましたら、是非1度無料相談をお受けください。 笑顔で楽しいプログラミング学習をして欲しい。 あなたと話せることを楽しみにお待ちしております。

  • 「多くの方が転職や就職、副業での案件獲得に成功しています」

    はやて丸

    システム開発、デザイン、講師、忍者CODE運営

    忍者CODEでは、一人ひとりの能力を引き上げることを目的に、個別に学習プランや将来設計を提案しています。 私たちの取り組みにより、多くの方が転職や就職、副業での案件獲得に成功しています。 無料問題集や過去の忍者CODEコンテンツを通じて、1対1で問題解決に全力を注いでいます。 もし何か迷いがあれば、気軽に無料相談をご利用ください。 私たちは、あなたがプログラミング学習を楽しんで笑顔で取り組めるよう、全力でサポートします。是非、チャレンジおまちしております。

転職のよくある質問

Webデザインは未経験ですが大丈夫ですか?
はい。忍者CODEのWebデザインコースで学習される方のうち72%が未経験から始められています。実務未経験の方でもWebデザインのスキルを身に付け転職することは可能です。
学習するのにWindowsやMacなどパソコンの指定はありますか?
忍者CODEの学習コンテンツは主にMacを使用していますが、Windowsでも学習は可能で問題はありません。WindowsとMacで操作が異なる場合は動画内にて解説させて頂いております。
WebブラウザはChromeやFirefoxなどの指定はありますか?
忍者CODEの学習ではChromeを推奨しておりますが、FirefoxやEdgeなど他のブラウザでも学習していただけます。Google Chromeは無料ダウンロードが可能ですので、学習を機にダウンロードをご検討下さい。
学習コンテンツ内で追加料金はありますか?
学習コンテンツは随時アップデート致しますが、新しいコンテンツを視聴する際に追加の費用はかかりません。ただし、illustratorやPhotoshopなどのソフトに関しては有料となり、ご自身でご契約していただく必要がございます。
キャンセル・返金対応は可能ですか?
原則、受講のお支払い後のキャンセル対応、返金対応はしておりません。
インターネット環境により動画が閲覧できない等、特別な場合にのみ対応しております。
Webデザインコースを受講するのに必要なツールはありますか?
Webデザインコースで必要なツールはFigma,illustrator,Photoshopの3つです。
他のスクールより受講費用が安い理由を教えてください。
忍者CODEは、オンラインのプログラミングスクールですので、店舗などを構えず学習コースの開発やプロモーション以外の費用をかけておりません。そのため、受講者の方々にはお安く受講頂ける仕組みとなっております。
Webデザインコースで身に付けることができるスキルを教えて下さい。
主に、Figma / Webデザイン /LPデザイン / ワイヤーフレームとなります。
未経験からWebデザインコースを受講する場合どの様な企業に転職できますか?
Webデザインコースを受講し、転職先はWeb制作会社や、IT系の事業会社、Web制作やエンジニアのSESなどがありますが、スキルによってもタイミングによっても異なりますので、詳細はキャリアコンサルタントにご相談ください。

※1:結果には個人差があり、効果を保証するものではありません。また、転職支援プランの推奨年齢は34歳までとしております。

転職支援プランのWebデザインコースのお申し込みはこちら

お申し込み内容をご入力下さい

*…必須項目

※ 銀行振込を選択の場合は一括でのご請求となりますので予めご了承ください。

※ 受講申込完了後、当日からご受講いただけます。

受講価格 548,000(税込)

※上記の受講価格は1名様あたり

お支払方法*

クレジットカードでのお支払い:受講開始日、翌月から毎月月末のお引き落とし

銀行振込でのお支払い:お申込み日から3営業日以内

お名前*

メールアドレス*

電話番号*

クレジットカード番号*

※入力欄の「CVV」は、セキュリティコードとなります。
クレジットカード裏面の3桁の数字をご入力ください。

お支払い回数*

※金利は発生しません。

お申し込みに関する注意事項
(必ずお読み下さい)

キャンセル・解除に関する事項

サービスの特性上、返金・キャンセルは受け付けておりません。

お問合せ先:info@ninjacode.work

決済中


コードくん