ウェブデザイン未経験者がゼロからウェブデザイナーになる5ステップはこちらをクリック

ココナラのポートフォリオの作り方|初心者向けに作品例・画像サイズを解説

当ページのリンクには広告が含まれています。
ココナラのポートフォリオの作り方を紹介するサムネイル

ココナラでWebデザインの案件に応募したいけど、ポートフォリオに何を載せればいいのか分からない…。

実績がまだ少ないと、「練習で作ったバナーを載せてもいいのかな?」「サンプル作品だけだと弱いかな?」と不安になりますよね。

結論からいうと、ココナラのポートフォリオには、実績だけでなく自主制作やサンプル作品を載せても大丈夫です。

ただし、画像を並べるだけだと「何ができる人なのか」が伝わりにくいです。初心者さんほど、作品ごとに「誰向けに、何を伝えるために、どこを工夫したか」まで添えると、提案文やプロフィールの説得力が変わります。

この記事では、ココナラでWebデザイン案件に応募したい初心者さん向けに、ポートフォリオに載せるもの、作品説明の書き方、画像サイズ、提案文での見せ方をまとめます。

もくじ

先に結論:ココナラのポートフォリオは「依頼前の安心材料」です

ココナラのポートフォリオは、ただ作品を置いておく場所ではありません。

依頼者さんに「この人なら、こんな雰囲気で作ってくれそう」「自分の依頼に近い作品がある」と感じてもらうための安心材料です。

  • どんなデザインが作れるのか
  • どんな雰囲気が得意なのか
  • 依頼内容に近い制作経験があるのか
  • 目的を考えて作れる人なのか
  • 納品前にどこまで任せられそうか

ここが伝わると、提案文に書いた言葉にも説得力が出ます。逆に、ポートフォリオが空っぽだったり、画像だけで説明がなかったりすると、せっかく提案文を書いても判断材料が少なくなってしまいます。

実際のココナラ画面でも、販売実績・評価・本人確認などの情報と一緒にポートフォリオが見られます。作品だけでなく、プロフィール全体の安心感も見られていると考えておくと整えやすいです。

ココナラ公開プロフィールに販売実績や評価などの信頼要素が表示されている
ココナラでは、販売実績・評価・本人確認などの情報と一緒にポートフォリオが見られます。出典:ココナラ「AIRI@Webデザイナーさんのポートフォリオ」より引用(2026年7月確認)
ココナラのポートフォリオ画面に作品が並んでいる例
ココナラのポートフォリオ画面では、作品画像が一覧で並びます。出典:ココナラ「AIRI@Webデザイナーさんのポートフォリオ」より引用(2026年7月確認)

ココナラのポートフォリオに載せるもの

Webデザイン初心者さんがココナラで案件を取りたい場合、最初は小さめの制作物から載せるのがおすすめです。

  • バナー
  • YouTubeサムネイル
  • ブログのアイキャッチ画像
  • Instagram投稿画像
  • LINEリッチメニュー
  • 商品画像
  • LPのファーストビュー
  • 架空サービスのWebデザイン
ココナラ公開ポートフォリオにホームページやバナーなどの作品例が並んでいる
ポートフォリオには、受けたい仕事に近い作品を並べると見てもらいやすくなります。出典:ココナラ「AIRI@Webデザイナーさんのポートフォリオ」より作品サムネイルを引用して作成(2026年7月確認)

最初から大きなWebサイト制作実績がなくても大丈夫です。

ココナラでは「ブログのサムネイルを作ってほしい」「バナーだけお願いしたい」「SNS画像を数枚作ってほしい」のような、小さめの依頼もあります。

そのため、初心者さんはまずバナー・サムネイル・SNS画像など、短時間で作れる作品を3〜5点そろえると提案しやすくなります。

バナー作品がまだない方は、まず練習用のお題でサンプルを作ってみるのもおすすめです。

実績なしでも自主制作を載せていい?

実績がない場合でも、自分で作ったサンプル作品や架空案件の作品を載せて大丈夫です。

ただし、ここは少し注意が必要です。

  • 架空作品は「架空案件」「自主制作」と分かるようにする
  • 模写・トレース作品を実績のように見せない
  • クライアント名や実案件のような表現を盛らない
  • 著作権・版権が関わる画像やキャラクターを勝手に使わない
  • 納品した作品を載せる時は、掲載許可を確認する

初心者の頃は「実績がないと何も載せられない」と思いがちですが、見られているのは実績の数だけではありません。

