未経験から始めるポートフォリオプロジェクト：採用担当者の目に留まる企画の立て方
はじめに：なぜポートフォリオの「企画」が重要なのか
未経験から新しい分野へのキャリアチェンジを目指す際、ポートフォリオはご自身のスキルやポテンシャルを示す上で非常に重要な役割を果たします。特にWeb制作や開発の分野では、実際にどのようなものを作れるのか、どのような思考で課題に取り組めるのかが評価のポイントとなります。
多くの学習者が技術習得に励み、チュートリアルに沿った成果物や模写コーディングをポートフォリオに掲載されます。これらも学習の過程を示す上で価値がありますが、採用担当者がさらに注目するのは、「与えられた課題をこなす力」だけでなく、「自分で課題を見つけ、解決策を企画・実行する力」です。
ポートフォリオにおけるプロジェクトは、単に技術スキルを羅列する場ではなく、あなたの「考える力」「企画力」「問題解決能力」を示すためのものです。そのため、プロジェクトをどのように企画し、どのような意図を持って制作に取り組んだのか、その企画段階のプロセスを示すことが、採用担当者の目に留まるための鍵となります。
この章では、未経験者が採用担当者に評価されるポートフォリオプロジェクトを企画・計画するための具体的なステップと、その際に意識すべき視点について解説します。
採用担当者がポートフォリオプロジェクトの企画段階で注目する視点
採用担当者は、完成した成果物だけでなく、その成果物が生まれるまでのプロセス、特に企画段階に隠された以下のようなポイントに注目しています。
1. プロジェクトの目的意識と問題解決への取り組み
なぜそのプロジェクトを選んだのか、何を解決しようとしたのかという明確な目的があるかを見ています。単に流行の技術を使ったから、面白そうだったからという理由だけでなく、「〇〇という課題を解決するために、このような機能が必要だと考えた」といった具体的な問題意識と、それに対するアプローチがあるかどうかが評価されます。これは、入社後に自律的に課題を見つけ、解決に向けて行動できるポテンシャルを示すものです。
2. スキルレベルと挑戦意欲のバランス
現在の自身のスキルレベル（例えばHTML、CSS、JavaScriptの基礎知識、デザインツールの初級スキルなど）を理解した上で、実現可能な範囲で企画されているかを確認します。同時に、少しだけ背伸びをした、新しい技術や表現方法に挑戦しようとする意欲が見られるかどうかも重要です。無理な計画は途中で挫折するリスクを高めますが、全く挑戦のない計画では成長性が見えません。
3. ユーザー視点と実用性への配慮
誰のために、何を作るのかというユーザー（利用者）視点があるかどうかも大切なポイントです。単なる機能の実装だけでなく、その機能が利用者にとってどのような価値を提供し、どのように使われることを想定しているのか。デザインツールで作成したワイヤーフレームや簡単なペルソナ設定なども交えて説明することで、ユーザーを意識した思考プロセスを示すことができます。
4. 継続性や拡張性への考慮
プロジェクトの将来的な展開や、さらに機能を追加するとしたらどうするか、といった拡張性についても少し触れることができると、より計画性や長期的な視点を示すことができます。これは必須ではありませんが、より高い評価に繋がる可能性があります。
ポートフォリオプロジェクト企画・計画の具体的なステップ
採用担当者の視点を踏まえ、未経験者がどのようにポートフォリオプロジェクトの企画・計画を進めれば良いのか、具体的なステップをご紹介します。
ステップ1：テーマの選定 - 自分の「なぜ」を見つける
まずは、何を作るかを決めます。この段階で最も重要なのは、「なぜそれを作るのか」という自分自身の動機を見つけることです。
- 自分の興味・関心から始める: 自分が普段利用しているサービスやWebサイトで「こうなっていたらもっと便利なのに」と感じることはないでしょうか。趣味や日常生活の中で感じた小さな不便さからアイデアを得ることも有効です。
- 身近な課題を解決するアイデア: 自分自身や身近な人が抱える課題を解決するツールや情報サイトを考えてみます。具体的なユーザー像（例：〇〇に困っている家族、△△を探している友人）を想定しやすいです。
- 既存サービスの模倣からの発展: 有名なWebサイトやサービスを模倣して作ることは、技術習得の良い方法ですが、ポートフォリオではそれに「自分ならこう改善する」「こんな機能を追加したい」といったオリジナルのアイデアを加えてみましょう。
- 複数の技術を組み合わせる: HTML/CSS/JavaScriptの基本スキルに加え、デザインツールで作成した成果物（ワイヤーフレーム、モックアップ）を含めるなど、複数のスキルを組み合わせられるテーマを選定すると、スキル幅を示すことができます。
テーマ選定にあたっては、ペルソナのスキルレベル（HTML/CSS/JS基礎、デザインツール初級）で現実的に期間内に完成できる範囲かを見極めることが重要です。最初は小さく始めて、段階的に機能を増やしていく考え方（MVP）を取り入れると良いでしょう。
ステップ2：目標設定とスコープ定義 - 「どこまでやるか」を決める
テーマが決まったら、プロジェクトで何を達成するのか、具体的な目標を設定します。そして、どこまでの範囲（スコープ）で完成とするかを定義します。
- 達成目標を明確にする: 「〇〇という機能を持ったWebサイトを作る」「△△の情報を分かりやすく整理して表示する」「ユーザーが××できるようにする」など、具体的な行動や状態を目標とします。
- MVP（Minimum Viable Product）の考え方: 最初に思いつく全ての機能を盛り込もうとすると、期間内に完成しないリスクが高まります。まずは「これだけは最低限必要」という核となる機能や要素を洗い出し、最初の完成形（MVP）とします。
- 機能リストアップと優先順位付け: 実現したい機能を全てリストアップし、MVPに含めるもの、将来的には実装したいもの、今回は見送るもの、といった優先順位をつけます。
- 期間設定: いつまでにMVPを完成させるか、現実的な期間を設定します。期間を区切ることで、計画的に学習や制作を進めることができます。
ステップ3：情報収集と計画 - 実現への道筋を描く
目標とスコープが決まったら、それを実現するための具体的な方法を計画します。
- 参考事例の調査: 似たような機能やデザインを持つ既存のWebサイトやサービスを調査し、参考にします。良い点や改善点を見つけることも、企画のヒントになります。
- 使用技術・ライブラリの選定: どのような技術（HTML, CSS, JavaScriptのどの機能、外部ライブラリなど）を使用するかを具体的に検討します。なぜその技術を選んだのか、という理由も説明できるようにしておくと良いでしょう。
- 簡単なワイヤーフレームや構成図の作成: サイト全体のページ構成や、各ページにどのような要素を配置するかを、手書きやデザインツールを使って簡単な図にします。これは、企画段階の思考プロセスを示す重要な成果物となり得ます。ペルソナが持つデザインツール初級スキルを活かせる部分です。
- 学習リソースの計画: プロジェクトを進める上で、新しく学ぶ必要がある技術や知識があれば、どのような学習リソース（書籍、オンラインコース、ドキュメントなど）を利用するか計画しておきます。
企画段階をポートフォリオで効果的に見せる方法
企画・計画のプロセスは、完成した成果物と同様に、あるいはそれ以上に、あなたのポテンシャルを示す重要な要素です。ポートフォリオでは、これらの過程を具体的に示すことを意識しましょう。
- プロジェクト概要での説明: プロジェクトの概要説明の中で、「なぜこのプロジェクトを企画したのか」「どのような課題を解決しようとしたのか」「最終的に何を達成目標としたのか」といった企画の背景や目的を明確に記述します。
- 「工夫した点」「苦労した点」での掘り下げ: 制作過程で工夫した点や、直面した課題とその解決策を説明する際に、企画段階での検討内容に触れます。「当初は〇〇を想定していたが、実現性の問題から△△という方法に変更した」「ユーザーの利便性を考慮し、××という機能を優先することにした」といった具体的な思考プロセスを示すことで、計画性や柔軟性、問題解決能力をアピールできます。
- 企画段階の成果物を含める: デザインツールで作成したワイヤーフレーム、簡単な画面遷移図、機能リスト、参考にしたWebサイトのスクリーンショットなどをポートフォリオに掲載し、企画段階でどのような検討を行ったのかを視覚的に示します。これらの資料は、単なる完成物だけでは伝わらない思考の過程を伝えるのに役立ちます。
まとめ
未経験者がポートフォリオで採用担当者の目に留まるためには、単に技術スキルを示すだけでなく、プロジェクトを自ら企画し、計画を立てて実行する能力を示すことが非常に重要です。
「なぜそれを作るのか」という問いからテーマを見つけ、達成目標と範囲を明確に定義し、実現のための具体的な計画を立てる。そして、その企画段階での思考プロセスや検討内容をポートフォリオの中で具体的に説明することで、あなたのポテンシャルや問題解決能力、そして何よりも「学び、創造する力」を効果的に伝えることができます。
ここで解説したステップや視点が、あなたが自信を持ってポートフォリオプロジェクトに取り組むための一助となれば幸いです。