Webデザイナー&コーダーコース
実践型
Webデザイナー&コーダー養成コース
※2024年11月〜開講中。
※見学希望(無料)の方はご連絡ください。
※見学希望(無料)の方はご連絡ください。
活躍の場は無限
Webデザインとコーディングのどちらも学びたい人に
※受講生の制作実績・受講した感想はこちら
< こんな方におすすめ >
- Web制作会社で実践的な内容を学びたい
- オリジナルのホームページを作れるようになりたい
- デザイン・コーディングの基礎から学んでWeb制作の仕事をしたい
- デザインを作るだけでなく、進行管理などディレクションも学んでステップアップしたい
- 少人数の授業でしっかり技術を定着させたい
< 開講期間 >
-
基本的に、弊社の運営する兵庫県宝塚市のコワーキングスペース「BASE宝塚」にて対面講座での開講です
※オンライン講座を希望される場合は事前にご連絡ください。 - 前半(デザイン)・後半(コーディング)と分かれているため、単発での受講も可能(割引は適応されません)。
- 期間・概要
-
- 期間中オンライン・ 対面(コワーキング)でいつでも質問可能
- 忘れても安心!授業動画をプレゼント
- 期間中コワーキングスペース使い放題
- 卒業後もデザインレビュー等相談ができるオンラインコミュニティの参加権利
- 卒業後は宝塚デザインの制作パートナーに(諸条件あり)。
- 学習時間の目安
-
- 80時間程度
1週間に10時間程度作業時間を確保できる方が望ましいです。
- 80時間程度
- Webデザイナーコース授業内容
-
- デザインの基礎
- Figmaでのバナー・Webデザイン制作
- Webサイトデザインの作成
- 仕事の受注流れ・ クラウドソーシング活用
- Photoshopでのバナー制作(動画・テキストのみ)
- 実践で使えるデザイン・コーディングデータ・教材付き
- 復習で使える授業動画
- コーダーコース授業内容
-
- Webサイトについての欠かせない基礎知識
- HTML/CSSの基礎・実践
- デザインデータからの画像書き出し
- スマホ・タブレット対応に欠かせないレスポンシブ対応
- 個人に合わせたメンタリング
- 今後の進路相談
- フリーランスとして仕事をするには
- 副業等でのクラウドソーシングの活用
Webデザインの基礎と
バナー作成
-
デザインの基本を学ぶ
- 四大原則・配色
- フォントの選び方
- 解像度とは
ただ文字や写真を配置するだけでなく、美しく見やすく、目を惹くデザインにするコツを学びます。
-
Figmaの効率的なツールの使い方
- テキスト入力・フォント/色の選定
- 効果の使い方
- 画像の切り抜き・マスク・レタッチについて
-
Webデザインの基礎となるバナーを模写する
- 実際に使われているバナーの模写をしながら基本的なFigmaの使い方、応用を学ぶ
- 次の授業までの課題
- バナーの模写課題を複数出すので次の授業までに提出してください。
-
バナー課題のレビュー&ブラッシュアップ
- 課題のバナーを講師がレビュー。生徒さんにもレビューしていただきます。
- 他の生徒さんの作品も見れ勉強に
- より良くなるコツをお伝え
-
実務で必ず使うデザインの効果、写真のレタッチ方法、プロも使う素材サイト紹介
- 実務でほぼ毎日使うFigmaの効果
- 写真のレタッチ方法(明るさやコントラスト調整等)
- プロも使う無料で使える素材サイトの紹介と使用の際の注意とコツ
-
0からバナーデザインを制作
- お題を出すので、オリジナルのバナーを制作
- 制作会社からの指示でよくある「ワイヤーフレーム」「素材」「キャッチコピー」を渡します
- バナーデザインは1から作らない!
- 次の授業までの課題
- テーマに沿ったオリジナルのバナー課題を複数制作し、提出してください。
Webサイトのデザイン作成
-
ドメイン・レンタルサーバとは
- ホームページの公開に必要なドメイン・レンタルサーバについて
- お客様にあったドメイン名の提案方法
- お客様にあったレンタルサーバについて
-
Webサイト制作時に必須な基本構成を知る
- Webサイトの基本の構成を学ぶ
- Webサイトの要。デザインを作る上で大事なワイヤーフレームについて
- WordPressとWix、Jimdo、studio、アメブロなどの無料ブログや無料で作れるサービスの違い、LP(ランディングページ)について
- グラフィックには無いWebデザイン特有のルールなどを学ぶ
-
サイトマップを作成し、ワイヤーフレームからWebデザインを考える
-
テーマは自分の作りたいサイト。
ポートフォリオサイトでも知人の事業や活動のサイトでも構いません。(思い浮かばない場合は講師から指定します) - 受講生のやりたい分野のデザインに特化して制作します
- 卒業後もあなたの事業や活動に生かせる内容を重視します
- 実際に実務で使っているヒアリングシートを使用
-
テーマは自分の作りたいサイト。
-
実際に公開しているWebサイトのデザインデータを修正・サイト模写
- 実務で使われているデザインデータを見る機会は貴重なので、ぜひこの機会に実際に触って操作に慣れてください
- 作業指示に従ってデザインデータのテキストや画像を修正、変更する
- 次の授業までの課題
- オリジナルのWebサイトのデザインをできるところまで仕上げてください。
-
模写とWebデザインのレビュー・ブラッシュアップ
- 講師からのレビュー&生徒同志でレビュー
- コーディングを考えたデータの作り方
-
クラウドソーシング活用・Web制作の受注の基本
- クラウドソーシングの活用方法。実例をWebデザイン部門で全国3位になった講師が実経験をまじえてお話します
- プロフィールの書き方のコツなど
- “クラウドソーシングに頼らない”Web制作の受注の流れ・見積もりの仕方等について
- 次の授業までの課題
-
レビューした内容に沿って、デザインをブラッシュアップして、都度講師に見てもらい、次のコーディングの授業が始まるまでに完成できるようにしてください。
コーディングの基礎
-
Webの基本を学ぶ
- インターネットとは
- ホームページが見える仕組み
- ブラウザの種類
- レンタルサーバー/ドメインについて
- ホームページの公開方法
-
HTML/CSSの基本を学ぶ
- HTML/CSSそれぞれの役割について学ぶ
- 課題に沿ってHTML/CSSの記述に触れる
- デザインを元に実際にコーディングする手順を学ぶ
- 実際にHTMLでコーディングする(手書き→入力)
- 次の授業までの課題
- 課題コーディング
-
HTMLの実践
- 実際にサイト制作しながら学ぶ
- HTMLタグを記述する
-
CSSの実践
- CSSでデザインをしていく
-
コーディングにおけるSEOの基礎
- 見出しタグの順序や、キーワードの重要性など
- 次の授業までの課題
- 課題コーディング
コーディングの実践
卒業制作
-
レスポンシブ対応を学ぶ
- レスポンシブデザインとは
- メディアクエリとブレイクポイントについて
- PC/スマホ/タブレットのサイズによって、フォントサイズや余白の違いなどを学ぶ
-
オリジナルのWebサイトを制作(卒業課題)
- Webデザイナーコースで制作したオリジナルのWebサイトをコーディング・公開まで進めます
- 次の授業までの課題
- 卒業課題のコーディング(ここまで出来ると、世界で1つだけのオリジナルのWebサイトを作ることが出来るようになります)
-
卒業制作の進捗の確認
- カンプデザイン通りにコーディングが出来ているか。どんなブラウザサイズでも崩れは起きていないか
- HTMLの記述方法にSEO的に問題が無いか
- Googleのルールに則ってコーディングが出来ているか
- 対面・オンラインでも質問回数に限りが無いので、理解できるまで質問が出来るのが他校には無いカリキュラムです
-
Webサイトの公開や修正について
- 希望される方はサイト公開まで進めていきます
- 公開後の修正やバックアップについて
-
希望の方は、個別メンタリング
- 未経験を採用している会社の立場から、未経験の卒業後の活動や就職活動についても、ご相談いただけます
- 全くコネも無い状態からフリーランスになった立場から、フリーランスで活動する方へのアドバイスをさせていだきます
- 就職や仕事を獲得するために欠かせないポートフォリオ制作についてアドバイスいたします
- 卒業制作の評価
- 自分で作成したオリジナルデザインを自分でコーディングで実装まで出来ると、修了認定を出させていただきます。講師がしっかりサポートするので、最後までやりきりましょう!自分で制作したWebサイトがインターネット上にアップされ、どこでも誰でも見られるようになると感動しますよ。
実践型Webデザイナー&コーダー養成コース特典8つ
-
オンライン・リアル(運営するコワーキングにて)で質問し放題(受講期間中)
受講期間中に開催される「BASEオフ会+」(デザインやSNSの勉強会)に無料で参加できる -
卒業後もオンラインコミュニティに加入したままで、課題についてのデザインレビューや仕事についての相談を受けることができます!
-
卒業後も、オンラインコミュニティに無料で加入したままで、デザインレビューや質問ができます!
卒業課題をクリア方した方に修了証をお渡しします。
-
卒業後も、オンラインコミュニティに無料で加入したままで、デザインレビューや質問ができます!
-
コワーキングスペース使い放題
-
受講期間中、平日9時半〜18時、コワーキングスペース「BASE宝塚」が使い放題。
挽きたてのコーヒーが美味しいと評判です。
お店番のスタッフもWebデザイナー・コーダーとして制作をしていますので、Web制作やコーディングについて聞きたいことなどあればいつでもご来店いただければ質問ができます。
-
受講期間中、平日9時半〜18時、コワーキングスペース「BASE宝塚」が使い放題。
-
希望者は実務案件に挑戦し、受注から請求までを経験できる
- “クラウドソーシングに頼らない”仕事の受注の仕方、Webの仕事を受注する際に知っておきたい基本も合わせてお伝えします。
-
Photoshopのバナー制作についても動画・テキストで学べます。
- 授業ではPhotoshopの講座はしませんが、これまでBASE WebスクールでやってきたPhotoshopの動画講座のテキスト・デザインデータをお渡ししますので、ご自身でやってみてわからないところ、不明点はオンライン・対面で回数制限無しで講座期間中にご質問いただけます。
-
一定のレベルをクリアされた方には、宝塚デザインの制作パートナーに(諸条件あり)。
-
スクール運営元の株式会社宝塚デザインのWebサイト制作を手伝っていただきます。
Webデザイナー&コーダー養成コースの課題をクリアした方(または、経験者のための「デザインジム」コース卒業生)対象です。
-
スクール運営元の株式会社宝塚デザインのWebサイト制作を手伝っていただきます。
-
《卒業生限定》 卒業後のマンツーマンレッスン5時間分が1万円引きに。
-
5時間分のマンツーマンレッスン券、通常価格33,000円→卒業生価格22,000円に。
聞き放題サポートに入るまででは無いが、卒業後の実務で、質問・疑問のアドバイスをプロから欲しい場合にご利用ください(使用期限:卒業後2ケ月以内)。
-
5時間分のマンツーマンレッスン券、通常価格33,000円→卒業生価格22,000円に。
-
《卒業生限定》聞き放題サポート
卒業後も安心して仕事ができるようサポート(非公開のオンラインコミュニティに加入)
月額27,500円(税込)×3ケ月〜:オンラインサポート(discordにて対応)
- デザインレビュー
- 見積もりの仕方、見積書・請求書の作り方
- 仕事の相談を受けた際の進め方
- クラウドソーシングでの活用方法、自分にあった仕事の見極め方相談
- Web制作会社との面談の練習とアドバイス
- ディレクションの相談
- ポートフォリオの添削
- 今何をすべきかの相談
- その他、フリーランスや個人事業の仕事に関することならなんでも
その他のコース
-
聞きたいところだけを効率よく聞ける
マンツーマンレッスン
(対面/リモート可) -
フリーランス・Web制作の仕事をお考えの方
聞き放題サポートコース
(Webデザイナー/コーダー養成コース卒業生のみ対象) -
事業者様向けにWeb業務を一括代行
Webデザイン事業サポート
いつでも動けるWeb担当を配置したい事業者向け