障がい者転職を検討中の方必読！
絶対に読むべき必読記事
未経験からWebデザインの在宅就労を目指す方の中には、採用されるポートフォリオの作り方を知りたい、戦略を学びたい、長期勤続を実現したいと、こうした切実な悩みを抱えている方は少なくありません。
未経験からWebデザインの在宅就労は適切なポートフォリオで採用可能で、戦略的な準備で長期勤続と経済的安定を実現することが可能です。
ここでは、Webデザインの市場、ポートフォリオの基本、作り方、応募時の工夫、注意点、利用できる支援について解説していきます。
Webデザインの市場
Webデザインは、IT・Web業界で需要の高い職種です。
完全在宅、ハイブリッド勤務との相性が、最も良い職種の一つです。
精神障害、発達障害、身体障害のある方の就労実績も、多いものです。
ASD、ADHDの集中力、創造性、視覚的感覚などの特性が、活かせます。
未経験からの参入も、ポートフォリオの作り込みで可能です。
未経験から1年から2年の準備で、就労を実現する方が多いものです。
年収は、未経験スタートで300万円から400万円程度、経験を積むと500万円から800万円も可能です。
主治医、エージェント、就労移行支援事業所、ジョブコーチへの相談で、適切な準備を進められます。
長期視点で、スキルアップとキャリアアップを目指します。
ポートフォリオの基本
ポートフォリオは、自分のスキル、作品をまとめた、作品集です。
Webデザインの就労では、応募書類より重要な、採用判断の根拠です。
採用担当者は、ポートフォリオで、スキル、センス、業務遂行能力を判断します。
未経験の方でも、質の高いポートフォリオで、採用される可能性が高まります。
ポートフォリオは、Webサイト、PDF、Adobe Portfolioなどで作成します。
スマートフォン、PCの両方で、見やすい設計が大切です。
5から10作品程度が、一般的な目安です。
主治医、エージェント、就労移行支援事業所での、添削、フィードバックを活用します。
ポートフォリオの構成1 自己紹介ページ
ポートフォリオの構成を、見ていきましょう。
自己紹介ページが、最も基本的なページです。
氏名、業務経験、スキル、強み、必要な配慮などです。
写真、似顔絵、イラストなどで、印象を高めます。
ポートフォリオの構成2 スキル一覧
スキル一覧も、進めます。
HTML、CSS、JavaScript、Figma、Photoshop、Illustrator、Adobe XDなどです。
レベル(初級、中級、上級)も、明示します。
ポートフォリオの構成3 作品ページ
作品ページが、最も重要なページです。
各作品の、画像、説明、制作意図、使用ツール、制作期間などです。
5から10作品が、目安です。
ポートフォリオの構成4 制作プロセス
制作プロセスの説明も、進めます。
リサーチ、コンセプト、ワイヤーフレーム、デザイン、実装などの過程です。
ポートフォリオの構成5 業務経験・実績
業務経験、実績の記載も、進めます。
過去の業務経験、フリーランス実績、学習成果などです。
ポートフォリオの構成6 学習経歴
学習経歴も、進めます。
オンラインスクール、専門学校、独学などの、学習経歴です。
ポートフォリオの構成7 連絡先・問い合わせ
連絡先、問い合わせの記載も、進めます。
メール、SNS、ポートフォリオサイトなどです。
ポートフォリオの構成8 配慮事項
配慮事項の記載も、必要に応じて進めます。
障害者枠の応募では、必要な配慮を、簡潔に伝えます。
作品の選び方1 多様性
作品の選び方を、見ていきましょう。
多様性が、最も基本的なポイントです。
Webサイト、LP(ランディングページ)、バナー、ロゴ、UI/UXデザイン、SNS用画像など、複数のジャンルです。
作品の選び方2 質の高さ
質の高さも、ポイントです。
低品質な作品を、多数掲載するより、高品質な作品を5から10点掲載します。
作品の選び方3 業界の傾向
業界の傾向を、反映します。
最新のデザイントレンド、UI/UXの考え方を、取り入れます。
作品の選び方4 実装まで
実装まで進めた作品も、有効です。
デザインだけでなく、HTML、CSS、JavaScriptでの実装まで進めた作品です。
作品の選び方5 オリジナル作品
オリジナル作品も、重要です。
模写だけでなく、オリジナルのコンセプト、デザインの作品です。
作品の選び方6 架空のクライアント案件
架空のクライアント案件も、選択肢です。
実在の店舗、企業のリデザインなどです。
作品の選び方7 自分のジャンルの強み
自分のジャンルの強みを、活かします。
イラスト、写真、文章なども得意な場合、組み合わせます。
作品の選び方8 制作意図の明確化
制作意図の明確化も、進めます。
「なぜこのデザインにしたか」を、説明できる作品です。
ポートフォリオの作り方1 学習からスタート
ポートフォリオの作り方を、見ていきましょう。
学習からスタートが、最も基本的な作り方です。
オンライン学習(Udemy、Schoo、Progateなど)、書籍、YouTubeなどで、Webデザインの基礎を学びます。
ポートフォリオの作り方2 模写から始める
模写から始める方法も、進めます。
実在のWebサイト、LPの模写で、デザインの感覚、技術を磨きます。
ポートフォリオの作り方3 デザイン課題
デザイン課題に取り組むことも、進めます。
オンラインスクール、コミュニティのデザイン課題です。
ポートフォリオの作り方4 架空案件の制作
架空案件の制作も、進めます。
実在の店舗、企業のリデザインなどです。
実務に近い経験が、得られます。
ポートフォリオの作り方5 SNS、コミュニティでの公開
SNS、コミュニティでの公開も、進めます。
X(旧Twitter)、Instagram、Behance、Pinterestなどで、作品を公開します。
フィードバックを、得られます。
ポートフォリオの作り方6 メンターの活用
メンターの活用も、選択肢です。
業界の先輩、専門家からのアドバイスです。
ポートフォリオの作り方7 副業・フリーランス
副業、フリーランスでの実績も、進めます。
クラウドソーシング(クラウドワークス、ランサーズ、ココナラなど)で、小規模案件を受けます。
ポートフォリオの作り方8 ポートフォリオサイトの構築
ポートフォリオサイトの構築を、進めます。
WordPress、STUDIO、Wix、Webflow、Adobe Portfolioなどで、作成します。
学習の進め方1 オンラインスクール
学習の進め方を、見ていきましょう。
オンラインスクールが、最も基本的な学習方法です。
デイトラ、TechAcademy、CodeCamp、SAMURAI ENGINEERなどです。
学習の進め方2 Udemy・Schoo
Udemy、Schoo、Couseraも、活用できます。
低価格で、専門的な内容を学べます。
学習の進め方3 YouTube
YouTubeも、無料の学習リソースです。
学習の進め方4 書籍
書籍も、活用できます。
Webデザイン、UI/UX、HTML/CSS、JavaScriptの専門書です。
学習の進め方5 ハロートレーニング
ハロートレーニング(職業訓練校)も、選択肢です。
無料、または低価格で、Webデザインを学べます。
学習の進め方6 就労移行支援事業所
就労移行支援事業所のIT・Webデザイン特化のプログラムも、選択肢です。
LITALICOワークス、Manaby、ニューロワークスなどです。
学習の進め方7 コミュニティ・勉強会
コミュニティ、勉強会も、活用できます。
X、Discord、connpass、Meetupなどです。
学習の進め方8 実践
実践が、最も効果的な学習方法です。
実際に作品を作り、公開し、フィードバックを得ます。
応募時の工夫1 主治医からの意見書
応募時の工夫を、見ていきましょう。
主治医からの意見書が、最も重要な根拠です。
応募時の工夫2 ポートフォリオの提示
ポートフォリオの提示が、最も重要です。
応募書類、メールに、ポートフォリオサイトのURLを記載します。
応募時の工夫3 自己分析
自己分析を、進めます。
自分の特性、強み、必要な配慮を、整理します。
応募時の工夫4 業務スキル
業務スキルのアピールを、進めます。
HTML、CSS、Figma、Photoshopなどです。
応募時の工夫5 制作プロセス
制作プロセスの説明も、進めます。
リサーチ、コンセプト、デザインの過程です。
応募時の工夫6 学習意欲
学習意欲も、伝えます。
未経験でも、継続的な学習で成長していることを、伝えます。
応募時の工夫7 ニューロダイバーシティ
ニューロダイバーシティの活用も、進めます。
集中力、創造性、視覚的感覚などの特性を、伝えます。
応募時の工夫8 長期勤続への意欲
長期勤続への意欲を、明確に示します。
注意点1 体調を最優先
注意点を、整理しておきましょう。
体調を、最優先します。
ポートフォリオ作成で、体調を悪化させないようにします。
注意点2 主治医との連携
主治医との連携を、続けます。
注意点3 質より量にこだわらない
質より量にこだわります。
5から10作品の高品質なポートフォリオが、目安です。
注意点4 著作権
著作権への注意も、進めます。
他人の作品の無断使用は、避けます。
注意点5 サポートネットワーク
サポートネットワークを、保ちます。
注意点6 段階的なキャリアアップ
段階的なキャリアアップを、進めます。
最初は契約社員、派遣、フリーランスから、正社員へ移行する道もあります。
注意点7 長期視点
長期視点を、持ちます。
3年、5年、10年のキャリアを、視野に入れます。
利用できる支援機関
主治医、カウンセラーは、最も重要な相談相手です。
複数の障害者専門エージェントへの登録が、効果的です。
DODAチャレンジ、アットジーピー、エージェントサーナ、ランスタッドチャレンジド、LITALICOキャリア、マイナビパートナーズ紹介、障害者雇用バンク、かべなし求人ナビなどに登録できます。
Webデザイン、IT・Web業界の求人を、紹介してもらえます。
IT特化型エージェント(レバテッククリエイター、Geekly、ワークポート、マイナビクリエイターなど)も、選択肢です。
Webデザイン、Webクリエイティブに強いものです。
ハイクラス向けエージェント(JACリクルートメント、ビズリーチなど)も、選択肢です。
リモートワーク特化サイト(リモートワーカーズ、Wantedly、Greenなど)も、活用できます。
完全在宅の求人が、見つかります。
ハローワークの専門援助部門は、無料の就労相談窓口です。
地域障害者職業センターでは、職業評価や職業準備支援、ジョブコーチ支援を受けられます。
就労移行支援事業所(LITALICOワークス、ココルポート、ウェルビー、atGPジョブトレ、Manaby、ニューロワークスなど)では、就労準備、Webデザインのサポートが受けられます。
IT・Webデザイン特化のManaby、ニューロワークス、Kaienなどが、選択肢です。
オンライン学習プラットフォーム(Udemy、Schoo、Coursera、Progate、ドットインストールなど)で、Webデザインのスキルアップができます。
オンラインスクール(デイトラ、TechAcademy、CodeCamp、SAMURAI ENGINEERなど)も、選択肢です。
職業訓練校(ハロートレーニング)も、無料、または低価格でスキルアップが可能です。
クラウドソーシング(クラウドワークス、ランサーズ、ココナラなど)も、副業、実績作りに活用できます。
障害者就業生活支援センター(ナカポツ)は、就労と生活の両面で長期的な支援を提供します。
精神保健福祉センターでは、無料で心の相談を受けられます。
社会保険労務士は、雇用契約、社会保険、障害年金の専門家です。
ファイナンシャルプランナーは、家計、貯蓄、ライフプランの専門家です。
法テラスは、無料の法律相談ができる公的機関です。
X(旧Twitter)、Discord、connpass、Meetupなどのコミュニティ、勉強会も、活用できます。
Webデザイン、フロントエンドの情報共有が、貴重です。
Behance、Dribbble、Pinterestなどの作品共有サイトも、参考になります。
オンラインの自助グループ、当事者コミュニティへの参加も、心の支えになります。
Webデザインの在宅就労経験を持つ仲間からの情報、対策の共有が、貴重です。
家族や信頼できる人にも、相談します。
24時間対応の電話相談窓口も、頼れる存在です。
よりそいホットライン0120-279-338、いのちの電話、いのちSOS 0120-061-338などが、無料で利用できます。
これらの支援機関を活用しながら、Webデザイン在宅で未経験から採用されるポートフォリオを作って長期勤続を実現していきましょう。
まとめ
WebデザインはIT・Web業界で需要の高い職種で完全在宅・ハイブリッド勤務との相性が最も良い職種の一つ、精神障害・発達障害・身体障害の方の就労実績も多くASD・ADHDの集中力・創造性・視覚的感覚などの特性が活かせ、未経験からの参入もポートフォリオの作り込みで可能、1-2年の準備で就労実現、年収は未経験300-400万円・経験500-800万円も可能で、ポートフォリオは応募書類より重要な採用判断の根拠です。
ポートフォリオの基本、構成(自己紹介、スキル、作品、プロセス、業務経験、学習、連絡先、配慮)、作品の選び方(多様性、質、業界傾向、実装、オリジナル、架空、強み、意図)、作り方、学習の進め方、応募時の工夫、注意点を踏まえ、主治医、エージェント、IT特化エージェント、リモートサイト、ハローワーク、ジョブコーチ、就労移行支援事業所、オンラインスクール、職業訓練、クラウドソーシング、ナカポツ、自助グループなどを活用して長期勤続を実現していきましょう。
