ポートフォリオの作り方は職種別でどう違う？未経験から案件を取る作品集の型

作品集（ポートフォリオ）を作ろうとして、最初の一枚で手が止まっていませんか。ネットでよく見る6項目や就活用のテンプレートは参考になります。ただ、就職や転職に向けた型で、案件を取る場面にそのまま合うとは限りません。

実績が少ないうちは、なおさら迷うところです。案件を取る型は、基本項目に発注者の視点を足し、職種ごとに載せる作品と見せ方と避けたい失敗を整えることです。未経験なら、自主制作や仮想案件で用意し、代表作を先頭に置きます。

この記事では、公的資料と各サービスの公式情報をもとに、その型を職種別に整理します。

そもそもポートフォリオとは何か、職種で意味が変わる理由

ポートフォリオはスキルと作品実績を第三者が短い時間で判断する資料で、見る人や職種によって重視する点が変わります。もともとは制作物をまとめた作品集を指す言葉で、本記事ではこの意味で使います。

同じ作品実績でも、見る人が知りたいことは職種で変わります。Webデザイナーなら見た目と目的を、ライターなら読まれた成果を重視されます。

さらに大きいのが、目的による違いです。転職では選考担当者が一緒に働けるかを見ますが、案件獲得では発注者が仕事を任せられるかを見ます。

目的の違い	主に見る人	重視されやすい点
転職・就活で使う場合	採用や選考の担当者	人物像や成長性、社風との相性
案件獲得で使う場合	仕事を任せる発注者	任せた仕事を仕上げられる再現性

個人で仕事を受ける働き方は広がっています。案件を取る場面では、発注者が任せられるかという視点で作品を選びます。だからこそ本記事は、発注者に選ばれることを軸に整理します。

2024年11月に施行されたフリーランス法も、発注者の義務を定めて個人受注の環境を後押ししています（公正取引委員会）。次に、案件獲得で土台となる基本項目を確認します。

ポートフォリオに欠かせない基本項目と、案件獲得で見られる観点

就活で使われる土台の6項目に、発注者が知りたい観点を足すと、案件獲得で選ばれやすくなります。就職や転職でよく使われる土台は、目次・自己紹介・得意分野・作品実績・志望動機・連絡先の6項目です。

案件を取る場面では、この土台のうち志望動機を発注者向けの項目に置き換え、稼働状況などを足します。

案件獲得での基本項目	役割	書き方のコツ
自己紹介	誰が作ったかを伝える	得意分野と対応範囲を1〜2行に凝縮する
得意分野・スキル	何ができるかを示す	使えるツールと対応できる範囲を具体で書く
作品実績	実力を裏づける中心	応募したい案件に近い作品を先頭に置く
受けたい依頼と対応範囲	任せどころを示す	受けたい依頼の種類と対応できる範囲を書く
稼働状況	頼めるかを判断させる	いま動けるか、返信できる時間帯を添える
連絡先	依頼への導線	すぐ連絡が取れる手段を示す

この組み替えが効くのは、発注者が提案を選ぶ段階でポートフォリオを確認するからです。これはランサーズの公式ヘルプにも明記されています（ランサーズ公式ヘルプ）。

では、発注者はそこで何を見ているのでしょうか。クラウドワークスが2022年に公開した公式ブログを見てみます。機能改善の背景として、発注者から次のようなコメントが紹介されています（データではなく個別の声です）。

• ポートフォリオを確認するのに手間がかかる
• 求める経験を持った相手か、ぱっと見では分からない

（クラウドワークス公式ブログ）

作品そのものより先に、任せてよい相手かを短い時間で見極めているわけです。そこで、次の3点を各作品に添えると、判断されやすくなります。

• 担当した範囲（一人で作ったのか、一部を受け持ったのか）
• 制作の条件（期間、使ったツール、想定した相手）
• 連絡の取りやすさ（返信の早さや、いま動ける状況か）

