Webデザインスクール

Webサイトの見た目を構築する言語を学習する
Webデザインのスクールのご紹介。
月額9,800円〜(一括の場合98,000円〜)

  • ソフトウェア使用未経験OK
  • 副業獲得プランあり
  • 転職支援プランあり

Webデザインの基礎知識から実践まで役立つ技術を幅広く学び、
未経験からでもプロを目指せるNINJA CODEのWebデザインスクール!

「未経験からIT業界にチャレンジしたい」「パソコンを使ったスキルを身に付けたい」
「IT業界に転職して収入をアップさせたい」「現場で活躍できるレベルまでスキルアップしたい」
そんな方に選ばれています。

Webデザインスクール
3つの特徴

  1. 未経験からでもプロになれる
    カリキュラムと挫折させない
    サポート体制

    NINJA CODEのWebデザインスクールは、「学習したスキルを将来に役立たせる」という明確なゴールのもと、未経験から稼げるクリエイターへのロードマップとして、基礎知識の学習から、課題制作など実践的なカリキュラムを採用しています。現役クリエイターがメンターとなり、質問し放題のチャットサポートや、オンラインでの直接指導や個別キャリア相談など、Webデザイナーになる為の徹底的なサポート体制が整っています。

    ※独学プランのサポートはチャットサポートのみとなります。

  2. 実務を見据えた
    “実践的プロジェクト方式”による
    カリキュラム

    Webデザインスクールのカリキュラムでは、基礎知識や技術を学び、それから実際に簡単な制作物を作っていく手順を分かりやすく説明しています。
    また、実践的な課題も準備していますので、学習終了後に副業やフリーランスとして案件獲得ができるカリキュラムとなっています。

  3. 業界最安クラスの受講費用
    NINJA CODEなら、追加費用は
    一切なし

    Webデザインスクールでは、学習意欲はあるけど費用面での不安を抱えている方のために、 受講の費用をお安く設定したプランもご用意しております。
    また、完全に買い切り型のオンラインプログラミングスクールのサービスとなっていますので、追加費用を頂くことは一切ありません。勿論、ご購入いたいだたコース内に新しく追加されたコンテンツも視聴可能となっています。

Webデザインスクールで学べる
実践的カリキュラム

はじめての方で安心して学習できるように、基礎知識から実践的な課題まで、
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ページの制作技術が身に付きます

  • ワイヤーフレーム

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

受講した方の声

忍者CODEを受講された方のお話を一部ご紹介。
忍者CODEで学習した方がどのようなことを感じているのかをお聞きしました。
※結果には個人差があり、効果を保証するものではありません。

  • S・Mさん 女性


    未経験からWebデザインのプロへと成長してく最初のステップとして、基礎的な部分をしっかりと学べるスクールだなと感じました。値段がお手頃にもかかわらず、しっかりとWebデザインのスキルを磨くことができて最高でした。
    親身になってサポートしてくれたので本当にありがたかったです。おかげで、副業で稼ぐことが出来るようになりました。

  • H・Rさん 男性


    無期限で動画の受講とチャットでの質問ができ、カリキュラム終了後には必ず案件をもらえるという点に魅力を感じたので、忍者コードのWebデザインスクールを受講することに決めました。
    チャットでの質問に対する回答も分かりやすく、チャットサポートのおかげで理解できなかった部分についても理解ができるようになりました。このスクールでWebデザインを学べて満足しています。

  • T・Mさん 男性


    自分で時間を決めて学習できる点やチャットでいつでも質問ができる点に魅力を感じたので、忍者コードのWebデザインスクールを受講することに決めました。Webデザインに関する一つ一つのお話の内容が興味深く、講師の方の説明も分かりやすいスクールだと感じます。
    また、さくさく要点を説明してくれるので、覚えるべきところをしっかりと把握しながら学習を進めることが出来ました。Webデザインに関するどんな些細な質問でも答えてくれるので、大変感謝しています。

  • K・Sさん 男性


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

  • Y・Yさん 男性


    もともとは独学でWebデザインを学んでいましたが、知人から忍者コードをおすすめされたのをきっかけに、忍者コードのWebデザインスクール・独学プランで学習することに決めました。
    順を追って丁寧に説明してくださるので、初心者でもすごくわかりやすい動画教材になっていると思います。買い切りなので、追加費用も一切発生しないのも良い点だと思います。このスクールで学べて良かったです。

  • O・Mさん 女性


    Webデザインのスキルを身に付けて、「将来副業で収入を伸ばしたい」という思いで忍者コードのWebデザインスクール・独学プランを選びました。学習動画がアップデートされることもあり、新しくアップデートされた動画の内容も良いなと感じます。
    学習中に分からないことがあった際にチャットで質問をしましたが、Webデザインのプロの方から質の良い添削が返ってきて素晴らしいなと思いました。

