UI/UXデザインコース 感覚で作る デザインから、 説明できる 設計へ。
Shift from visual design to UI/UX design
Problemsこんなお悩み、ありませんか？
- -見た目は整えられるが、「なぜこの設計なのか」を言葉で説明できない
- -WebデザインからUIUXデザインへ幅を広げたいが、何から学べばいいか分からない
- -UIUX改善の副業や実案件に挑戦したいが、実務に近い経験を積む機会がない
これから必要なのは、「なぜこの設計なのか」を説明できるUIUX設計力です。
Concept「なぜこの設計か」を語れるデザイナーへ
UIやUXの考え方だけでなく、リサーチ・情報設計・画面設計・改善提案までを含めたUIUXデザインを、
全10章のカリキュラムで順を追って学びます。
よくあるデザイン学習
- -見た目のデザインだけを学ぶ
- -参考デザインを真似て作って終わる
- -良し悪しを感覚で判断する
- -ツールの操作を覚えることがゴール
本コースの学び方
- ✓リサーチ・情報設計から改善提案までを学ぶ
- ✓ユーザー視点で課題を整理し、設計に落とし込む
- ✓「なぜこの設計なのか」を説明できるようにする
- ✓実務を想定した課題と実案件体験で経験を積む
Skill学べる技術
01
UIUX設計の考え方・プロセス
ユーザー視点で課題を整理し、設計に落とし込む思考法。
02
UIデザイン・プロトタイピング
Figmaを使った画面設計・デザイン・検証の進め方。
03
UIUXリサーチ・改善手法
課題発見から改善提案までの実務的アプローチ。
04
プロダクト開発におけるUIUXの進め方
エンジニア・PMと連携するための考え方・設計資料。
05
生成AIを活用したUIUX設計
リサーチ・設計・改善を効率化する実践的なAI活用。
Goal卒業後に目指せる状態
01
転職・社内でのキャリアチェンジ
事業会社や制作会社のUI/UXデザイナーとして働くことを目指せます。「なぜこの設計にしたのか」を説明できることは、選考でも入社後も評価される力です。
02
フリーランス・業務委託での領域拡大
これまでのWeb制作のスキルに、UI/UX設計を足すことができます。見た目をつくる工程だけでなく、要件整理や情報設計といった上流から関わる案件を目指せます。
03
今の仕事・案件での活用
学んだその日から、担当している案件の改善提案に使えます。エンジニアやPMと連携しながら「使われるもの」を設計できる人は、どの現場でも重宝されます。
Aboutこのコースについて
本コースでは、UIUXデザインの基礎から実務で使われる設計プロセスまでを体系的に学べます。
最終的には、実務を想定したオリジナルUIUX課題を完成させ、「なぜこの設計なのか」を説明できるUIUXデザイナーとしての土台を身につけます。
また希望者には、オリジナル課題完成後に実案件を想定したUIUX改善タスクをお渡しし、実際のプロダクト開発に近い形でUIUX設計を経験していただきます。
Target受講対象者
WebデザインやWeb制作の基礎を学んだ経験があり、UIUXデザインを体系的に身につけたい方- Webデザイナー・フロントエンドエンジニアとして、UIUXを強みにキャリアアップしたい方
- 副業でUIUX改善やデザイン案件に関わり、安定した副収入を得たい方
- 実案件やプロダクト開発を見据え、現場で通用するUIUX設計を学びたい方
Level受講に必要な学習レベル
Figmaでデザインを作成した経験がある方
- Figmaでデザインを作成したことがある
- テキストや図形、画像を使ってレイアウトを組んだ経験がある
- Webデザイン／バナー／グラフィックいずれかの制作経験がある
⚠️ Figmaの基本操作やデザインの基礎はカリキュラムに含まれません
Figmaを触ったことがない方や、デザイン制作の経験がない方は、「Figmaの基本操作を学ぶ」「Webデザイン・バナーなどのデザインを1〜2点制作する」を一度経験してからの受講をおすすめします。Figmaでデザインを完成させた経験があれば、本コースの内容をスムーズに理解できます。
Curriculum全10章のカリキュラム
目安ですが、1日2時間の学習時間を確保し、2〜3ヶ月程度で完走を目指すカリキュラムです。
| 章 | 内容 | 目安時間 | 目安日数 |
|---|---|---|---|
| 1章 | 事前準備 | 2時間 | 1日 |
| 2章 | UIUX基礎 | 4時間 | 2日 |
| 3章 | UIUX基礎 | 4時間 | 2日 |
| 4章 | UIUXリサーチ | 8時間 | 4日 |
| 5章 | Figma操作 | 8時間 | 4日 |
| 6章 | 既存UIUXの改善 | 18時間 | 9日 |
| 7章 | 開発連携 | 8時間 | 4日 |
| 8章 | オリジナル課題制作 | 40時間 | 20日 |
| 9章 | 実案件の体験 | 20時間 | 10日 |
| 10章 | 生成AIの活用 | 8時間 | 4日 |
| 合計（1日2時間の場合） | 約120時間 | 約60日 | |
※ 上記は2ヶ月で完走する場合の配分のイメージです。カリキュラム完走までは無期限サポートなので、自分のペースで完走を目指せます。
Style学習の進め方
- 受講生専用ポータルサイトのカリキュラム（全10章・テキスト＋動画）＋市販の書籍
- Slackでの質問・課題提出（質問・添削の回数制限なし）
- Figma・Notionを使った課題レビュー
- Google Meetでの1on1面談（合計6回まで予約可能）
- 同じ目標を持つ受講生コミュニティ
基本的には自習形式で進めていただき、各章に設定された課題をSlackで提出いただきます。レビュー後に次の章に進む流れなので、理解を積み上げながら完走を目指せます。
SupportShiftBのサポート
01
質問サポート回数無制限のSlack質問
不明点があれば、いつでもSlackで質問できます。質問回数や課題添削の依頼に回数制限はありません。1日何回でも質問してください。
02
課題レビュー全10章の課題を講師がレビュー
各章に課題が設定されており、Slackで提出いただきます。FigmaやNotionを使ったレビューを受けてから次の章に進むので、理解が曖昧なまま先に進みません。
03
1on1面談画面共有でつまずきを解消
チャットでの解決が難しい場合は、Google Meetの1on1面談を自由に予約できます。画面共有を通して問題解決をサポートします（合計6回まで。1回1時間、もしくは0.5回分として30分でも利用可能）。
Mentors講師メンバー
OutputsShiftBの活動
定期的にイベントを開催。仲間とのつながりが学びを加速させます。
SNS上でのアウトプットや、受講生同士の交流も活発です。
技術やマインドセットなど多様なテーマで受講生が発信しています。転職でもブログが評価されるケースも増えてきました。
FAQよくある質問
デザイン未経験でも受講できますか？
本コースは、Figmaでデザインを作成した経験がある方を想定しています。 Figmaの基本操作やデザインの基礎はカリキュラムに含まれないため、未経験の方は「Figmaの基本操作を学ぶ」「Webデザインやバナーなどのデザインを1〜2点制作する」を経験してからの受講をおすすめしています。Figmaでデザインを完成させた経験があれば、本コースの内容をスムーズに理解できます。
エンジニアですが、UIUXを学ぶ目的で受講できますか？
はい、受講できます。 Webデザイナー・フロントエンドエンジニアとして、UIUXを強みにキャリアアップしたい方も本コースの対象です。エンジニア・PMと連携するためのUIUXの進め方や設計資料の作り方も扱うため、開発側の視点を持つ方にこそ活きる内容です。
どれくらいの期間で完走できますか？
目安として、1日2時間の学習時間を確保して2〜3ヶ月程度・約120時間で完走を目指すカリキュラムです。 サポート期間はカリキュラム完走まで無期限なので、仕事や家庭の事情でペースが落ちても問題ありません。
質問はどのくらいできますか？
不明点があれば、いつでもSlackで質問できます。 質問回数や課題添削の依頼に回数制限はありません。1日何回でも質問してください。
1on1面談はありますか？
はい、あります。 チャットでの解決が難しい場合に、Google Meetの画面共有を通して問題解決をサポートします。1on1面談は合計6回（1回チケット1時間、もしくは0.5回チケット30分）まで自由に予約できます。
実案件のような経験は積めますか？
はい、積めます。 希望者には、オリジナル課題完成後に実案件を想定したUIUX改善タスクをお渡しし、実際のプロダクト開発に近い形でUIUX設計を経験していただきます。
生成AIの活用も学べますか？
はい、学べます。 リサーチ・設計・改善を効率化する生成AIの実践的な活用を、カリキュラムの1つの章として扱います。現場で求められる考え方・進め方もあわせて共有します。