未経験Webデザイナーのためのポートフォリオの作り方と参考サイト
こんにちは！ Webデザインスクール「デジタルハリウッドSTUDIO by LIG」の運営を担当しているめろんです。
今回は、神奈川でWebデザインスクールを探しているけど、どこがいいのかわからない……という方に向けて、スクール運営者の視点も交えて神奈川の横浜・川崎エリアでおすすめのWebデザインスクールをピックアップいたしました！
初心者からWebデザイナーを目指している方や、社会人でも学べるスクールを探されている方は、ぜひ参考にしてみてください。
目次
中の人が教える、Webデザインスクール選びのポイント
スクール運営者が考える、Webデザインスクールの選び方を4つ紹介します。どのスクールにしようか迷った際はぜひ参考にしてくださいね。インターネット上に情報が載っていない場合もあるので、実際に説明会などに参加して確認してみるのがおすすめです！
実践的なカリキュラムがあるか
スクールで学ぶなによりのメリットは、現役デザイナーなどプロの講師からデザインのフィードバックを受けられることです。ただ単にテキストや映像を見るだけのカリキュラムでは、独学とそう変わりません。せっかくスクールに通うのであれば、どれだけ実践的なプログラムがあるか、どれだけ講師から直接的に学ぶ機会があるのかをチェックしてくださいね！
実践的なプログラムの例でいうと、ポートフォリオ作りは就・転職を目指す上でも重要な要素となってきます。「そもそもポートフォリオって何ぞや！？」という方は、ぜひ以下の記事も参考にしてみてください！
就・転職サポートが充実しているか
スクールに通う目的が就職・転職の場合、履歴書の添削や面接サポート、就職の斡旋などの就・転職サポートを行っているスクールがおすすめです。学んで終わりではなく、その先のキャリアを一緒に考えてくれるスクールであるかどうかを見極めましょう。また、卒業後も変わらずサポートを受けられるかどうかも重要です。
Web制作に関連した幅広い知識を学べるか
実際の現場でWebデザイナーとして活躍するためには、デザインスキル以外にも、マーケティングの知識や顧客折衝スキルも重要になってきます。また、チームとなって働くディレクターやエンジニアと円滑にコミュニケーションを取るためにも、ある程度の職務理解が必要となります。
Web制作に関連した幅広い知識が学べるカリキュラムになっているかどうかも、選定ポイントに入れてみてくださいね！
自分のスタイルに合っているか
Webデザインスクールにもさまざまな形態があり、実際に校舎に通学してカリキュラムを進めるスクールや、自宅でできる完全オンライン形式のスクール、通学とオンラインを掛け合わせたスクールなどがあります。
たとえば社会人として働きながら学習を進める場合は、平日はオンライン、休日は通学するなど、ある程度自由に学習計画を立てられるスクールである必要があります。自分の生活スタイルに合ったスクールを選ぶことが大切です。
神奈川（横浜・川崎）でおすすめのWebデザインスクール8選
神奈川でおすすめのWebデザインスクールをご紹介します。神奈川県内に校舎を持つスクールだけでなく、オンラインで学べるスクールもあわせてご紹介します。
- デジタルハリウッドSTUDIO by LIG（校舎あり、オンライン対応あり）
- Winスクール 横浜校（校舎あり、オンライン対応あり）
- ヒューマンアカデミー横浜校（校舎あり、オンライン対応あり）
- KENスクール横浜校（校舎あり、オンライン対応あり）
- パソコン教室 ISA横浜校（校舎あり、オンライン対応あり）
- Famm(ファム) WEBデザイナースクール（基本オンライン、一部オフラインでの講義あり）
- TechAcademy（オンラインのみ）
- CodeCamp（オンラインのみ）
※ 表示価格はすべて税込です。
デジタルハリウッドSTUDIO by LIG
- 現役のWebデザイナーが密接にサポート
- リアルなWeb業界が学べる「LIVE授業」が特徴
- 通うのが楽しみになる洗練された設備環境
Web制作事業を展開する「株式会社LIG」と、デジタル教育の現場で圧倒的な実績を誇る「デジタルハリウッド」がコラボして設立されたWebデザインスクールです。
各業界のプロによる「LIVE授業」を通して、Webデザイナーに求められる幅広いスキルを身につけることができます。LIG在籍のデザイナーや現役のクリエイターから、実践的な知識や技術を学ぶことができるのは、Web制作会社が運営しているスクールならでは。オンラインと来校で直接質問ができる個別指導タイプで、自由度の高い柔軟性な学習が可能です。
「スクール」を感じさせないおしゃれな学習スペースで、朝10時から夜22時まで学習が可能です。また川崎のほかにも、上野、池袋、大宮、北千住にSTUDIOがあり、受講生であれば自由に利用できます。
学習相談会やメンター制度といったサポート体制もあるので、安心して学習に取り組むことができます。就転職を目的としている方向けに、転職セミナーやポートフォリオ添削をはじめ、卒業後のバックアップも行っています。卒業生のなかには、LIGに入社しクリエイターとして活躍しているメンバーもいます。
| 受講スタイル | 通学＋オンライン |
|---|---|
| 場所 | 神奈川県川崎市川崎区砂子1丁目1−10 夏原ビル2F［MAP］ JR、京急電鉄「川崎駅」東口から徒歩5分 |
| コースの種類 | Webデザイナー専攻（6ヶ月） LIGデザイナー直伝！即戦力デザイン集中講座（5日間） WordPress講座・PHP講座など |
| 受講料 | Webデザイナー専攻：月額¥5,323※～一括¥495,000- 即戦力デザイン集中講座：¥178,000- ※ 受講料は分割（6〜120回）で支払可能。 |
| 学べるスキル | デザイン基礎 / Illustrator / Photoshop / HTML / CSS / JavaScript / カメラ / ライティングなど |
| サポート体制 | 就・転職サポート Adobeソフトの特別価格購入 フリーランスの方へのお仕事提供など |
Winスクール 横浜校
出典：Winスクール
- 企業研修実績No.1の資格に強いスクール
- 300種類以上の講座が選べる
- カウンセラーによる就・転職活動支援
全国に55校ある、Webのプロを目指す方にノウハウ提供を行うWebスクールです。企業研修で培った豊富な実績を活かした実践的なカリキュラムと、マイクロソフトオフィススペシャリスト（MOS）の取得といった資格取得にも非常に力を入れているのが特長。Webデザイン・Webプログラミング、グラフィックデザイン・映像デザインの学習が可能です。
| 受講スタイル | 通学＋オンライン |
|---|---|
| 場所 | 神奈川県横浜市西区高島2-12-6 ヨコハマ・ジャスト1号館7F［MAP］ 各線「横浜駅」徒歩3分 |
| コースの期間・受講料 | WEBデザイナーPlus（9ヶ月）¥316,800- WEBスタンダードPlus（7ヶ月）267,520-など ※ 給付金制度対象講座あり |
| 学べるスキル | Photoshop / HTML / CSSなど |
| サポート体制 | 職業訓練受講給付金 就・転職相談など |
ヒューマンアカデミー横浜校
- オンライン/通学クラス担任/ブレンドスタイルが選べる
- カウンセラーによる就・転職サポート
- 現役プロ講師による個別サポート
全国に23の校舎がある、業界最大級の総合スクール。テキスト教材と講義形式の映像で学ぶオンラインスタイル、通学して校舎で学ぶクラス担任スタイル、ブレンドスタイルと、自分に合った学び方を選ぶことができます。Photoshop講座など単科での受講も可能です。
| 受講スタイル | 通学＋オンライン |
|---|---|
| 場所 | 神奈川県横浜市神奈川区鶴屋町2-17-1 相鉄岩崎学園ビル2F［MAP］ JR横浜駅きた西口徒歩1分 横浜市営地下鉄・みなとみらい線横浜駅徒歩3分 |
| コースの期間・受講料 | Webデザイナーコース（6ヶ月）¥468,600- Webデザイナー総合コース※（10ヶ月）¥433,510- Webデザイナーエキスパートコース（12ヶ月）¥856,900- ※ 教育訓練給付制度適用 |
| 学べるスキル | デザイン基礎 / Photoshop / Illustratorなど |
| サポート体制 | オンラインでの質問 教育訓練給付制度利用可 ジョブカウンセラーによる就・転職相談など |
KENスクール横浜校
- 開校31年の歴史あるスクール
- マンツーマンの個別指導
- 幅広い分野のカリキュラムがある
個別指導のパイオニアともいえる開校31年の実績あるスクールです。Webデザイン以外にも3D-CAD、Office、ネットワークまで、コンピューター関連の幅広い講座を受講することができます。3時間から学べる単科講座も用意されていて、短い期間でお手軽に通学できます。
オンライン受講を希望の場合、「KENスクール ONLINE」のお申込みが必要です。
| 受講スタイル | 通学＋オンライン |
|---|---|
| 場所 | 神奈川県横浜市西区高島2-19-12 横浜スカイビル 20F［MAP］ 各線「横浜駅」徒歩3分 |
| コースの期間・受講料 | Web Basicマスターコース（3ヶ月）¥155,100- Web実践コース（6ヶ月）¥290,400- Web実践就転職総合コース（6ヶ月）¥377,300- Web実践プロデザイングラフィック就転職総合コース（9ヶ月）¥556,600- など |
| 学べるスキル | Photoshop / HTML / CSS / Dreamweaverなど |
| サポート体制 | 個別授業フリータイム制度 インターンシップ制度 就・転職相談など |
パソコン教室 ISA横浜校
出典：Web・DTPスクール | Web・DTP制作を学ぶならパソコンスクール ISA
- レベルに応じた担任制の個別指導
- パソコン関連の多彩なカリキュラム
- 資格取得の合格保証あり
全国に13教室ある、個別指導のIT教育専門スクール。MOS資格を取得できる試験センターが併設されているなど、資格取得に力を入れています。通学とオンラインを組み合わせたコースた完全オンラインのコースのほか、1日で完結する短期講座もあります。
| 受講スタイル | 通学＋オンライン |
|---|---|
| 場所 | 神奈川県横浜市神奈川区鶴屋町2-21-8 第1安田ビル 3F［MAP］ 各線「横浜駅」西口徒歩5分 |
| コースの期間・受講料 | Webデザイナー養成コース（114時間）¥374,000- WebデザイナーProコース（149時間）¥440,000- Webデザイナー総合Proコース（170時間）¥555,500- など |
| 学べるスキル | Photoshop / Illustrator / HTML / CSS / Dreamweaverなど |
| サポート体制 | 資格取得の合格保証 教育訓練給付金制度利用可 就・転職相談など |
Famm(ファム) WEBデザイナースクール
- 1ヶ月で完結のライブ配信講座
- 自宅で子どもと受講可能
- 仕事受注までサポート
ママさん専用のオンラインスクールです。ご自宅に無料でベビーシッターを手配するサービスも行っています。在宅ワークをしたいママさん向けのスクールです。
追加料金で川崎エリアで対面講座の受講も可能です。
| 受講スタイル | オンライン |
|---|---|
| コースの種類 | ママ専用Webデザイン講座（1ヶ月）¥173,800- ママ専用グラフィックデザイン講座（1ヶ月）¥173,800- ※対面受講の場合は＋¥22,000（税込） |
| 学べるスキル | Photoshop / HTML / CSSなど |
| サポート体制 | 在宅ワークスタートプログラムを提供 専門家による無料のキャリアカウンセリングを提供 卒業後に無料のオンライン講座受講可能 |
TechAcademy
- 週2回現役デザイナーに個別相談できる
- 先割・学割あり
- 受講生限定の副業紹介サービス
オンライン専門のプログラミングスクール。テキストベースのカリキュラムで、週2回ビデオチャットにてメンターに質問・相談ができます。その他15～23時までのチャットサポートも。自分の学習ペースに合わせて、同じ内容を1～4ヶ月かけて学ぶプランを選ぶことができます。
| 受講スタイル | オンライン |
|---|---|
| コースの期間・受講料 | Webデザインコース（1ヶ月）¥174,900- Webデザインコース（2ヶ月）¥229,900- Webデザインコース（3ヶ月）¥284,900- Webデザインコース（4ヶ月）¥339,900- |
| 学べるスキル | デザイン基礎 / Photoshop / HTML / CSS / jQuery / Sassなど |
| サポート体制 | チャットサポート（15～23時） 就・転職相談など 副業紹介保証（1回） |
CodeCamp
- マンツーマンのオンラインレッスン
- 毎日7〜24時まで学習できる
- 自分に合う講師を選べる
Google Meetを使ったエンジニア向けのマンツーマンオンラインスクール。オンラインの教科書をベースに学習し、わからないところがあればオンラインで講師に質問できるシステムです。チャットサポートは7〜24時までと、マンツーマンなので一人ひとりのレベルに応じたレッスンが可能です。
| 受講スタイル | オンライン |
|---|---|
| コースの期間・受講料 | デザインマスターコース（2ヶ月）¥165,000- デザインマスターコース（4ヶ月）¥275,000- デザインマスターコース（6ヶ月）¥330,000- |
| 学べるスキル | Illustrator / Photoshop / HTML / CSS / JavaScript / jQuery / Bootstrap |
| サポート体制 | チャットサポート（7～24時） 課題の添削サポート 就・転職相談など |
Webデザインスクールで学ぶべきスキル
Webデザインスクールでは、Webデザイナーになるために必要な知識と技術を学ぶことが大切です。実際の現場で求められるスキルを確認しておきましょう。
Illustrator・Photoshop
Webデザインで必ず必要になる二大ソフトです。
「Illustrator」では、ロゴ、イラスト、ポスター、地図やグラフといったデザイン性の高い作品を制作できます。
「Photoshop」では、写真を加工する画像編集や、Webページのバナー制作ができます。
HTML・CSS
私たちがスマートフォンやパソコンでみているWebページの大半は、「HTML」と「CSS」で作られています。HTMLでWebページの骨組みを作り、CSSでレイアウトなどの見た目を整えます。
WebデザイナーとしてWebサイトを制作するために身に付けておく必要があります。
JavaScript・jQuery
「JavaScript」は、アプリケーションの開発やWebブラウザに実装されているプログラミング言語のひとつで、動的なWebページを作成することができます。
「jQuery」は、ライブラリと呼ばれる使用頻度が高いプログラムの集合体で、JavaScriptで構成されています。
jQueryを活用することで、JavaScriptで数十行記述しなければならないコードも数行で済む可能性もあり、効率的に動的なページを作成できます。
まとめ
神奈川にあるおすすめのWebデザインスクールとスクール選びのポイントをご紹介しました。
実際に当スクールの個別相談会に参加される方からは「Webデザイナーとしてキャリアチェンジやスキルアップを考えているけれど、どのように学習していけばいいのかわからない」「具体的な学習カリキュラムを知りたい」「自分に合ったスクールを探したい」といったお声を多くいただきます。もしWebデザイナーとしての一歩をお考えでしたら、お気軽にご相談ください！
▲STUDIO川崎の自習スペース
以上、めろんでした！
