Webデザイン・Webプログラミング

Web・デザイン実習Plus

Web・デザイン実習Plus

デザインの現場で役立つ
プラスαのスキルが身につく!

Webデザイン業界の多種多様な制作依頼に対応できる力を身につけるため、プラスαで学べる講座をご用意。制作内容に応じて選べるカリキュラムで、無駄なく効率よくデザインテクニックが身につきます。

講座詳細

デザインソフトの使い方や HTML・CSS のコーディング手法を学んだ後は、実際の作品制作での使いどころを学びましょう。プラスワンで必要なものだけを 1 講座から選択できる実習講座です。

各講座または総合コースと合わせて学習していただける追加受講専用講座です。

Web・デザイン実習Plus

こんな方におすすめ
  • 未経験でデザイナーとして転職したい方
  • 就職、転職でポートフォリオを作りたい方
  • 仕事で作りたい作品が決まっている方
  • マーケティングを意識したデザインを作りたい方

受講時間

各90分×2回(3時間)

授業の予約方法を調べる

受講期限

各1ヶ月

受講費用

38,800円(税込42,680円)

  • 受講料:19,800円(税込21,780円)
  • 入学金:18,000円(税込19,800円)
  • 教材費:1,000円(税込1,100円)

お支払方法を調べる

選べる講座ラインナップ
(以下8講座より選択)

  • ポートフォリオ制作編

    • ポートフォリオとは
    • 就職に強いポートフォリオに一番大切なこと
    • ポートフォリオ(紙・PDF)について
    • ポートフォリオサイトについて
    • ポートフォリオ、基本中の基本
    • 制作ワークフロー
    • 応募する企業を設定する
    • 完成イメージとレイアウト
    • デザインのフォーマット(Illustrator編)
    • デザインのフォーマット(Photoshop編)
    • キャプション・コメント
    • 印刷・製本方法の例とメリット
    • 校正・ブラッシュアップ
    • 良いポートフォリオ、悪いポートフォリオ
  • ランディングページ制作編

    • ランディングページとは
    • ランディングページの最適化(LPO)の重要性
    • 成果を出すまでの流れ
    • ランディングページ作成の流れ確認&準備
    • ランディングページ作成準備01「調査」
    • ランディングページ作成準備02「分析」
    • ランディングページ作成準備03「設計」
    • 人々が行動を起こすwebサイトとは
    • 縦⾧LPと、サイト型LP
    • ランディングページの鉄板構成
    • ランディングページの構成
    • ランディングページの評価方法
    • 購入ボタンの設置場所
    • メールフォームの最適化
  • SEOの基礎知識

    • SEOとは
    • 使用するツール
    • SEOスターターガイド
    • インデックス登録について
    • マイビジネスを申請する
    • Search Console の上級者向けガイド
  • ネットショップの基礎知識

    • ショッピングモールの特徴
    • ショッピングサイト作成サービスの特徴
    • 自社・独自サイトでの構築
    • ブランドタイプについて
    • 嗜好品タイプについて
    • 大衆タイプについて
    • ニッチタイプについて
    • タイプ共通の売り方
    • Web 広告について
    • SEO について
    • 購入率( CVR )を向上させるために
    • リピート顧客を増やすために
    • サイトデザインについて
    • 売れるページの構成
  • Dreamweaverの基礎知識

    • Dreamweaverのインターフェイス(操作画面)
    • サイトの管理
    • 基本的な入力方法
    • cssでの装飾(font-family・font-size・line-height)
    • 見出し(hタグ)
    • リンクを貼る(aタグ)
    • リストを作る(ul/ol/liタグ)
    • 定義リストを作る(dl,dt,ddタグ)
    • 画像を挿入する(imgタグ)
    • テーブルを作る(tableタグ)
    • セルの選択と文字の入力
    • テーブルの編集
    • コメントの入力
    • インデント
  • Photoshopレタッチ編

    • 「明るさ」の調整
    • 明暗の差で「照り」や「光沢」を強調
    • 色について
    • 温度について
    • 画像をワンランク上に見せる方法
    • 傾きを修正
    • 不要物を取り除く
    • 全体の明るさと色味を調整する
    • 画像の切り抜き
    • 背景を変更して、商品を引き立てる
    • 商品に影をつける
    • Web用に保存する
    • 各種媒体で使いやすい画像に加工する
    • デジタルとフィルム(アナログ)写真の比較
  • バナー制作(Illustrator)編

    • クリック率を高めるために必要な3つの基本
    • 商材・サービスの売りを見つける
    • ターゲット目線になる
    • ペルソナマーケティング
    • レイアウトのポイント
    • 課題について
    • Illustratorでの作業
    • さまざまな心理効果
    • ターゲットに合わせて作り替える
    • 価格面を大きく訴求する内容で
    • 数字を目立たせて目をひかせる
    • 吹き出しをまとめてみる
    • 目立たせたいコピーはフォントと色味を変えてみる
    • ボタンのテキストにも「格安ツアー」を入れてCTRを上げる
  • バナー制作(Photoshop)編

    • クリック率を高めるために必要な3つの基本
    • 商材・サービスの売りを見つける
    • ターゲット目線になる
    • ペルソナマーケティング
    • レイアウトのポイント
    • 課題について
    • Photoshopでの作業
    • さまざまな心理効果
    • ターゲットに合わせて作り替える
    • 価格面を大きく訴求する内容で
    • 数字を目立たせて目をひかせる
    • 吹き出しをまとめてみる
    • 目立たせたいコピーはフォントと色味を変えてみる
    • ボタンのテキストにも「格安ツアー」を入れてCTRを上げる