ランサーズのポートフォリオは、画像に加えて動画や音声も登録でき、最大200件まで載せられます。数を詰め込むより、任せられると伝わる作品を選ぶことが効きます。まずは自分の職種で、何を載せるかを確認します。

職種別のポートフォリオの作り方と評価される見せ方

職種別の作り方は、載せる作品、発注者が最初に見る所、避けたい失敗の3点でそろえると迷いません。ここでは主要な11の職種を、デザイン系と非デザイン系に分けて整理します。

職種	載せる作品	発注者が最初に見る所	避けたい失敗
Webデザイナー	制作したサイトやLP	ファーストビューが目的に合っているか	見た目だけで狙いの説明がない
UI・UXデザイナー	画面設計や操作フロー	課題の設定と解決までの道筋	完成画面だけで過程が見えない
グラフィックデザイナー	ロゴやチラシ、紙面	実際に使われる場面と用途	用途と制作条件が分からない
CGデザイナー	モデリングや質感の作例	制作環境と工程の作り込み	完成画像だけで技術が不明
ゲーム制作系	ドット絵や3D、演出の作例	担当パートの切り分け	チーム作を個人作に見せる
Webディレクター	進行した案件の設計資料	体制の中での自分の役割と成果	手柄の切り分けが曖昧
Webライター	執筆記事や構成案	想定キーワードと検索意図	守秘案件をそのまま転載する
動画編集者	短い編集サンプル	冒頭数秒の離脱を防ぐ工夫	長尺で要点が埋もれる
マーケター	施策と改善の記録	施策前後の数値と出どころ	数字の出どころが不明
エンジニア	コードや動く成果物	READMEの動作環境と担当した範囲	動かないリンクを載せる
オンライン事務	作成した資料や運用例	正確さと対応範囲、守秘の配慮	顧客情報をそのまま出す

デザイン系は完成物と設計意図の両方を見せる

デザイン系は、完成した見た目に加えて、なぜそう作ったかの意図を添えると評価が上がります。

対象は、Webデザイナー、UI・UXデザイナー、グラフィックデザイナー、CGデザイナー、ゲーム制作系、Webディレクターです。

いずれも見た目の完成度が伝わりやすい職種です。反面、目的や担当範囲の説明が抜けると、実力が正しく伝わりません。

作品ごとに、狙い、解決した課題、担当したパートを一言添えます。チームで作ったものは、自分の役割を分けて明記します。

非デザイン系は成果と再現性を数と手順で示す

非デザイン系は、目に見えにくい成果を数と手順に置き換えて見せるのが近道です。Webライター、動画編集者、マーケター、エンジニア、オンライン事務は、成果物が地味に見えがちな職種です。読まれた数、改善した割合、対応した範囲など、確かめられる事実を添えます。

数値を出すときは、その出どころも一緒に示します。作った過程や判断の理由まで見せると、再現性が伝わります。

職種別に1作品ページをどう書くか、記入例と並び順で見る

1作品のページは、上から並べる順番と、各項目に書く中身の2つで決まります。先ほどの表では見せ方を一言でまとめました。ここからは実際のページに書き起こす形を、並び順と記入例で具体的に見ます。

ポートフォリオ全体はどの順に並べるか

全体は、応募したい案件にいちばん近い作品を先頭に置くのが基本です。発注者は上から順に見て、最初の1〜2作品で印象を決めます。そのため、見せたい代表作を先頭にそろえます。

おすすめの並び順は次のとおりです。

1. 応募したい案件に最も近い代表作を1点
2. 同じ系統で見せ方の違う作品を2〜3点
3. 幅を示す別ジャンルや自主制作を数点
4. 学習中の模写や練習作は、載せるなら最後に置き、学習用と明記する

古い作品や自信のないものを前に置くと、印象が下がります。並び順は応募のたびに入れ替え、その募集に近い作品が先頭に来るようにします。

職種別の1作品ページの並び順テンプレート

