Webデザインの学習を進めたものの、「実績がないのにポートフォリオを作れるの？」「何を載せれば仕事につながるの？」と悩む方は少なくありません。
ポートフォリオは、きれいな作品を並べるだけの作品集ではありません。どのような目的で制作し、誰に向けて、どこを工夫したのかを伝えるための資料です。
実務経験がなくても、架空案件や自主制作を使って作成できます。ただし、応募したい仕事と関係のない作品を増やしたり、制作意図を説明せずに画像だけを並べたりすると、できることが相手に伝わりにくくなります。
この記事では、Webデザイン副業を目指す未経験者に向けて、ポートフォリオに載せたい内容、実績がない場合の作品の作り方、公開前の注意点を解説します。
結論｜Webデザイン副業のポートフォリオは実績がなくても作れる
Webデザインの実務経験がなくても、ポートフォリオは作れます。
未経験者の場合は、架空の店舗やサービスを想定した自主制作、スクールの課題、自分や知人の活動に必要な制作物などを掲載できます。
大切なのは、実績があるように見せることではありません。自主制作であることを明記したうえで、次の内容を分かりやすく伝えることです。
・どのような目的で作ったか
・誰を対象にしたデザインか
・自分が担当した範囲
・使用したツール
・制作で工夫した点
・改善した点や学んだこと
作品数に絶対的な正解はありません。最初から数を増やそうとするより、応募したい仕事に近い作品を数点用意し、一つずつ丁寧に説明するほうが、自分のできることを伝えやすくなります。
スクール卒業後に、ポートフォリオ作成から案件応募までどう進めるか知りたい方は、「Webデザインスクール卒業後に仕事は取れる？副業案件につなげるために必要な準備」も参考にしてください。
Webデザイン副業でポートフォリオが必要な理由
副業案件へ応募するとき、クライアントは応募者の経歴だけでなく、「依頼したい内容に対応できそうか」を確認します。
未経験者は仕事としての制作実績が少ないため、ポートフォリオがスキルや考え方を伝える重要な材料になります。
制作できるものを具体的に伝えられる
「Webデザインを学びました」と書くだけでは、バナーを作れるのか、Webサイトをデザインできるのか、コーディングまで対応できるのかが分かりません。
ポートフォリオに制作物を載せることで、対応できる仕事の種類や現在のスキルを具体的に示せます。
できないことまで広く見せる必要はありません。まずは、自分が実際に制作できる範囲を正確に伝えることが大切です。
デザインの考え方や制作過程を伝えられる
クライアントが確認したいのは、完成した見た目だけではありません。
依頼の目的や対象者をどのように考え、配色、文字、写真、レイアウトを選んだのかも判断材料になります。
制作の目的や工夫した点を短く添えると、感覚だけで作ったのではなく、相手の要望を考えて制作したことが伝わりやすくなります。
応募する案件との相性を判断してもらえる
バナー制作を依頼したい相手に、Webサイトの作品だけを見せても、希望する仕事に対応できるか判断しにくい場合があります。
応募したい仕事が広告バナーならバナー、店舗サイトならWebページなど、案件に近い作品を見せることが重要です。
複数の制作物がある場合は、応募先に合わせて見せる順番を変える方法もあります。
応募文だけでは伝わらない信頼材料になる
実績が少ない時期は、応募文だけで自分を選んでもらうことが難しい場合があります。
ポートフォリオを用意しておくと、学習後に実際に手を動かしていることや、仕事に向けて準備していることを示せます。
ただし、ポートフォリオがあれば必ず受注できるわけではありません。案件内容に合う作品、読みやすい応募文、丁寧な連絡などを組み合わせる必要があります。
Webデザインのポートフォリオに載せたい内容
ポートフォリオには、作品画像だけでなく、制作者としての情報や制作の背景も載せます。
すべてを長文で説明する必要はありません。クライアントが知りたい内容を、短く分かりやすくまとめましょう。
プロフィールと学んだ内容
最初に、簡単なプロフィールを掲載します。
本名を公開したくない場合は、活動名でも構いません。副業として応募する段階では、勤務先や住所などの個人情報を詳しく載せる必要はありません。
プロフィールには、次のような内容をまとめます。
・簡単な自己紹介
・学んだスキル
・使用できるツール
・得意な制作物
・対応したい仕事
学習中の内容と、実際に対応できる内容は分けて書くと、誤解を防ぎやすくなります。
応募したい仕事に合う制作物
掲載する作品は、応募したい仕事から逆算して選びます。
たとえば、次のような制作物が候補になります。
・広告バナー
・SNS投稿画像
・YouTubeサムネイル
・キャンペーン画像
・ランディングページ
・店舗やサービスのWebサイト
・WordPressサイト
・スマートフォン向けの画面デザイン
最初からすべての種類を用意する必要はありません。働きながら副業を目指す場合は、取り組みたい仕事を絞り、関係する作品から作るほうが進めやすくなります。
未経験からWebデザイン副業を始める全体の流れは、「未経験からWebデザイン副業を始めるには？必要なスキルと始め方」で解説しています。
制作物の目的と想定する対象者
各作品には、何のために作ったのかを記載します。
架空のバナーであれば、商品やサービスの内容、広告の目的、想定する対象者を設定します。
たとえば、「働く女性向けのオンライン講座の申込みを促すバナー」のように説明すると、制作の前提が分かりやすくなります。
目的や対象者が分かると、配色や文字の大きさ、写真の選び方に理由があることを伝えられます。
自分が担当した範囲
複数人で制作したものやスクール課題を載せる場合は、自分が担当した範囲を明記します。
次のように、対応した作業を具体的に書きましょう。
・情報整理
・ワイヤーフレーム作成
・デザイン
・画像加工
・コーディング
・WordPressへの実装
すべてを一人で担当していない場合も、正直に記載すれば問題ありません。担当していない作業まで自分の成果として見せることは避けましょう。
使用ツールと制作時間
Photoshop、Illustrator、Figma、Canva、WordPressなど、使用したツールを記載します。
制作時間も分かる範囲で添えると、作業量をイメージしてもらいやすくなります。
ただし、学習中の作品は調査や試行錯誤に時間がかかることがあります。無理に短く見せず、実際の制作時間を振り返る材料として活用しましょう。
工夫した点と制作の意図
作品ごとに、特に工夫した点を二つから三つ程度に絞って説明します。
たとえば、次のような内容です。
・最初に読んでほしい情報を大きく配置した
・対象者に合わせて落ち着いた配色にした
・スマートフォンでも読みやすい文字サイズにした
・申込みボタンまで迷わず進める構成にした
「おしゃれにしました」だけではなく、目的とのつながりを説明することが大切です。
修正した点や学んだこと
最初の案から変更した点があれば、その理由も簡潔に記載できます。
第三者から添削を受けた場合は、どのような指摘を受け、どう改善したのかを説明すると、フィードバックを受け入れて修正できることが伝わります。
修正前の画像を必ず載せる必要はありません。完成品を中心にしながら、改善の過程を文章で補足しましょう。
連絡方法と対応できる条件
ポートフォリオの最後には、連絡方法と対応可能な条件を記載します。
働きながら副業をする場合は、対応できる時間帯や納期の目安を正直に示すことが大切です。
たとえば、次のような内容です。
・連絡を確認できる時間帯
・平日と休日の作業時間
・対応できる制作物
・使用できる連絡ツール
・相談可能な納期
個人の電話番号や住所を公開する必要はありません。専用のメールアドレスや問い合わせフォームなど、安全に管理できる連絡方法を選びましょう。
実績がない未経験者が掲載作品を作る方法
仕事として制作したものがなくても、目的と条件を設定した自主制作で作品を用意できます。
重要なのは、架空の作品を実績のように見せないことです。
架空の店舗やサービスを想定して制作する
架空のカフェ、美容室、オンライン講座、ハンドメイドショップなどを設定し、必要な制作物を考えます。
店名だけを決めて自由に作るのではなく、次の条件まで設定すると、実際の依頼に近い練習になります。
・サービスの特徴
・対象者
・伝えたい内容
・掲載する媒体
・画像サイズ
・希望する雰囲気
・納期
ポートフォリオには「自主制作」「架空案件」と明記してください。
自分の活動に必要なものを作る
自分のブログ、趣味の活動、架空のイベントなどに使う制作物も作品にできます。
実際に使う目的があるため、必要な情報を整理しやすく、公開後の改善にも取り組めます。
ただし、自分の好みだけで完成させず、「誰に何を伝えたいのか」を決めて制作しましょう。
スクールの課題を掲載する
スクールで作った課題を掲載できる場合もあります。
ただし、教材の画像、配布データ、課題内容には利用条件が設定されていることがあります。公開前に、スクールの規約や講師の案内を確認してください。
掲載できる場合も、「スクール課題」「自主制作」など、実案件ではないことが分かるように記載します。
既存サイトの練習作品は扱いに注意する
既存のWebサイトや広告を参考に練習することは、学習方法の一つです。
しかし、元のデザインをそのまま再現した作品を、自分のオリジナル作品として掲載してはいけません。
企業名、ロゴ、商品画像、文章などを無断で使用すると、権利上の問題につながる可能性があります。公開するポートフォリオには、利用許可を確認できる素材や、自分で用意した内容を使いましょう。
Webデザイン副業向けポートフォリオの作り方
ポートフォリオは、最初から完璧なサイトを作ろうとすると完成まで時間がかかります。
働きながら進める場合は、応募に必要な最低限の内容から作り、あとで更新していく方法が現実的です。
1．応募したい仕事を決める
最初に、どのような仕事へ応募したいのかを決めます。
バナー制作とWebサイト制作では、必要な作品や伝えるスキルが異なります。
「Webデザインなら何でも対応できます」と広げすぎず、最初に挑戦したい仕事を一つか二つに絞りましょう。
2．応募する仕事に近い作品を選ぶ
すでに制作したものがある場合は、応募したい仕事に近い作品を優先します。
作品の数が少ない場合は、足りない種類を自主制作で補います。
完成度に不安がある作品を無理に増やすより、現在のスキルを説明しやすいものを選びましょう。
3．作品ごとの説明文を作る
各作品について、次の項目を整理します。
・制作物の種類
・制作目的
・想定する対象者
・担当範囲
・使用ツール
・制作時間
・工夫した点
・改善した点
すべてを長く書く必要はありません。忙しいクライアントが短時間で確認できるよう、要点をそろえて書くことが大切です。
4．公開方法を選ぶ
ポートフォリオの公開方法には、Webサイト、ポートフォリオ作成サービス、PDFなどがあります。
Webサイトは、URLを共有しやすく、作品を追加しやすい点がメリットです。PDFは比較的作りやすく、応募先に合わせて内容を調整できます。
最初から高度なサイトを自作することにこだわる必要はありません。まずは相手が見やすく、自分が更新できる方法を選びましょう。
PDFを共有する場合は、閲覧権限が制限されていないか、スマートフォンでも読めるか、ファイル容量が大きすぎないかを確認します。
5．第三者に見てもらう
公開前に、家族や知人、講師などに見てもらいましょう。
確認してもらうポイントは、デザインの好みだけではありません。
・何ができる人なのか分かるか
・作品の目的が伝わるか
・文字が読みやすいか
・リンクが正常に開くか
・連絡方法が分かるか
・誤字や表記の揺れがないか
自分では分かっている内容ほど、説明が不足しやすいため注意が必要です。
6．公開後も更新する
ポートフォリオは、一度作って終わりではありません。
新しい作品や実績が増えたら追加し、古い作品が現在のスキルと合わなくなったら入れ替えます。
応募しても反応が得られない場合は、作品の種類、説明文、見せる順番、応募先との相性を見直しましょう。
ポートフォリオで避けたい失敗
作品を増やすことだけに集中すると、相手が確認しにくいポートフォリオになることがあります。
公開前に、次の点を確認しましょう。
作品画像だけを並べる
画像だけでは、何を目的に作ったのか、自分がどこを担当したのかが分かりません。
作品ごとに、目的、対象者、担当範囲、工夫した点を添えましょう。
説明は長くしすぎず、同じ項目でそろえると読みやすくなります。
応募したい仕事と関係のない作品が多い
作品数が多くても、応募先が求める制作物を見つけにくければ、強みが伝わりません。
応募する仕事に近い作品を先に配置し、関連性が低いものは後ろに置くか、掲載を見直しましょう。
自主制作を実績のように見せる
架空案件やスクール課題を、実際に受注した仕事のように書くことは避けてください。
未経験であることを隠すより、自主制作でどのような条件を設定し、何を考えて作ったかを正確に伝えるほうが信頼につながります。
他人の作品や素材を無断で使う
参考作品の模倣、無断転載、利用条件に合わない素材の使用は避けます。
写真、イラスト、フォント、ロゴなどは、それぞれ利用条件を確認してください。
無料素材でも、商用利用や加工、クレジット表記について条件が設けられている場合があります。
許可のない実案件や個人情報を公開する
仕事として制作したものでも、自由にポートフォリオへ掲載できるとは限りません。
クライアント名、制作物、管理画面、売上情報、連絡内容などを公開する前に、掲載許可や契約内容を確認してください。
氏名、住所、電話番号、メールアドレスなどが画像に写り込んでいないかも確認しましょう。
できることを大きく見せすぎる
使用経験が少ないツールや、対応できない作業まで得意分野として書くと、受注後のトラブルにつながります。
学習中の内容は「学習中」、一人で対応できる内容は「対応可能」と分けて記載しましょう。
現在のスキルを正確に示し、できる範囲の案件から経験を積むことが大切です。
働きながらポートフォリオを完成させるポイント
本業がある方は、ポートフォリオ作成だけに長い時間を使えません。
完成の基準を決め、応募に必要な部分から順番に作りましょう。
最初に作る作品の種類を絞る
バナー、Webサイト、LP、SNS画像などを一度にそろえようとすると、完成まで時間がかかります。
最初に応募したい仕事を決め、その仕事に関係する作品を優先してください。
応募先を広げたいときに、別の種類の作品を追加すれば問題ありません。
作業を小さく分ける
「ポートフォリオを完成させる」という大きな予定だけでは、忙しい日に進めにくくなります。
次のように、短時間で終えられる作業へ分けましょう。
・掲載する作品を選ぶ
・作品画像を書き出す
・制作目的を書く
・使用ツールを書く
・プロフィールを作る
・リンクを確認する
平日は文章整理、休日は制作やサイト調整など、作業内容を分ける方法もあります。
対応できる時間を正直に記載する
本業がある場合、平日の日中にすぐ返信できないことがあります。
連絡を確認できる時間帯や、作業できる曜日をあらかじめ示すと、認識のずれを減らせます。
無理に「いつでも対応できます」と書かず、守れる条件を伝えましょう。
完璧になるまで応募を先延ばしにしない
ポートフォリオは、経験に合わせて更新するものです。
細部を直し続けて公開できない状態になるより、現在のスキルを正確に伝えられる形で一度完成させましょう。
ただし、未完成のページ、開かないリンク、誤字、仮の文章が残ったまま公開することは避けます。
スクールのポートフォリオ支援を確認するときのポイント
スクールによって、ポートフォリオに関する支援内容は異なります。
受講を検討するときは、「ポートフォリオを作れます」という言葉だけで判断せず、具体的な範囲を確認しましょう。
どこまで添削してもらえるか
作品の見た目だけでなく、目的設定、情報整理、説明文、見せる順番まで確認してもらえるかを調べます。
添削回数や利用できる期間、質問方法も確認しておきましょう。
課題作品を公開できるか
スクールで作った課題を、そのまま公開できるとは限りません。
素材や教材の利用条件、卒業後の掲載可否、掲載時に必要な表記を確認してください。
卒業後も相談できるか
在学中に完成しなかった場合や、応募後に修正したい場合に、卒業後も相談できるかを確認します。
利用期間が決まっている場合は、在学中に作品を完成させる予定を立てておきましょう。
スクールを比較するときに確認したい項目は、「副業向けWebデザインスクールの選び方｜働く女性が確認したい7つのポイント」で整理しています。
Webデザイン副業のポートフォリオについてよくある質問
実績がなくてもポートフォリオを作れますか？
実績がなくても、架空案件、自主制作、公開が許可されたスクール課題などを使って作れます。
実案件ではない作品には、「自主制作」「架空案件」「スクール課題」などの表記を入れましょう。
作品は何点載せればよいですか？
作品数に絶対的な正解はありません。
応募したい仕事に近い作品があることと、制作目的や担当範囲を説明できることが重要です。
最初は説明できる作品を数点掲載し、制作や実績が増えた段階で追加・入れ替えを行いましょう。
ポートフォリオサイトを自作する必要はありますか？
必ずしも自作する必要はありません。
ポートフォリオ作成サービスやPDFでも、作品と説明が見やすく、相手が問題なく閲覧できれば活用できます。
Webサイト制作やWordPress構築の仕事へ応募する場合は、自作サイトそのものがスキルを示す作品になることがあります。
Canvaで作った作品も載せられますか？
自分が制作したもので、素材やテンプレートの利用条件を守っていれば掲載を検討できます。
テンプレートをほぼそのまま使用した場合は、自分が工夫した範囲が伝わりにくくなります。
どこを変更し、どのような目的で仕上げたのかを説明できる作品を選びましょう。
スクールの課題はそのまま載せられますか？
スクールや教材によって条件が異なります。
課題データ、写真、文章などの公開が許可されているか確認し、必要な表記があれば従ってください。
分からない場合は、公開前にスクールへ確認しましょう。
ポートフォリオはいつ完成させればよいですか？
学習内容を使って制作できるようになった段階から、少しずつ準備を始めます。
すべての学習が終わるまで待つ必要はありません。作品画像や制作意図をその都度整理しておくと、卒業後に一から作る負担を減らせます。
まとめ｜応募したい仕事から逆算してポートフォリオを作ろう
Webデザイン副業のポートフォリオは、実務経験がなくても作成できます。
ただし、作品を並べるだけでは、自分のできることや制作の考え方が十分に伝わりません。
ポートフォリオには、次の内容を分かりやすくまとめましょう。
・簡単なプロフィール
・応募したい仕事に合う制作物
・制作の目的と想定する対象者
・自分が担当した範囲
・使用ツールと制作時間
・工夫した点や改善した点
・連絡方法と対応できる条件
実績がない場合は、架空案件や自主制作を活用できます。実案件のように見せず、作品の位置づけを正確に記載することが大切です。
働きながら作る場合は、最初から多くの作品をそろえようとせず、応募したい仕事に必要なものから完成させましょう。
ポートフォリオは、公開後も作品や経験に合わせて更新できます。現在のスキルを正確に伝えられる状態をまず作り、小さな案件への応募や実績作りにつなげていきましょう。
ポートフォリオを整えたあとは、実際に案件を探す段階です。「Webデザイン副業の案件はどこで探す？未経験者向けの探し方と応募のポイント」では、案件の探し方と応募前に確認したい条件を詳しく解説しています。