何から始めればいいか、
まだ決まっていなくても大丈夫。
どの講座が合うか、
担当者が一緒に考えます。

「給付金は使える?」「土曜だけで通える?」「初心者でも大丈夫?」など、ちょっと聞いてみたいことをお気軽にどうぞ。

Winスクール WEB・デザインコース
受講生・卒業生の声

  • 島田 志保さん
    島田 志保さん WEB・映像・デザインコース

    WEB業界についても学ぶことができ、受講中にWebデザイナーとして転職に成功!

    わからないことがすぐに質問できる環境や、自分のペースで学習を進められること、給付金が使えることが決め手となり、Winスクールに入学しました。WEB業界への転職を目指す上で必要となるソフトのスキルだけでなく、独学だけでは知りえない業界についても知ることができ、受講中にWebデザイナーへの転職を決めることができました。スクールに通って気が付いたことですが、幅広い年齢層の方が通学していることに驚きました。私の親世代の方でもスキルアップのために学ばれている姿を見て、とても良い刺激になりました。

  • 西原 惠美さん
    西原 惠美さん WEB・映像・デザインコース

    迷っているならまずはやってみる!受講中からどんどんクラウドソーシングに応募

    最初は感覚でデザインしていましたが、デザイン理論を学んでからは徐々に自分の作ったものを客観的に見ることができるようになりました。受講中にクラウドソーシングにどんどん応募して、それが採用されると、自信に繋がりました。まずは迷わず何かやってみるといいと思います。動かなければ何もならないし、小さなことでも積み上げていったものは絶対になくなったりはしません。Winスクールは、段階を踏んで確実に覚えることができるカリキュラムになっているので安心して受講をおすすめします!

  • 大石 夏美さん
    大石 夏美さん WEB・映像・デザインコース

    未経験から3ヶ月でWebデザイナーに転職成功することができました

    転職前の会社でデザイン業務の一部を任されたことから、クリエイティブな仕事に興味を持ち受講を決めました。講座は難しかったのですが、先生がわかりやすく教えてくれたので無事に卒業できました。わからないことを授業後でも質問できるシステムがあるのがいいですね。オンラインのみの講座でしたが、近くに教室(浜松校)があり、何かあったら駆け込める安心感もありました。勉強時間を決めて生活リズムに落とし込んだことで最後までやり遂げられました。これから何かスキルを身につけたい方にオススメです。