依頼者さんは、作品を見ながら「この人にお願いしたら、どんな雰囲気で作ってくれそうかな?」を判断しています。

だからこそ、実績がない時期は架空作品でも、目的・ターゲット・工夫した点まで書くことが大切です。

ポートフォリオ全体に何を載せるか迷っている方は、こちらの記事でも詳しくまとめています。

ココナラで見られやすいポートフォリオの作り方

ココナラのポートフォリオは、作品画像を載せるだけで終わらせないのがポイントです。

最低限、次の内容を一緒に書いておくと、依頼者さんが判断しやすくなります。

  • 何のデザインか
  • 誰に向けたデザインか
  • どんな目的で作ったか
  • 使用ツール
  • 制作時間
  • 工夫したところ
  • 対応できる範囲
避けたい書き方伝わりやすい書き方
バナーを作りました30代女性向けのオンライン講座バナーとして制作しました
かわいい雰囲気にしましたやわらかい印象になるように、ベージュ系の配色と余白を意識しました
Photoshopで作成使用ツールはPhotoshop、制作時間は約2時間です
作品画像だけでなく「誰向け・目的・工夫した点」まで添えると、依頼者さんが判断しやすくなります。

たとえば、ただ「バナーを作りました」と書くより、次のように書く方が伝わります。

30代女性向けのオンライン講座バナーとして制作しました。やわらかい印象になるようにベージュ系の配色を使い、スマホで見ても文字が読めるように余白と文字サイズを意識しています。使用ツールはPhotoshop、制作時間は約2時間です。

これだけでも、依頼者さんは「何を考えて作れる人なのか」をイメージしやすくなります。

最初は作品を3〜5点に絞る

ポートフォリオは、数が多ければ良いわけではありません。

最初は、得意にしたいジャンルや受けたい仕事に近い作品を3〜5点ほど載せればOKです。

  • 女性向けバナーを受けたいなら、女性向けバナーを中心に載せる
  • YouTubeサムネイルを受けたいなら、文字が読みやすいサムネイルを載せる
  • SNS画像を受けたいなら、投稿画像やリッチメニューを載せる

「何でもできます」と見せるより、最初はこのジャンルならお願いできそうと思ってもらう方が、依頼につながりやすいです。

ココナラのポートフォリオ画像サイズ

ココナラ公式ヘルプでは、ポートフォリオ画像はプレビュー画面で1200px × 1200px内で表示されると案内されています。

また、ファイル容量は4MBが表示の上限です。容量を超えると圧縮されるため、登録前に見え方を確認しておくと安心です。

  • 正方形なら 1200px × 1200px を目安にする
  • 横長バナーは、余白をつけて正方形内に収める
  • 文字は小さくしすぎない
  • スマホで見ても読めるか確認する
  • 容量は4MB以内におさえる
ココナラ公式ヘルプに掲載されているポートフォリオ画像サイズの説明
ポートフォリオ画像サイズは、公式ヘルプでも1200px × 1200px内表示・4MB上限と案内されています。出典:ココナラヘルプ「プロフィール・サービスページの画像がうまく表示されない」より引用(2026年7月確認)

バナーやサムネイルをそのまま載せると、一覧表示で文字が小さく見えたり、端が見切れたりすることがあります。

作品そのものに余白を少し足して、中央に見せたい部分がくるように整えると、ポートフォリオ上でも見やすくなります。

※画像仕様は変更される可能性があるため、登録前にココナラ公式ヘルプも確認してください。

サービス画像とポートフォリオの違い

ココナラでは、サービス画像とポートフォリオを混同しやすいです。

ざっくり分けると、役割は次のように違います。

  • サービス画像:何を販売しているサービスなのかを伝える画像
  • ポートフォリオ:実際にどんな作品を作れるのかを見せる場所
  • 提案時の添付・URL:その案件に近い作品をピンポイントで見せるもの

サービス画像は、お店でいう看板のようなものです。

一方でポートフォリオは、「この人に頼んだら、こんな仕上がりになりそう」と判断してもらうための作品集です。

どちらも大切ですが、役割が違うので、同じ画像をそのまま使い回すより、それぞれに合わせて整えるのがおすすめです。

提案文でポートフォリオをどう見せる?

公開依頼に提案する時は、ポートフォリオURLをただ貼るだけではもったいないです。

おすすめは、依頼内容に近い作品を選んで、ひと言添えること。

