※この記事は広告を含みます
「Webデザイナーの副業を始めたいけど、ポートフォリオに載せる作品が一つもない」っていう状態、けっこう多いんじゃないかなと思っています。私もエンジニア寄りからデザイン領域に手を広げたとき、まさに同じ状態でした。何を、何点、どう見せれば「この人にお願いしたい」になるのか、まったく分からなかったんですよね。
で、いろんな現役Webデザイナーの方のポートフォリオを見たり、副業案件を出してくれたクライアントに「何を見て選んだのか」を聞いたりして分かったのが、未経験でも仕事につながるポートフォリオには共通して入っている要素が5つあるということでした。逆にいうと、これが入っていないと、どれだけセンスのある作品を載せても問い合わせが来ないんですよね。
この記事では、未経験から副業案件を取るためのWebデザイナー ポートフォリオの作り方を、5要素に分けて具体的に解説していきます。
この記事の結論【30秒で読める】
- 未経験のポートフォリオで重要なのは「作品の数」より「誰に何を作れる人かが一発で伝わるか」
- 必須5要素は ① コンセプト ② 掲載点数 ③ 案件想定 ④ 制作プロセス ⑤ プロフィール
- 掲載点数の目安は 6〜10点（少なすぎNG・多すぎても見られない）
- 未経験は「架空案件」で全然OK。コンペ参加や友人サービスの架空LPで作品を作る
- 独学で詰まったら Winスクールの個人レッスンでポートフォリオ作品を見てもらうのが最短ルート
未経験でもポートフォリオは作れる｜「作品ゼロ」から始める考え方
まず最初にハッキリさせておきたいのが、「Webデザイナー 副業のポートフォリオは、実案件で作ったものでなくていい」ということです。
未経験の方の多くが「実績がないからポートフォリオが作れない」「ポートフォリオがないから案件が取れない」という鶏卵問題で詰まっています。でもクライアント側は意外と、「実案件かどうか」ではなく「自分の課題を解決できそうか」を見ているんですよね。実際に副業案件を発注したことがある方に聞いても、「コンペ出品作・架空LP・模写でもまったく問題ない」という回答がほとんどです。
つまり、未経験でも今日からポートフォリオは作れます。あとはどう構成するか、ですね。
Webデザイナー副業のポートフォリオ5要素
未経験から副業案件を取るために必要な5要素はこれです。
- コンセプト（あなたは誰の何を解決するデザイナーか）
- 掲載点数（6〜10点を目安に絞る）
- 案件想定（架空でもいいから「誰のための作品か」を書く）
- 制作プロセスの可視化（ヒアリング→ワイヤー→ビジュアル→納品）
- プロフィール（強み・経歴・連絡先・人柄）
ここから1つずつ、何を書けばいいかを掘り下げていきます。
要素1: コンセプト｜「誰の何を解決するデザイナー」か1行で書く
ポートフォリオを開いた瞬間に、「あなたが何屋さんなのか」が1行で分かる必要があります。
たとえば「Webデザイナーです」だと弱いんですよね。クライアント側からすると「Webデザイナーは検索すると100人出てくるので、自分の案件に合うか分からない」ってなります。
具体的にはこんな書き方をします。
- 「個人サロン・整体院の集客LPに特化したWebデザイナー」
- 「中小企業の採用ページを作るWebデザイナー」
- 「ECサイトの商品ページ改修専門Webデザイナー」
「ターゲット（誰）」と「成果物（何）」を絞ると、急に「私の案件はこの人かも」と思ってもらえる確率が上がります。最初は迷うと思いますが、過去の自分の仕事（前職・本業）と近い業種から始めると違和感なく書けます。私自身、エンジニア出身なので最初は「エンジニア採用ページのデザイン」を切り口にしていました。
コンセプトは後から変えてOKです。まずは「現時点で一番話せそうな領域」で1行にしましょう。
要素2: 掲載点数｜6〜10点が黄金ゾーン
掲載点数は 6〜10点 が黄金ゾーンです。
少なすぎる（1〜3点）と「経験が浅すぎる」と思われてスルーされます。逆に多すぎる（15点以上）と、クライアントはぜんぶ見ないので「結局この人は何が得意なのか分からない」になります。
| 掲載点数 | クライアント側の印象 |
|---|---|
| 1〜3点 | 「経験不足・続けて学習する気あるか不安」 |
| 4〜5点 | 「ぎりぎり許容範囲」 |
| 6〜10点 | 「実績ありそう・依頼しやすい」（黄金ゾーン） |
| 11〜14点 | 「多いけど全部見るのは大変」 |
| 15点以上 | 「総花的でこの人の専門が分からない」 |
未経験で6点も作れないという方は、後述の「架空案件」で埋めていきます。コンペサイト（クラウドワークス・ランサーズ）の過去お題からひとつ選んで作る、友人がやっている飲食店の架空LPを作る、自分が好きなブランドのリニューアル提案を作る、みたいな感じで6点までは持っていけます。
要素3: 案件想定｜「架空でも誰のための作品か」を必ず書く
ここが未経験のポートフォリオで一番抜けがちなポイントです。
作品単体を「これ作りました」と置いただけでは、クライアントは見方が分かりません。1作品ごとに「誰の・何の課題を・どう解決した作品か」を必ず書きます。
テンプレはこんな感じで用意しておくと楽です。
- クライアント想定: 個人経営のヨガスタジオ（架空）
- 課題: 体験予約数を月10件から30件に増やしたい
- 提案したデザイン方針: ファーストビューに「初回500円」を強調・予約ボタンをスマホ画面下に固定
- 制作物: LP（スマホ・PC両対応）
- 制作期間: 2週間（架空）
架空案件であることを隠す必要はありません。むしろ「架空案件として制作」と明記しておくほうが、信頼を損なわずに済みます。逆に実案件と偽ると、後で発覚したときに信頼を一気に失います。
「課題」と「提案したデザイン方針」を書く習慣をつけると、それ自体が提案力のアピールになって、ただ作品を並べただけの未経験より一段抜けます。
独学でポートフォリオが詰まる人へ
「架空案件の作り方が分からない」「作っても良いのか自信がない」と止まる方が一番多い壁です。Winスクールは個人レッスン中心なので、現役プロに自分のポートフォリオ作品を見てもらいながら直せます。無料カウンセリングで、いま自分のポートフォリオに何が足りないかだけでも聞けます。
要素4: 制作プロセスの可視化｜「考え方」を見せる
ポートフォリオに完成形（ビジュアル）だけ置く方が多いんですが、副業案件を取りたい場合は「ここに至るまでの考え方」を見せたほうが圧倒的に強いです。
具体的には、1作品につき次の4段階を載せます。
- ヒアリングメモ: クライアント（架空可）が何を求めているか・予算・納期・参考にしたいサイト
- ワイヤーフレーム: 構成案（Figma で十分・手書きのスケッチでもOK）
- ビジュアルデザイン: 完成形（PC・スマホ両対応）
- 納品時の説明: 「なぜこの配色か」「なぜこの構成か」を100〜200字で添える
これをやるだけで「ただの絵」が「提案力のある成果物」に変わります。クライアントは完成形より、「自分の案件もこういう順番で進めてくれるんだな」という安心感のほうを見ているんですよね。
Figma があれば、ヒアリング→ワイヤー→ビジュアルを1つのファイルにまとめられるので便利です。Figma の基本操作からの学習ステップは Figma 副業の始め方 5ステップ｜未経験から月5万 到達ロードマップ にまとめています。
要素5: プロフィール｜強み・経歴・連絡先・人柄
最後がプロフィールです。意外と多いのが「プロフィールがほぼ空欄」というポートフォリオ。これだと「この人どんな人なんだろう」が分からず、依頼先候補から外れます。
最低限入れたいのはこの4つです。
- 強み・専門領域: 「個人サロン LP に特化」など。要素1のコンセプトと一致させる
- 経歴・学習歴: 前職・現職、学習に使ったスクール・期間（独学○年でもOK）
- 使えるツール: Figma、Photoshop、Illustrator、HTML/CSS、WordPress など
- 連絡先: 問い合わせフォームかメールアドレス。X（旧Twitter）DM可なら明記
人柄を伝える1〜2文（休日の過ごし方・好きなブランド・大切にしている価値観など）を最後に添えると、急に「依頼してみたいな」と思ってもらえる確率が上がります。クライアントは数十時間〜数百時間一緒に仕事をする相手を探しているので、スキルだけでなく「コミュニケーション取りやすそうか」も判断材料にしているんですよね。
ポートフォリオを公開する場所｜未経験はこれで十分
作ったポートフォリオはどこに置くか。未経験のうちは凝った自作サイトを作る必要はなく、無料サービスで十分です。
| サービス | 向いている人 | 料金（2026年5月時点） |
|---|---|---|
| ResumeWeb（旧Resume） | シンプルに作品を並べたい未経験 | 無料 |
| Foriio（フォリオ） | クリエイター向け・タグ管理しやすい | 無料（有料プランあり） |
| STUDIO | 自分でWebサイトのデザインも見せたい | 無料（独自ドメインは有料） |
| Notion | とりあえず1日で公開したい | 無料 |
| WordPress（自前） | SEO流入も狙いたい中級者以上 | サーバー代月千円〜 |
最初は STUDIO か Notion で十分です。「ポートフォリオサイトのデザインそのものをアピールしたい」という段階になったら、自前のWordPressで作るのが次のステップになります。WordPress を使う場合の副業案件の取り方は Webデザイナーの在宅副業 始め方5ステップと案件の取り方 も参考にしてみてください。
未経験のポートフォリオでやりがちな失敗3つ
最後に、未経験のポートフォリオで「これやると損するな」と感じる失敗を3つだけ。
失敗1: 模写ばかりで自分の提案が一つもない
勉強のための模写は大切なんですが、ポートフォリオに「模写しました」だけを並べると「自分で考えられない人」に見えます。模写は載せてもいいですが、最低でも2〜3点は「架空案件として自分で課題を設定して作った作品」を入れましょう。
失敗2: 作品ページに説明が一切ない
これはクライアント発注経験者から特によく聞く不満。「画像だけ並んでいて、誰のためのどんな作品か分からないと、見る気が失せる」と。要素3の案件想定テンプレを必ず添えるだけで防げます。
失敗3: 連絡先が分かりにくい
ポートフォリオを開いて気に入っても、「どこから問い合わせればいいの？」状態だと依頼につながりません。プロフィールページか、各ページのフッターに必ず連絡先を明示しましょう。詳しい失敗パターンは Webデザイナー副業の失敗例7つ｜未経験が陥る罠と回避法【2026年】 もあわせて読むと、案件獲得後の失敗まで含めて先回りできます。
Webデザイナー副業のポートフォリオに関するよくある質問
Q1. ポートフォリオは何点くらいから案件に応募していい？
最低 4〜5点 あれば応募は可能です。クラウドソーシング系（クラウドワークス・ランサーズ・ココナラ）は4〜5点でも実際に受注している方が多いです。ただし「黄金ゾーン」は 6〜10点 なので、応募と並行で作品を増やしていくのがおすすめです。
Q2. 架空案件のポートフォリオでも本当に仕事につながる？
つながります。クライアント側は「実案件かどうか」よりも「自分の課題を解決できそうか」「コミュニケーションが取りやすそうか」を見ています。架空であることは隠さず明記したほうが信頼されます。逆に実案件と偽るのは絶対NGです。
Q3. ポートフォリオサイトは自作と無料サービスどっちがいい？
未経験〜初心者のうちは STUDIO・Notion・Foriio などの無料サービスで十分です。「ポートフォリオサイトのデザインそのものを実績にしたい」「SEOで流入を取りたい」というフェーズになったら自前のWordPressに移行する、という二段構えがコスパよく進められます。
Q4. ポートフォリオに載せた作品の著作権はどう扱う？
架空案件で自分でゼロから作った作品は、原則として制作者である自分に著作権があります。ただし他社のロゴ・素材を使った場合（フリー素材含む）は、利用規約に従って必ずクレジットを入れましょう。模写の場合は「〇〇社のサイトを模写」と必ず明記し、商用利用は避けるのが安全です。
Q5. ポートフォリオを作るのに何ヶ月くらいかかる？
1作品あたり 5〜10時間（ワイヤー・ビジュアル・説明文込み）が目安。週末だけ作業するペースで、2〜3ヶ月で6点 揃えるイメージです。独学で詰まる場合は、Winスクールのような個人レッスン型のスクールで現役プロに作品を見てもらうと、修正の方向性が早く固まって時短になります。
まとめ：未経験でも「5要素」が揃えば仕事は取れる
Webデザイナー副業のポートフォリオで未経験から仕事につながる構成を、5要素にまとめました。
- コンセプト：誰の何を解決するデザイナーかを1行で書く
- 掲載点数：6〜10点が黄金ゾーン
- 案件想定：架空でも「クライアント・課題・提案」をテンプレで書く
- 制作プロセスの可視化：ヒアリング→ワイヤー→ビジュアル→納品の4段階
- プロフィール：強み・経歴・ツール・連絡先＋人柄1〜2文
大事なのは、最初から完璧を狙わないこと。とりあえず 1作品をこの5要素テンプレで作ってみる と、自分が何で詰まるかが分かります。詰まったところを順番に潰していけば、2〜3ヶ月で6点は揃います。
独学で詰まったとき、現役プロに作品を見てもらえる環境があると一気に進みます。Winスクールは個人レッスン中心なので、自分のポートフォリオ作品を見せながら「ここはどう直すべきか」を聞ける形で進められます。無料カウンセリングだけでも、いま自分に何が足りないかは判断できます。
ポートフォリオの相談先を作っておく
独学でポートフォリオを進める一番のリスクは「自分の作品が良いのか悪いのか分からないまま時間が過ぎる」こと。Winスクールの無料カウンセリングは、自分のポートフォリオの方向性を客観的にチェックしてもらえる機会として使えます（強引な勧誘もなし）。
関連記事
まずは気軽に、ご相談ください。