職種ごとに1作品ページの並び順をテンプレートにすると、書き始めで迷いません。読み手が知りたい順に、上から並べるのがコツです。次の並びを土台に、自分の作品へ当てはめてみてください。

職種	1作品ページの並び順（上から下へ）
Webデザイナー	完成キャプチャ → 制作の目的と相手 → 担当範囲 → 工夫した設計意図 → 制作条件（期間・ツール）
UI・UXデザイナー	課題を一文で → 画面フロー図 → 解決の道筋（前後の比較）→ 担当範囲 → 使用ツール
Webライター	記事タイトルと種類 → 想定読者と目的 → 担当範囲 → 成果や狙い → 使用ツールと字数
動画編集者	サムネイル → 冒頭の短いダイジェスト → 動画の長さと担当した工程 → 使用ソフト → 想定した目的
エンジニア	動くデモやリポジトリのURL → 担当した機能と役割 → 使った技術 → READMEの起動手順と動作環境 → 想定した使い手
マーケター	取り組んだ課題を一文で → 現状の分析 → 施策の内容 → 前後の変化（数値と出どころ）→ 使ったツール

どの職種も、冒頭で目を引き、次に目的と担当範囲、最後に条件やツールへと進みます。この順にすると、発注者は短い時間で全体をつかめます。

Webデザイナーの記入例で見る書き換え

素っ気ない一行を、発注者が判断できる記入に変えてみます。ここでは自主制作を想定した見本を示します。よくある素っ気ない書き方は、こうです。

発注者が判断できる形に書き起こすと、こうなります。

項目	記入例
タイトル	架空カフェのブランドサイト（自主制作）
担当範囲	構成・デザイン・コーディングを一人で担当
制作条件	制作期間は2週間、想定した相手は近隣の30代、PCとスマホに対応
狙い	落ち着いた雰囲気で「行ってみたい」と思わせる導線にする
成果	自主制作のため実数値はなし。実案件では申込数などを出典とともに書く
使用ツール	Figma、HTML、CSS

（想定読者・期間・字数などの具体値は、自主制作を想定した記入例です。実案件では掲載URLや実数値を出典とともに記載します）

同じ作品でも、担当範囲と狙いが加わるだけで、任せたときの姿が想像できます。

Webライターの記入例で見る書き換え

ライターも、成果と担当範囲を足すと、読まれる書き手だと伝わります。同じ要領で、ライターの一行も書き換えます。素っ気ない例はこうです。

案件を取る形に書き起こすと、こうなります。

項目	記入例
タイトル	「朝の時短習慣」を紹介する解説記事（自主制作・約3,000字）
担当範囲	キーワード選び、構成、執筆、入稿まで担当
制作条件	想定読者は一人暮らしの20代、検索から訪れる人を想定
狙い	悩みに共感してから解決策を出し、最後まで読ませる
成果	自主制作のため公開実績はなし。実案件では掲載URLや読まれた数を出典とともに書く
使用ツール	Googleドキュメント、無料のキーワード調査ツール

（想定読者・期間・字数などの具体値は、自主制作を想定した記入例です。実案件では掲載URLや実数値を出典とともに記載します）

テーマだけの一行と比べて、誰に何を狙って書いたかがはっきりします。

エンジニアの記入例で見る書き換え

エンジニアは、動く成果物と担当範囲をそろえると、実務を任せやすく見えます。エンジニアも自主制作の見本で見ます。素っ気ない例はこうです。

発注者が判断できる形に書き起こすと、こうなります。

項目	記入例
タイトル	タスク管理アプリ（自主制作）
担当範囲	設計・実装・公開まで一人で担当
使った技術	React、TypeScript、Firebase
動作環境	READMEに起動手順を記載し、デモURLとリポジトリを併記
狙い	登録なしで試せる導線にし、離脱を減らす
成果	自主制作のため利用数などの実数値はなし。実案件では担当した範囲と計測値を出典とともに書く