Winスクール
講師からのコメント

デザインは楽しいもの。楽しく学んで、やりがいのある仕事に就けるスキルを身につけましょう!

講師
荒木先生
荒木先生

大阪で写真の専門学校を卒業後、デザインの専門学校等での指導とWinスクールでの指導を合わせると1000人を超える方を指導、就職やお仕事受託のお手伝いをしてきました。最初は未経験の方がほとんどですが、デザインは楽しいもの。楽しく学んで、やりがいのある仕事に就けるスキルを身につけていただきたいと思っております。授業では、就職や在宅・自社サイトの更新など、目的に合わせてお話させていただいています。通学中に就職が決まったり在宅のお仕事を受け始める方もいらっしゃいますが、不安なことがあったらどんなことでも遠慮なくご相談ください!

Web・デザイン実習Plusと
セットで学べる「総合コース」

概要

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、グラフィックデザイン必須のPhotoshopを総合的に学びます。
※Photoshop CCはIllustrator CC又はFigma&UI/UXデザインに振替可能です

受講時間

90分×44回(66時間)

授業の予約方法を調べる

受講期限

6ヶ月

講座内容

  • Photoshop CC

  • Webサイト制作(HTML&CSS・レスポンシブデザイン)

  • Web・デザイン実習Plus

受講費用

317,000円(税込348,700円)

  • 受講料:286,000円(税込314,600円)
  • 入学金:18,000円(税込19,800円)
  • 教材費:13,000円(税込14,300円)

お支払方法を調べる

概要

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、グラフィックデザイン必須のIllustratorとPhotoshopを総合的に学びます。

受講時間

90分×58回(87時間)

授業の予約方法を調べる

受講期限

9ヶ月

講座内容

  • Illustrator CC

  • Photoshop CC

  • Webサイト制作(HTML&CSS・レスポンシブデザイン)

  • Web・デザイン実習Plus

受講費用

373,000円(税込410,300円)

  • 受講料:338,000円(税込371,800円)
  • 入学金:18,000円(税込19,800円)
  • 教材費:17,000円(税込18,700円)

お支払方法を調べる

概要

WEBの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、Web用アニメーションを作成するプログラミング言語であるJavaScriptとjQueryを総合的に学びます。

受講時間

90分×44回(66時間)

授業の予約方法を調べる

受講期限

7ヶ月

講座内容

  • Webサイト制作(HTML&CSS・レスポンシブデザイン)

  • JavaScript&jQuery活用

  • Web・デザイン実習Plus

受講費用

303,000円(税込333,300円)

  • 受講料:272,000円(税込299,200円)
  • 入学金:18,000円(税込19,800円)
  • 教材費:13,000円(税込14,300円)

お支払方法を調べる

概要

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作とサイトを彩るコンテンツ作成に不可欠なJavaScriptとjQuery、グラフィックデザイン必須のIllustratorとPhotoshopを総合的に学びます。

受講時間

90分×70回(105時間)

授業の予約方法を調べる

受講期限

10ヶ月

講座内容

  • Illustrator CC

  • Photoshop CC

  • Webサイト制作(HTML&CSS・レスポンシブデザイン)

  • JavaScript&jQuery活用

  • Web・デザイン実習Plus

受講費用

400,000円(税込440,000円)

  • 受講料:360,000円(税込396,000円)
  • 入学金:18,000円(税込19,800円)
  • 教材費:22,000円(税込24,200円)

お支払方法を調べる

何から始めればいいか、
まだ決まっていなくても大丈夫。
どの講座が合うか、
担当者が一緒に考えます。

「給付金は使える?」「土曜だけで通える?」「初心者でも大丈夫?」など、ちょっと聞いてみたいことをお気軽にどうぞ。