ひとり一人の 理想のキャリアを応援

エンジニアに転職なら

豊富なサポートで転職活動を応援

  • ポートフォリオ相談・添削
  • 面接対策
  • 履歴書・職務経歴書の添削
  • キャリアの棚卸し

ニーズに合った求人が見つかる

  • 働き方が自由なエンジニアに転職ができる
  • 人気企業にエンジニアとして転職できる
  • 技術が上がり年収アップ
  • リモートワークや在宅など求人条件が広がる
  • 有名な企業の仕事にエンジニアとして携われる
転職支援プランの詳細

転職支援プランのサポート期間は原則無制限です。また、現役エンジニアのメンタリングがついているので、困った時は何でも質問できます。

副業をはじめるなら

必ず5万円分のお仕事をご紹介。
受講後はプロとしてすぐにスタート!

お受けいただいだ案件は全て実務経験としてご自身のポートフォリオに掲載可能です。チャットサポート(無料)も引き続きご利用いただけます。

年間1,000件を超える豊富な納品実績。
スモールスタートで段階的にお仕事をご紹介。

ご紹介案件1
ECサイトプラットフォームの導入店舗をターゲットとしたセールスバナーの制作
報酬:30,000円
ご紹介案件2
WebサービスのCVR向上を目的としたLPデザイン案作成
報酬:100,000円
案件獲得保証プランの詳細

※1. 2021年10月〜2022年9月の案件納品数 ※2. 実力判定テストの合格後一ヶ月以内にご紹介 ※3. 紹介された案件をお受けにならない場合は保証対象外

Webデザインスクール
料金プラン一覧

  • 無料体験プラン

  • 0

  • 無期限利用可能

  • コース選び・キャリア相談

  • 独学プラン

  • 98,000 (税込)

    10回払い 9,800円〜/月
  • 無期限チャットサポート

  • 実践課題のフィードバック

  • 実力判定テスト

  • お仕事案件紹介

  • メンタリング

  • ポートフォリオ添削

  • 案件獲得保証プラン

  • 488,000 (税込)

    20回払い 24,400円〜/月
  • 無期限チャットサポート

  • 実践課題のフィードバック

  • 実力判定テスト

  • 5万円分案件を100%ご紹介

  • メンタリング 10回(10時間)

  • ※案件獲得保証プランは「Web制作コース」「Webデザインコース」「動画編集コース」のみ

  • 転職支援プラン

  • 548,000 (税込)

    20回払い 27,400円〜/月
  • 無期限チャットサポート

  • 実践課題のフィードバック

  • 受講終了後もチャットサポート付き

  • 実力判定テスト

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

  • メンタリング 12回(12時間)

  • ポートフォリオ添削

クレジットカード決済対応※最大20分割

 VISA,MasterCard,JCB,American Express,Diners Club International

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

  • STEP1

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

  • STEP2

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

  • STEP3

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

  • IT業界未経験で受講された方の案件獲得・就職実績多数

  • 追加費用なしの買い切り型半永久的に学習可能

  • 受講前も、受講終了後も応援!1on1のチャットサポート

だから、Webデザインスクールを選ぶなら

他にも様々なWeb制作・プログラミング
のスクールをご用意しています

人気

Webサイト制作の基礎を学ぶ

ソフトウェア開発でよく使われているプログラミング言語

需要が高まる動画の制作・編集

自分だけのオンラインストアを開設する

\コース選びに迷ったら/無料カウンセリング
または、体験学習(無料)がおすすめ!

受講前の不安やお悩みどんな事でもお聞かせください。無料カウンセリングはこちら
無料体験学習はこちら

NINJA CODEは実務で必要とされている技術を随時取り入れています

  • bootstrapbootstrap
  • JavaScriptJavaScript
  • GitGit
  • HTML/CSS3HTML/CSS3
  • RubyRuby
  • FigmaFigma
  • MariaDBMariaDB
  • FlaskFlask
  • SpringSpring
  • JavaJava
  • PHPPHP
  • MySQLMySQL
  • jQueryjQuery
  • PythonPython
学習の事・キャリアの事、何でもOK!無料相談に申し込む