（想定読者・期間・字数などの具体値は、自主制作を想定した記入例です。実案件では掲載URLや実数値を出典とともに記載します）

動く成果物に、担当範囲と動作環境が加わると、発注者は再現性を確かめやすくなります。

マーケターの記入例で見る書き換え

マーケターは、施策の前後を数と出どころで見せると、再現性が伝わります。マーケターも同様です。素っ気ない例はこうなりがちです。

発注者が判断できる形に書き起こすと、こうなります。

項目	記入例
タイトル	架空カフェのSNS集客プラン（自主制作）
担当範囲	現状分析・改善案・投稿設計を担当
前提と根拠	想定は開業半年の個人店、公開されている一般的な傾向をもとに設定
施策	投稿する時間帯の見直しと、保存されやすい内容への変更
狙い	保存数と、再来店のきっかけを増やす
成果	自主制作のため実数値はなし。実案件では施策前後の数値を出典とともに書く

（想定読者・期間・字数などの具体値は、自主制作を想定した記入例です。実案件では掲載URLや実数値を出典とともに記載します）

施策だけでなく、前提と前後の変化を出どころ付きで見せると、判断の根拠が伝わります。

自分の職種に型を当てはめる手順

記入例のない職種も、次の手順に沿えば同じ型を当てはめられます。先ほどの11職種の表と、この並び順の型を組み合わせれば、どの職種でも書き始められます。

1. 11職種の表で、自分の職種の「発注者が最初に見る所」を1つ選ぶ
2. その所がいちばん伝わる代表作を1点決める
3. 「目を引く要素 → 目的と担当範囲 → 制作条件やツール」の順に並べる
4. 数値がまだなければ、狙いと、実案件で測る指標を書く

この手順なら、グラフィックやオンライン事務など記入例のない職種でも、同じ型で1ページを組み立てられます。

作品は何点そろえて、どこに置くか

作品は多いほどよいわけではなく、代表作を数点そろえ、置き場所を使い分けるのが実務的です。着手前につまずきやすい、何点載せるかと、どこに置くかを整理します。

まずは3〜5点そろえて、質を上げながら増やす

点数に決まりはありませんが、まずは3〜5点をそろえることから始めると、無理なく進みます。少なすぎると幅が伝わらず、多すぎると1点あたりの印象が薄まります。数より、応募したい案件に近い代表作が先頭にある状態を優先します（並び順は前述のとおりです）。

作品が増えたら、古いものや自信のないものを外し、常に見せたい順に保ちます。

プラットフォーム内と外部公開は役割で使い分ける

応募先のプラットフォーム内をまず埋め、余力で外部の公開サイトを1つ持つと、両方の利点を取れます。それぞれの役割は次のように分かれます。

置き場所	役割	向いている使い方
プラットフォーム内	提案時にその場で見てもらう	応募先での受注につなげる
外部の公開サイト	作り込んだ自分の資産にする	直営業やSNS、名刺代わりに使う

クラウドソーシングで応募するなら、まずはそのサービス内のポートフォリオを整えます。発注者が提案画面からその場で確認するためです。

直営業やSNSも使うなら、外部サイトを1つ用意すると、応募先の外でも実績を示せます。両方を無理にそろえる必要はなく、主戦場から埋めるのが近道です。

ポートフォリオ作成に使えるツールと公開サービスの選び方

ツールは、無料で始められるか、独自ドメインを使えるか、自分の職種に向くかの3点で選ぶと絞れます。デザイン系ならAdobe PortfolioやBehance、文章系ならNotionが代表的な選択肢です。

案件を取るなら、まずはWebで公開し、対面の打ち合わせがあるときだけ紙を用意すれば十分です。Webはリンク1本で共有でき、更新も早く、クラウドソーシングや直営業と相性が良いためです。

以下は各サービスの公式ページで公開されている情報を、2026年7月時点でまとめたものです。料金や仕様は変わるため、目安として見てください。

