Webデザインの仕事をクラウドソーシングで受注する方法|案件の種類・単価・ポートフォリオの作り方


この記事のポイント
- ✓Webデザインの仕事をクラウドソーシングで受注する方法を解説
- ✓ポートフォリオの作り方
Webデザインの案件で求められているのは「きれいなデザイン」ではない。「成果が出るデザイン」だ。
僕はエンジニアが本業だが、フロントエンド開発でデザイナーと組む機会が多い。そこで見えてくるのは、クライアントに選ばれるデザイナーと選ばれないデザイナーの明確な違いだ。選ばれる人は、コンバージョン率やユーザー導線まで考えてデザインしている。
Webデザインはクラウドソーシングで最も需要の高い分野の1つ。スキル次第で月40〜80万円の収入は現実的な数字だ。
クラウドソーシングで受注できるWebデザイン案件の種類
案件の種類と単価相場
| 案件の種類 | 単価相場 | 難易度 | 制作期間の目安 |
|---|---|---|---|
| バナー広告 | 3,000〜20,000円/枚 | ★☆☆ | 数時間〜1日 |
| 名刺・チラシデザイン | 5,000〜30,000円 | ★☆☆ | 1〜3日 |
| ロゴデザイン | 10,000〜100,000円 | ★★☆ | 3〜7日 |
| LP(ランディングページ) | 50,000〜300,000円 | ★★☆ | 1〜3週間 |
| コーポレートサイト | 100,000〜500,000円 | ★★★ | 2〜8週間 |
| ECサイトデザイン | 200,000〜800,000円 | ★★★ | 4〜12週間 |
| UI/UXデザイン | 300,000〜1,000,000円 | ★★★ | 4〜16週間 |
LP制作やコーポレートサイトは1件で10万〜50万円。月に2〜3件こなせば、フリーランスとして十分に生計が立つ。
初心者が狙うべき案件
まず狙うのはこの3つ。
- バナー広告: 1枚3,000〜10,000円。数をこなして実績を積める
- 名刺・チラシ: シンプルなデザインが多く、挑戦しやすい
- 既存サイトの修正: ゼロからの制作ではなく、部分的な修正
5〜10件の実績を作ってから、LP制作やサイト制作の高単価案件に移行する。この順序を間違えると消耗する。
Webデザインに必要なスキルとツール
必須スキル
| スキル | 用途 | 学習方法 |
|---|---|---|
| Figma | UIデザイン・ワイヤーフレーム | 公式チュートリアル(無料) |
| HTML/CSS | デザインのコーディング | Progate、ドットインストール |
| レスポンシブデザイン | スマホ対応 | 実践で習得 |
| 色彩・タイポグラフィ | デザインの基礎 | 書籍・オンライン講座 |
あると単価が上がるスキル
| スキル | 単価への影響 | 用途 |
|---|---|---|
| JavaScript | +20〜50% | アニメーション・インタラクション |
| WordPress構築 | +30〜50% | CMS実装・テーマ開発 |
| SEO知識 | +10〜20% | SEOを考慮したサイト設計 |
| コピーライティング | +10〜20% | LP・広告の文章作成 |
| Adobe Photoshop/Illustrator | 案件の幅が広がる | 印刷物・画像加工 |
「デザイン + コーディング」ができるWebデザイナーは、デザインのみと比べて単価が1.5〜2倍になる。僕がフロントエンド開発で組んできたデザイナーの中でも、コーディングまでできる人は引く手あまただ。
おすすめのデザインツール
| ツール | 月額 | 用途 |
|---|---|---|
| Figma | 無料〜 | UIデザイン(業界標準) |
| Adobe XD | Adobe CC内(3,280円〜) | UIデザイン |
| Photoshop | Adobe CC内 | 画像加工・バナー |
| Illustrator | Adobe CC内 | ロゴ・イラスト |
| Canva | 無料〜1,500円 | 簡易デザイン・SNS画像 |
Figmaは無料プランで十分使える。まずはFigma一択でいい。
ポートフォリオの作り方
Webデザイン案件の受注において、ポートフォリオは最大の武器だ。クライアントは提案文より先にポートフォリオを見る。
ポートフォリオに載せるべきもの
- 実案件の成果物
- 実際に制作したWebサイトのスクリーンショット
- 制作したバナーやLP
- クライアントの許可を得たもの限定
- 自主制作のサンプル(実案件が少ない場合)
- 架空の企業のWebサイトデザイン
- 既存サイトのリデザイン
- 架空のLPデザイン
僕の知り合いのデザイナーは、実案件ゼロの状態で架空のカフェのWebサイトを3つ作ってポートフォリオにした。それだけで初案件を獲得した。自主制作でも質が高ければ十分に武器になる。
- 各作品に添えるべき情報
- 制作の目的(何のために作ったか)
- 自分の担当範囲(デザインのみ / コーディング込み)
- 制作期間
- 使用ツール
- 工夫したポイント
ポートフォリオの公開方法
| 方法 | メリット | デメリット |
|---|---|---|
| @SOHOのポートフォリオ機能 | 案件応募時にすぐ見せられる・無料 | @SOHO内でのみ閲覧 |
| 自分のWebサイト | 自由にカスタマイズ可能 | 制作・維持にコストがかかる |
| Behance | デザイナーコミュニティ | 海外向け |
| Dribbble | ハイクオリティな作品が集まる | 招待制 |
@SOHOのポートフォリオ機能に登録しつつ、自分のWebサイトも用意するのがベスト。両方のリンクをプロフィールに記載すれば説得力が最大化する。
SNSでの声
Webデザイン×クラウドソーシングについて、X(旧Twitter)でもリアルな声が上がっている。
まず、クラウドソーシングでのWebデザイン案件の競争状況について。
[クラウドワークス](https://crowdworks.jp/)でWebデザインの仕事をログインせずに見てみた。結果の一部は画像参照。
— Bit32_Int64@ITエンジニア (@Bit32_Int64) 2026年2月19日
以前より1案件あたりの応募数が増加している気がした。1-2年前も応募数2桁の案件が常態化していたが、今日ほほどは応募数30-40は見なかった。
クラウドソーシングでの案件獲得は厳しくなっていると予想。 pic.twitter.com/IvxtikOAaw
1案件あたり30〜40人の応募。つまり、ただ応募するだけでは埋もれる。ポートフォリオの質と提案文の差別化が以前にも増して重要になっている。
次に、提案文でよくある失敗パターンについて。
クラウドソーシングで提案文を送っても全く採用されない人は、アピールの方向性がズレています。
— 高橋 聡(たかはし そう) (@Takahashi_So_PV) 2026年3月4日
「初心者ですが一生懸命頑張ります」「納期は絶対に守ります」
このような言葉は、クライアントにとって「私を教育してください」というリスクにしか聞こえません。…
これは完全に同意する。クライアントが知りたいのは「あなたが何をしてくれるか」であって「どれだけやる気があるか」ではない。具体的な制作実績やスキルセットを示すほうが、100倍効果がある。
案件獲得のための提案文の書き方
Webデザイン案件の提案文テンプレート
はじめまして。Webデザイナーの○○と申します。
○○業界のWebサイト制作を3年間手がけており、これまでにコーポレートサイト○件、LP○件の制作実績があります。
ご依頼のLP制作について、以下のご提案をさせていただきます。
【制作の進め方】
- ヒアリング(ターゲット・目的・ご要望の確認)
- ワイヤーフレーム作成・ご確認
- デザインカンプ作成・ご確認
- コーディング(レスポンシブ対応)
- 納品・修正対応(2回まで)
【納期】 ○週間 【対応範囲】 デザイン + コーディング(WordPress実装も可能)
過去の制作実績はこちらです:(ポートフォリオURL)
ご不明点があればお気軽にご質問ください。
提案で差がつくポイント
- 具体的な制作フローを示す: 進め方が見えるとクライアントは安心する
- 修正回数を明記する: 際限のない修正を防げる
- 対応範囲を明確にする: デザインのみか、コーディング込みか
- ポートフォリオのリンクを必ず添付: これがないとまず選ばれない
Web制作フリーランスとして活動しているしょーごさんのブログでも、初案件獲得のリアルな道筋が語られている。
営業についてですが、最初はクラウドソーシングで実績を作り、その後は直営業やエージェント経由に移行していくのが王道パターンです。
— 出典: web制作フリーランスとして初案件を受注するまでにやったこと(しょーごログ)
クラウドソーシングはあくまで「最初の実績づくり」。ここで3〜5件の実績を積んだら、@SOHOのような手数料0%のプラットフォームや直接取引に移行するのが収入を最大化するルートだ。
単価を上げる5つの戦略
戦略1: デザイン+コーディングのセット提案
デザインだけでなくコーディングもセットで請け負うことで、単価が1.5〜2倍に上がる。
| 提供内容 | LP制作の単価相場 |
|---|---|
| デザインのみ | 30,000〜80,000円 |
| デザイン + コーディング | 80,000〜200,000円 |
| デザイン + コーディング + WordPress | 150,000〜300,000円 |
戦略2: 特定の業界に特化する
「なんでもデザインします」より「飲食業界のWebサイト専門」のほうが選ばれる。理由は3つ。
- その業界のクライアントから指名で依頼が来る
- 業界の知識が蓄積され、提案の質が上がる
- 実績が同じ業界で揃い、説得力が増す
戦略3: リピーターを獲得する
1回の制作で終わりではなく、保守・運用・更新の継続案件に発展させる。
- サイト公開後の修正・更新対応(月額固定)
- バナーの定期制作(月○枚)
- 新規ページの追加制作
@SOHOなら直接取引OKなので、リピーターとの継続取引でも手数料ゼロだ。
戦略4: 成果につながるデザインを提案する
見た目だけでなく、ビジネスの成果につながるデザインを提案できるデザイナーは重宝される。
- LP → コンバージョン率(CVR)を意識した構成
- ECサイト → 購買率を上げるUI設計
- コーポレートサイト → 問い合わせ増加を意識した導線
戦略5: 手数料で損しないプラットフォームを選ぶ
Webデザイン案件は単価が高い分、手数料の影響も大きい。@SOHOは取引手数料が完全無料。30万円のサイト制作案件で他社なら4〜6.6万円引かれるが、@SOHOなら30万円がそのまま手元に残る。
Webデザイナーの月収ロードマップ
| 期間 | 目標月収 | やるべきこと |
|---|---|---|
| 1〜3ヶ月目 | 3〜10万円 | バナー・名刺などの小案件で実績を作る |
| 4〜6ヶ月目 | 10〜20万円 | LP制作に挑戦。ポートフォリオを充実させる |
| 7〜12ヶ月目 | 20〜40万円 | コーポレートサイト制作。リピーターを増やす |
| 1年目以降 | 40〜80万円 | 高単価案件 + 継続契約で安定収入 |
よくある質問
独学でもWebデザインの仕事は受注できますか?
できる。Figmaの使い方、HTML/CSSの基礎、レスポンシブデザインを学び、ポートフォリオを3〜5点作れば、バナーやLP制作の案件に応募可能だ。
コーディングができなくてもWebデザインの仕事はありますか?
ある。「デザインカンプ(Figmaデータ)のみ納品」という案件も多い。ただし、コーディングもできたほうが案件の幅と単価が広がるのは事実だ。
初心者はどのくらいの単価から始めるべきですか?
バナー制作なら1枚3,000〜5,000円、LP制作なら5〜8万円。実績が5〜10件貯まったら相場通りの単価に引き上げる。
コンペ案件は参加すべきですか?
実績作りには有効だが、採用されなければ報酬ゼロ。初心者のうちは勉強として参加しつつ、メインは提案型の案件で確実に受注を狙うのが合理的だ。
@SOHOでWebデザインの仕事を始めよう
Webデザイン案件を探すなら、取引手数料が完全無料の@SOHOが最適解だ。高単価案件ほど、手数料0%のメリットが効いてくる。

この記事を書いた人
榊原 隼人
フルスタックエンジニア・テックライター
SIerで8年間システム開発に携わった後、フリーランスエンジニアに転身。React/Next.js/Pythonを中心に開発案件をこなしながら、技術系の記事を執筆しています。
関連記事
カテゴリから探す

クラウドソーシング入門
クラウドソーシングの基礎知識・始め方・サイト比較

副業・在宅ワーク
副業・在宅ワークの始め方と対象者別ガイド

フリーランス
フリーランスの独立・営業・実務ノウハウ

お金・税金
確定申告・節税・経費・ローンなどお金の知識

スキルアップ
プロフィール・提案文・単価交渉などのテクニック

比較・ランキング
サービス比較・おすすめランキング

最新トレンド
市場動向・法改正・AIなど最新情報

発注者向けガイド
クラウドソーシングで外注・人材探しをする企業・個人向け

転職・キャリア
転職エージェント・転職サイト比較・キャリアチェンジ

看護師
看護師の転職・副業・フリーランス・キャリアガイド

薬剤師
薬剤師の転職・副業・キャリアパスガイド

保険
生命保険・医療保険・フリーランスの保険設計

採用・求人
無料求人掲載・採用コスト削減・人材募集の方法

オフィス・ワークスペース
バーチャルオフィス・コワーキング・レンタルオフィス

法律・士業
契約トラブル・士業独立開業・フリーランス新法

シニア・50代
シニア世代のキャリアチェンジ・副業・年金

セキュリティ
サイバーセキュリティ・脆弱性対策・情報保護

金融・フィンテック
暗号資産・決済・ブロックチェーン・金融テクノロジー

経営・ビジネス
経営戦略・ガバナンス・事業承継・知財

ガジェット・機材
フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方
子育てと在宅ワークの両立・保育園・時間管理