提案前に見ることポートフォリオの見せ方
依頼内容・希望テイスト近い雰囲気の作品を1〜2点選ぶ
依頼者さんの目的その作品で意識した目的・ターゲットを一言添える
不安になりそうな点対応範囲・修正対応・使用ツールも短く補足する
ポートフォリオURLを貼るだけでなく、依頼内容に近い作品を選んで一言添えると伝わりやすくなります。

今回のご依頼内容に近い作品として、女性向け講座バナーのサンプルをポートフォリオに掲載しています。やわらかい配色と、スマホでも読みやすい文字サイズを意識して制作しました。

このように書くと、「ちゃんと依頼文を読んでくれている」「近いテイストの作品を見せてくれている」と伝わりやすくなります。

提案文全体の書き方は、こちらの記事で詳しく解説しています。

ポートフォリオがない時は何から作る?

まだ載せる作品がない場合は、いきなり完璧なポートフォリオを作ろうとしなくて大丈夫です。

まずは、次の順番で作ってみてください。

  1. 受けたい仕事を1つ決める
  2. その仕事に近いサンプルを3点作る
  3. 作品ごとに目的・ターゲット・工夫した点を書く
  4. ココナラのポートフォリオに登録する
  5. 提案文で近い作品を案内する

たとえば、バナー制作を受けたいなら、まずはバナーを3点作ります。

  • オンライン講座バナー
  • キャンペーンバナー
  • ブログ用アイキャッチ

この3つだけでも、「こういうデザインが作れます」と見せられるようになります。

私も最初は、実績がないことがずっと不安でした。でも、何も見せるものがない状態だと、提案する自分も不安になるんですよね。

小さくても作品があると、「この雰囲気なら作れます」と伝えられるので、提案文も書きやすくなります。

PR デザイン〜案件獲得まで「ここで完結」

ココナラのポートフォリオで注意したいこと

ココナラのポートフォリオを作る時は、次の点に注意しましょう。

実案件は掲載許可を取る

納品した作品をポートフォリオに載せたい場合は、事前に掲載してよいか確認しておきましょう。

特に、個人情報・企業名・商品名・未公開サービスが含まれる場合は注意が必要です。

不安な場合は、提案時や見積もり時に「制作実績として掲載可能か」を確認しておくと安心です。

二次創作や版権作品は慎重に扱う

キャラクターや有名ブランドの素材を使った作品は、ポートフォリオに載せる前に権利面を確認しましょう。

練習で作ったものでも、実績のように見せると誤解につながることがあります。

できること以上に盛りすぎない

初心者の頃は、少しでもよく見せたくなりますよね。

でも、できること以上に見せすぎると、受注後に自分が苦しくなります。

背伸びしすぎず、今できることを具体的に見せる方が、結果的に信頼につながります。

よくある質問

ココナラのポートフォリオに実績なしの作品を載せてもいいですか?

載せても大丈夫です。ただし、自主制作や架空案件であることが分かるように書き、実案件のように見せないようにしましょう。

最初は何作品くらい載せればいいですか?

最初は3〜5点でも十分です。受けたい仕事に近い作品を選び、作品ごとに目的・ターゲット・工夫した点を書いておくと伝わりやすくなります。

バナー作品だけでもポートフォリオになりますか?

なります。ココナラではバナーやサムネイルなど小さめの依頼もあるため、バナー作品を複数載せて、どんな目的で作ったかを説明できると判断材料になります。

提案文にはポートフォリオURLを貼るだけでいいですか?

URLを貼るだけでなく、依頼内容に近い作品を選び「今回の内容に近い作品はこちらです」と一言添えるのがおすすめです。相手に見てほしい作品が伝わりやすくなります。

まとめ:ココナラのポートフォリオは、作品より「見せ方」で差が出ます

ココナラのポートフォリオは、ただ作品を並べる場所ではありません。

依頼者さんに「この人ならお願いできそう」と思ってもらうための、依頼前の安心材料です。

  • 実績がなくても、自主制作や架空作品を載せてOK
  • ただし、架空作品・模写・実案件の扱いには注意する
  • 画像だけでなく、目的・ターゲット・工夫した点を書く
  • ココナラでは、提案文とセットで見せると伝わりやすい
  • 最初は3〜5点からでも十分

完璧なポートフォリオを作ってから動くより、まずは小さく作品をそろえて、提案しながら少しずつ改善していく方が前に進みやすいです。

ココナラで案件を取りたい方は、ポートフォリオを整えたうえで、提案文やプロフィールも一緒に見直してみてくださいね。

もくじ