サービス	無料で始められるか	独自ドメイン	向きやすい職種
Adobe Portfolio	有料プラン契約者は追加費用なし	使える	Webデザイン、グラフィック、写真
Behance	無料で使える	プロフィールURLで公開	デザイン全般、イラスト、動画
Wix	無料プランあり（サブドメイン）	有料プランで使える	汎用サイト、非デザイン系も可
STUDIO	無料プランあり	有料プランで使える	Webデザイン、ノーコード制作
Notion	無料の個人プランあり	標準では非対応	ライター、事務、進行管理
Figma	無料のStarterプランあり	非対応（共有リンクが中心）	UI・UX、プロダクト設計

デザイン系で作品の見た目を重視するなら、Adobe PortfolioやBehanceが向きます。

Adobe Portfolioは、Creative Cloudの有料プラン契約者が追加費用なしで使え、独自ドメインも接続できます（アドビ公式）。

Behanceは無料で始められ、作品を公開しながら仕事の募集にも応募できます（アドビ Behance）。

Webサイトとして作り込むならSTUDIO、文章や資料が中心ならNotionが扱いやすいです。STUDIOは無料プランから始められ、独自ドメインは有料プランで使えます（STUDIO公式）。

Figmaは設計や共有に向く一方、公開用のホスティングではありません。UI・UXの設計過程を共有リンクで見せる用途に向きます（Figma公式）。独自ドメインで公開したい場合は、月に数百円程度からの有料プランがあるサービスを選びます。

作品がない未経験からポートフォリオを作る方法

作品がなくても、自主制作や仮想の課題を使えば、今日から実績づくりを始められます。職種ごとに、すぐ作れる題材と見せ方の例をまとめます。

職種の例	すぐ作れる題材	見せ方の工夫
Webデザイン	架空店舗のサイトを自主制作	想定した相手と目的を添える
ライティング	得意なテーマで記事を書く	構成と狙いも一緒に見せる
動画編集	フリー素材で短い作例を作る	冒頭に見せ場を置く
マーケター	身近な題材で改善案をまとめる	前提と根拠を明記する
エンジニア	小さな動くアプリを公開	使った技術と役割を書く

題材が決まったら、次の2つの見せ方を意識すると、実力が伝わりやすくなります。

自主制作と模写は「作れること」を示す使い方にする

自主制作は実力の証明になりますが、模写は学習用と明記し、他人の作品として扱います。自主制作は、自分でテーマを決めて作った作品です。案件がなくても、作れる範囲と品質を示せます。

模写や練習作は、参考にした元の作品を明記します。元の権利者を尊重し、模写を自分のオリジナルとして見せないようにします。

仮想案件と制作プロセスの公開で実務力を伝える

実在の依頼がなくても、仮想の課題を設定すれば、実務に近い進め方を見せられます。仮想案件は、自分で条件を決めた練習用の課題です。「架空の店舗から依頼された想定」などと明記すれば、実際の案件と誤解されません。

完成物だけでなく、考えた過程や試した案も見せると、判断のしかたが伝わります。この見せ方は、実績が少ない段階ほど役に立ちます。

著作権と守秘義務でやってはいけないことと安全な載せ方

公開してよいのは、著作権と守秘義務（NDA）をクリアした自分の作品だけです。

著作権は、作品を作った人に自動的に生まれる権利です。無断の転載は、この権利を侵害します（文化庁 著作権テキスト）。守秘義務は契約で定めた秘密を守る約束で、著作権とは別に注意が必要です。

ポートフォリオは、自分の実力を示す資料です。他人の作品を載せるのは原則として避け、自主制作に差し替えるのが第一の選択になります。

リデザインの前後比較など掲載する必然性がある場合に限り、主従関係・明瞭区別・出所明示に加えて、必然性と公正な慣行も満たすかを個別に確認します。

判断に迷う作品は、載せずに別の自主制作へ差し替えます。次の3つは避けます。

やってはいけないこと	回避策	代わりの見せ方
守秘案件をそのまま載せる	事前に公開の可否を確認する	一部を伏せる、ダミーに置き換える
他人の作品を無断で転載する	権利者に許諾を取る	自主制作に作り替えて見せる
顧客名や数値を無断で公開する	契約内容と相手に確認する	業種や規模だけを示す

公開する前に、権利と守秘の両面を確かめる習慣をつけておくと安心して進められます。

作ったポートフォリオを案件獲得につなげる使い方

ポートフォリオは作って終わりではなく、提案文とプロフィールに組み込んで初めて案件につながります。クラウドソーシングで提案するときは、次の順で書くと伝わります。

1. 相手の募集内容に触れ、読み込んでいると示す
2. 近い作品を、ポートフォリオから1〜2点だけ選んで見せる
3. 担当できる範囲と、進め方の見通しを短く書く
4. 連絡の取りやすさと、着手できる時期を添える

プロフィールは要約、ポートフォリオは詳細という役割分担にすると、発注者が読み進めやすくなります。冒頭に得意分野と実績を1〜2行でまとめ、気になった相手をポートフォリオへ案内します。

直営業やSNSでは、リンク1本で見てもらえるWebのポートフォリオが力を発揮します。ポートフォリオは一度で完成させず、案件ごとに実績を足して育てていきます。

まとめ

まずは自分の職種に合う題材で、作品を1つ自主制作することから始めましょう。次の順に進めると、迷わず案件応募まで届きます。

1. 職種に合う題材で、1作品を自主制作する
2. 無料で使えるサービスで、Webに公開する
3. 「クラウドソーシングサイトの比較」で応募先を選ぶ
4. 登録し、提案テンプレに沿って応募する

小さく作って公開し、案件ごとに更新すれば、実績は少しずつ積み上がります。

よくある質問

ポートフォリオと履歴書・職務経歴書は何が違うのですか？

履歴書や職務経歴書は経歴や人柄を伝える書類で、ポートフォリオは作品そのもので実力を示す資料です。案件獲得では作品で判断されるため、経歴書類とは別に用意すると伝わりやすくなります。

SNSはポートフォリオの代わりになりますか？

発見や集客には役立ちますが、投稿は時間とともに流れて探しにくくなります。作品をまとめる軸はポートフォリオに置き、SNSはそこへ案内する入口として併用すると効果的です。

ポートフォリオはどのくらいの頻度で更新すればよいですか？

案件が終わるたびに1点足すのが基本です。応募のたびに、その募集に近い作品が先頭へ来るよう並べ替えると、発注者に狙いが伝わりやすくなります。

未経験でも、いきなり有料のツールを契約する必要はありますか？

最初は無料で始められるサービスで十分です。独自ドメインで公開したい段階になってから、月数百円程度の有料プランを検討すれば、無理なく進められます。

副業でポートフォリオを公開するとき、本名を出す必要はありますか？

表示名やハンドルネームでの公開もできます。ただし発注者は依頼相手を見極めたいため、対応できる範囲や連絡の取りやすさを明記し、信頼が伝わる情報を添えると安心されます。

参考文献・出典

以下の出典は、法制度、各サービスの仕様、著作権の要件について確認したものです。作品の点数、字数、制作期間、想定読者の年代といった数値は、自主制作を想定した編集上の記入例であり、統計値ではありません。

• 公正取引委員会 フリーランス法特設サイト
• 文化庁 著作権テキスト（令和6年度版）
• ランサーズ ポートフォリオに何を登録すればいいですか
• クラウドワークス ワーカーのポートフォリオ・経歴が見やすくなりました
• STUDIO 料金プラン
• アドビ Adobe PortfolioのFAQ
• アドビ Behance 紹介ページ
• Wix ドメイン料金
• Notion 料金プラン
• Figma 料金プラン

最終更新: 2026-07-09／引用した制度・仕様・著作権の情報は、主に2024〜2026年時点のものです。

関連記事