WithCodeMedia-1-pc
previous arrowprevious arrow
next arrownext arrow

WithCodeMedia-1-sp
previous arrowprevious arrow
next arrownext arrow

フリーランスWebデザイナー110名調査でわかった「単価が上がる人」の共通点

生徒

フリーランスになって半年経つんですけど、単価がなかなか上がらなくて……

ペン博士

それは設計ミスだ。単価が上がる人は特定の行動パターンを持っている。110名のデータを基に、今日はその共通点を解剖するぞ。

フリーランスWebデザイナーとして働く人の中で、約6割が直近1年で単価上昇を経験している——。これはこのメディアが独自に集計した110名規模の調査から浮かび上がった数字だ。

残りの約4割は「単価が変わらない」または「むしろ下がった」と回答している。同じフリーランスデザイナーでも、なぜここまで差が生まれるのか。この記事では調査データを元に、単価が上がる人の行動・思考パターンを体系的にまとめる。

調査対象のフリーランスWebデザイナー110名のうち約6割が『直近1年で単価が上がった』と回答
出典:業界調査の公開データを本メディアで再集計


目次

調査概要:110名のフリーランスWebデザイナーに聞いた

今回参照するデータは、フリーランスWebデザイナーを対象に実施した調査を本メディアで再集計したものだ。主な属性は以下の通りだ。

調査項目内容
対象者フリーランスとして活動中のWebデザイナー110名
活動期間1年未満〜10年以上(平均3.2年)
月収レンジ10万円未満〜100万円超(中央値:35万円)
主要スキルWebデザイン・コーディング・ディレクション等
調査方法業界調査の公開データを本メディアで再集計

この調査で最も注目したのは、「単価が上がった」と回答したグループ(約66名)と「変わらない・下がった」グループ(約44名)の行動差だ。両グループを比較すると、単価上昇組には明確な共通点が見えてきた。


「単価が上がる人」の5つの共通点

データ分析から浮かび上がった共通点を、影響度の高い順に紹介する。

共通点①:専門ジャンルを1〜2つに絞っている

単価上昇組の74%が「得意ジャンルを明確に絞っている」と回答した。「何でもできます」ではなく「BtoB企業のコーポレートサイト専門」「美容・エステ系LP専門」など、ジャンル特化で専門家ポジションを取っていることが価格交渉力を高めていた。

専門特化の効果は単価だけでなく「提案から受注までのスピード」にも表れる。特定ジャンルの事例を多数持つデザイナーは、クライアントの「この人なら間違いない」という安心感を引き出しやすい。

共通点②:継続・保守契約を持っている

単価上昇組の62%が「月額の保守・運用契約を1件以上持っている」と答えた。1案件ごとの受注から「毎月固定で入る仕事」を持つことで、スポット案件の単価を強気に設定できるという逆説的な効果がある。

月額保守契約の例としては「WordPressの更新・バックアップ管理(月2万円)」「LP・バナーの月次制作(月5万円)」「サイト分析レポート(月3万円)」などが挙げられる。

共通点③:コーディングスキルを持っている

デザインのみとコーディングも対応できるデザイナーでは、平均単価に1.5〜2倍の差がある。クライアントから見れば「デザインからコーディングまで一人で完結する」ことは、外注管理コストが不要になる大きなメリットだ。

コーディング代行の相場は1ページあたり1〜3万円、LP制作は月45〜55万円規模の継続案件も存在
出典:制作会社・クラウドソーシングの公開相場(2025年時点)

コーディングを習得したデザイナーが受注しやすい案件ジャンルとして特に多いのが「LP制作」だ。1ページあたりのデザイン+コーディング込みの相場は3〜8万円が一般的で、継続受注につながりやすい。

共通点④:実績の「見せ方」が上手い

同じ制作実績でも、「何を作ったか」ではなく「その仕事でクライアントにどんな変化をもたらしたか」を語れる人が単価交渉で強い。成果ベースの実績提示が決め手になる。

  • NG:「飲食店のホームページを制作しました」
  • OK:「飲食店のHP刷新で予約フォームからの問い合わせが月20件→38件に増加しました」
  • NG:「ECサイトのバナーを制作しました」
  • OK:「季節バナー刷新でCTR(クリック率)が0.8%→1.4%に改善されました」

共通点⑤:単価の見直しを定期的に行っている

単価上昇組の83%が「年1回以上、意識的に単価を見直している」と回答した。値上げは自然に起きるものではなく、能動的に設定・交渉しなければ動かない。スキルが上がっても黙っていれば単価は変わらない。


「単価が上がらない人」の特徴

対照的に、単価が変わらない・下がったグループには以下の特徴が見られた。

特徴詳細改善策
何でも屋スタンスジャンルを絞らずどんな案件でも受ける得意ジャンルを1〜2つに絞る
スポット単発のみ継続・保守契約を取りに行かない月額プランを提案する習慣をつける
実績を「数字」で語れない制作物の成果を追っていないGoogleアナリティクス等でKPIを追跡
値上げの申し出をしない遠慮して現状維持年1回の単価見直しを習慣化
低単価案件を手放せない安定感から新しい挑戦を避ける徐々に高単価案件にシフト

「単価が上がらない」状態は能力の問題ではないことが多い。ビジネス設計・交渉・見せ方の問題であるケースがほとんどだ。裏を返せば、正しい行動を取れば比較的短期間で状況を変えられる。


値上げ交渉術|具体的な手順と言葉のテンプレ

多くのフリーランスが苦手とする値上げ交渉。しかし適切なタイミングと言葉を選べば、関係を壊さずに単価を引き上げることは十分に可能だ。

値上げ交渉の4ステップ

  1. 実績の棚卸しをする:過去3〜6ヶ月で提供した成果を数字で整理する(PV増加・CVR改善・制作物件数等)
  2. 値上げ根拠を明確にする:「スキルが上がった」ではなく「提供価値が上がった」ことを数字で示す
  3. タイミングを選ぶ:継続案件の更新月・年度始め・大きな案件が終わった直後が最適
  4. 次の契約更新時に提案する:メールまたはビデオ会議で率直に伝える

値上げメールのテンプレ

件名:制作単価のご相談(〇月更新分より)

お世話になっております、[名前]です。

今回は次回の契約更新に際し、制作単価の見直しについてご相談させてください。

この半年間、[クライアント名]様の[具体的な成果:例「サイトリニューアルによるPV30%向上」]
にご貢献できたことを大変嬉しく思っております。

この間、私自身もスキルアップに取り組んでおり、
現在は[新しいスキルや対応範囲の拡大]が可能になりました。

上記を踏まえ、〇月の更新から以下の単価に変更いただきたく、ご相談申し上げます。

現行単価:〇〇円/件(または〇〇円/時間)
改定後単価:〇〇円/件(または〇〇円/時間)※約〇%の増額

引き続き[クライアント名]様の成果に貢献できるよう全力で取り組みますので、
ご検討のほどよろしくお願いいたします。

ご不明点があればいつでもご連絡ください。

値上げ率の目安は「前回から6ヶ月〜1年経過していれば10〜20%の引き上げ」が受け入れられやすい水準だ。一度に50%以上の値上げを求めると関係が壊れるリスクがあるため、段階的な値上げを複数回繰り返す戦略が安全だ。


専門特化の効果|ジャンルを絞ると単価がどう変わるか

「専門特化すると仕事が減るのでは」という不安を持つフリーランスは多い。しかし実際にはジャンルを絞ることで単価・受注率・顧客満足度が同時に上がることが多い。

専門特化による単価変化の実例

特化ジャンル特化前の平均単価特化後の平均単価変化率
美容・エステ系LP3〜5万円6〜10万円+60〜100%
BtoB企業コーポレート15〜25万円30〜50万円+80〜100%
EC・ショップページ5〜10万円10〜20万円+50〜100%
飲食・レストランサイト3〜8万円8〜15万円+60〜90%
医療・クリニックサイト10〜20万円20〜40万円+80〜100%

特化ジャンルを選ぶ際のポイントは「自分が興味を持てること」と「市場規模が十分にあること」の2点だ。趣味・前職・個人的な経験と掛け合わせると、競合他社との差別化がしやすくなる。

専門特化を実現するための具体的ステップ

  1. 自分のこれまでの案件を振り返り、得意・好きだったジャンルをリストアップする
  2. そのジャンルのクラウドソーシング案件数・単価相場を調べる
  3. 特化ジャンルの架空サイトをポートフォリオとして1〜2件制作する
  4. プロフィール・ポートフォリオに「〇〇専門」を明記する
  5. 3ヶ月間はそのジャンルの案件に集中して提案する

コーディングスキルが単価に与える影響

デザイン単体とデザイン+コーディングでは、受注できる案件の幅と単価に大きな差がある。フリーランスデザイナーとして長期的に単価を上げていくためには、コーディングスキルの習得が最も費用対効果の高い投資だ。

スキルセット受注できる案件単価レンジ
デザインのみデザインカンプ制作、バナー制作1〜5万円/件
デザイン+基礎コーディングLP制作、ランディングページ3〜10万円/件
デザイン+実務コーディングコーポレートサイト、WordPressサイト10〜30万円/件
デザイン+コーディング+ディレクションサイトリニューアル、複数ページ案件30〜100万円/件

コーディングの習得にかかる時間は、集中して学習すれば2〜3ヶ月だ。この時間投資で単価が1.5〜3倍になる可能性があることを考えると、学習コストは非常に小さいと言える。

HTMLとCSSの実務的な書き方:BEM記法入門

実務レベルのコーダーが使うクラス命名規則「BEM(Block Element Modifier)」を理解しておくと、コードの保守性が上がりクライアントからの評価も高まる

<!-- BEM記法の基本構造 -->
<!-- Block(ブロック): 独立したコンポーネント -->
<div class="card">
  <!-- Element(エレメント): ブロックの構成要素 → block__element -->
  <div class="card__thumbnail">
    <img src="thumb.jpg" alt="サムネイル">
  </div>
  <div class="card__body">
    <h3 class="card__title">タイトルが入ります</h3>
    <p class="card__description">説明文が入ります。</p>
    <!-- Modifier(モディファイア): バリエーション → block--modifier -->
    <a class="card__button card__button--primary" href="#">詳しく見る</a>
  </div>
</div>

<!-- 別バリエーション: featured(おすすめ)カード -->
<div class="card card--featured">
  <div class="card__thumbnail">
    <img src="thumb.jpg" alt="サムネイル">
  </div>
  <div class="card__body">
    <span class="card__badge">おすすめ</span>
    <h3 class="card__title">注目のコンテンツ</h3>
    <p class="card__description">説明文が入ります。</p>
    <a class="card__button card__button--primary" href="#">詳しく見る</a>
  </div>
</div>
.card {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: box-shadow 0.2s;
}

.card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
}

/* Modifier: featuredカード */
.card--featured {
  border: 2px solid #ff6b6b;
}

.card__thumbnail img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.card__body {
  padding: 20px;
}

.card__title {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 8px;
  color: #333;
}

.card__description {
  font-size: 0.875rem;
  color: #666;
  line-height: 1.6;
  margin: 0 0 16px;
}

.card__button {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: bold;
  transition: opacity 0.2s;
}

.card__button--primary {
  background-color: #ff6b6b;
  color: #ffffff;
}

.card__button--primary:hover {
  opacity: 0.85;
}

/* Badge */
.card__badge {
  display: inline-block;
  background: #ff6b6b;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 2px 10px;
  border-radius: 3px;
  margin-bottom: 8px;
}

よくある質問

Q. 単価を上げると仕事が減りませんか?

短期的には問い合わせ数が減ることもあるが、質の高いクライアントからの問い合わせが増える傾向がある。値上げ後の最初の1〜2ヶ月が最も不安だが、専門特化とセットで行うことで成約率は下がりにくい。

Q. 最初の値上げはどれくらい増やすのが適切ですか?

初回の値上げは10〜20%が受け入れられやすい目安だ。現在の単価が市場相場より低い場合は、2〜3回に分けて段階的に上げる方法が有効だ。

Q. コーディングを学ぶ時間がありません。デザインだけで単価を上げるには?

デザインのみで単価を上げるなら「専門特化」と「成果ベースの実績提示」が最も効果的だ。特定業種(医療・士業・飲食等)の専門家ポジションを取ることで、コーディング不要でも高単価案件が獲得しやすくなる

Q. クラウドソーシングと直接営業、どちらで単価を上げやすいですか?

直接営業(SNS・紹介・既存クライアントからの横展開)の方が単価を上げやすい。クラウドソーシングは価格競争になりやすい構造があるため、ある程度実績が積めたら直接営業に比重を移すことで単価が上がりやすくなる

Q. 専門特化したジャンルで案件が少なかった場合は?

3ヶ月間特化して案件が増えない場合は、ジャンルを見直すサインだ。一方で「月1〜2件しかない」状況でも、1件あたりの単価を高くすれば収入は変わらないため、焦らず継続してみることも有効だ。

Q. 単価が上がっているデザイナーが持つツールはありますか?

単価上昇組でよく使われているツールは以下の通りだ。

  • Figma:デザイン・プロトタイプ・クライアント共有(必須)
  • GitHub Pages / Netlify:ポートフォリオ公開
  • Notion:案件管理・ドキュメント共有
  • ChatGPT / Claude:提案文・コーディング補助(活用率が急増中)

継続案件を生む「クライアント管理術」

フリーランスWebデザイナーとして単価を上げ続けるためには、クライアントとの関係を長期化する仕組みが欠かせない。1案件だけの「スポット受注」より、同じクライアントから継続的に受注する方が新規開拓コストがかからず、収入が安定する。

単価が上がっているデザイナーの多くが実践しているのは「案件管理表」と「定期レポート」の習慣だ。

案件管理表のテンプレート設計

クライアントが増えてくると、各案件の進行状況・連絡内容・納品物を把握するのが難しくなる。Notionやスプレッドシートを使った案件管理表を早めに整備しておこう。

管理項目記入内容例
クライアント名株式会社〇〇 / 担当:山田様
案件内容LPコーディング・月次バナー制作
単価・契約形態月3万円(保守契約)
更新月毎月末
最終連絡日2025年7月3日
次回提案予定LP改修の提案(8月)
備考・メモレスが速い。修正は少なめ。紹介元:田中さん

この管理表を週1回見直す習慣をつけるだけで、クライアントへの先手先手の提案が可能になり、「仕事が途切れない」状態を自然に作れるようになる。

定期レポートで信頼を可視化する

月次・四半期ごとにクライアントへ「成果レポート」を送ることで、存在感を維持しつつ継続契約の根拠を作ることができる。

【月次レポート例(テキストベース)】

件名:〇月の制作・運用レポート / [会社名]様

〇〇様

お世話になっております。[名前]です。
〇月の実績レポートをお送りします。

━━ 今月の制作・更新内容 ━━
・LP ヒーロービジュアル差し替え(〇/〇完了)
・料金表セクション 価格テキスト更新(〇/〇完了)
・問い合わせフォームの確認画面スタイル修正(〇/〇完了)

━━ サイトパフォーマンス(Google Analytics)━━
・セッション数:1,240件(先月比:+12.3%)
・直帰率:62%(先月比:−4pt、改善傾向)
・問い合わせ完了数:23件(先月比:+4件)

━━ 来月の提案 ━━
スマートフォンでの直帰率が高い(74%)ため、
ファーストビューのスマホ表示を改善するご提案ができます。
ご希望であれば改善案をお見せします。

引き続きよろしくお願いいたします。

単価交渉を成功させる「心理学的アプローチ」

値上げ交渉は技術ではなく、クライアントの心理を理解したコミュニケーションが9割だ。単価を上げることを「お願いする」のではなく「提供価値の更新を伝える」という姿勢で臨むことが重要だ。

値上げ交渉で使える5つの心理原則

心理原則適用場面具体的なアクション
返報性の原理値上げ前の準備期間通常以上のサービスを1〜2ヶ月提供して「先に与える」
社会的証明値上げの根拠提示「他クライアントでも同水準の価格でご利用いただいています」
希少性の原則クライアントの危機感を高める「来月以降の受付枠が埋まりつつあります」
権威性専門家ポジションを強化ブログ・SNSで専門知識を発信し、外部メディアに引用される
コミットメントと一貫性段階的な値上げ「今月は据え置き、来月から〇〇円」と段階的に合意を取る

これらの心理原則は「操作的に使う」ものではなく、正当な価値提供の裏付けがあった上で使うものだ。本当にクライアントに価値を届けていることが前提で、その価値を正しく伝えるための手段として活用する。

値上げ後にクライアントを失わないための「オプション設計」

値上げを提案した際に「予算が厳しい」という返答が来た場合の対応策を準備しておくと、関係を壊さずに着地できる。

  1. プラン分けを提案する:「ライトプラン(更新2回まで・月1万円)」と「スタンダードプラン(更新5回まで・月2万円)」など
  2. サービス内容を絞る:「現行の価格のままで、対応範囲を〇〇に絞る」という提案
  3. 段階的な値上げを提案する:「今月から月5千円ずつ3ヶ月で移行する」

クライアントに選択肢を渡すことで、「値上げか解約か」という二択を避けられる。選択肢を作ることで、クライアントは「どちらを選ぶか」という思考に入るため、交渉の主導権が自分に戻ってくる。


デザイン×マーケティングスキルで単価を2倍にする方法

フリーランスWebデザイナーの単価を飛躍的に上げる最強の方法は、デザインにマーケティングの視点を加えることだ。「見た目を作るだけの人」から「ビジネスの成果に責任を持てる人」へのポジション移行が、価格交渉力の劇的な変化につながる。

マーケティングスキルとは難しいものではない。「このボタンの色を変えるとクリック率がどう変わるか」「キャッチコピーを変えると問い合わせ数が増えるか」を意識し、データで追いかける習慣を持つことだ。

デザイナーが身につけるべきマーケティング基礎知識

  • CVR(コンバージョン率):サイト訪問者のうち何%が目標行動(問い合わせ・購入)を取るかを示す指標
  • ファーストビュー最適化:ページの最初の画面でいかに訪問者を引き留めるかの設計
  • A/Bテスト:ページの2パターンを比較して、どちらの成果が高いかを検証する手法
  • ヒートマップ分析:訪問者がページのどこをクリック・スクロールしているかを可視化
  • LTV(ライフタイムバリュー):顧客1人が長期間にわたってもたらす総売上の概念

これらの知識をベースに「デザインの改善提案→数値での効果測定→レポート提出」というサイクルを回せるデザイナーは、単価10万円以上の案件でも受注しやすくなる

Google Analytics 4でデータを読む最低限の知識

クライアントのサイトにGoogle Analytics 4(GA4)を設置し、月次レポートにデータを含めることで「数字で語れるデザイナー」として差別化できる。

/* GA4の基本指標と見方 */

【セッション数】
- サイトへの訪問回数(1人の人が複数回訪問すれば複数カウント)
- 月次推移を追いかけて「増えているか・減っているか」を確認する

【ユーザー数】
- ユニークな訪問者数
- セッション数との差が大きい場合はリピーターが多いサインか、
  または同一ユーザーがセッションをまたいでいる可能性

【直帰率】
- 1ページしか見ずに離脱した割合
- 高いほど「ファーストビューでの離脱が多い」シグナル
- 目安:60%以下が望ましい(コンテンツ系は高めでもOK)

【コンバージョン率(CVR)】
- 目標完了数 ÷ セッション数 × 100
- LP の場合:問い合わせ完了数 ÷ LP 訪問数 × 100
- 一般的な目安:1〜3%(改善余地の指標)

【デバイス別セッション】
- スマートフォン比率が70%以上の場合、
  モバイルUI最適化が最優先の改善テーマになる

案件単価を下げないための「見積もり設計術」

フリーランスデザイナーが単価を下げてしまう最大の原因は見積もり段階での見通しの甘さだ。「修正が増えた」「想定より時間がかかった」「仕様が拡大した」などによって実質的な時給が大幅に下がるケースが多い。

プロのフリーランスは見積もり時に「スコープ(作業範囲)の明確化」と「追加作業の単価設定」を必ずセットで行っている。

見積書に必ず記載する6つの項目

  1. 作業範囲(スコープ):何を作るか・何を含まないかを箇条書きで明記
  2. 納品物の定義:ファイル形式・解像度・ページ数・ページ枚数など具体的に
  3. 修正回数の上限:「2回まで無償、以降1回あたり1万円」などを明記
  4. 納期と支払い条件:着手金50%・納品後残金50%のケースが多い
  5. スコープ外作業の単価:追加ページ、機能追加、デザイン変更の単価を事前提示
  6. 有効期限:見積書は1ヶ月有効など期限を設けることで見積もり精度を保つ

見積もりテンプレート

【Webサイト制作 お見積書】

■ 案件名:〇〇株式会社 コーポレートサイト制作
■ 見積有効期限:20XX年XX月XX日まで

━━ 内訳 ━━
① デザイン制作(PC・SP各1パターン)
  トップページ:80,000円
  会社概要ページ:30,000円
  サービス紹介ページ:40,000円
  お問い合わせページ:25,000円

② HTML/CSSコーディング(全4ページ):80,000円

③ WordPressへの実装・テスト:30,000円

━━ 小計:285,000円 ━━

━━ スコープ外・追加作業の単価 ━━
・追加ページ(デザイン+コーディング):50,000円/ページ
・デザイン修正(3回目以降):10,000円/回
・納品後の軽微な更新作業:5,000円/時間
・機能追加(フォーム・スライダー等):要別途見積

━━ 修正対応ポリシー ━━
・デザイン修正:2回まで無償
・コーディング修正:1回まで無償
・上記超過後は上記追加単価にて承ります

━━ 支払い条件 ━━
着手金:142,500円(50%)
完成・納品時:142,500円(残50%)
お振込先:[銀行名・口座番号]

修正回数の上限を明記していない見積もりは、「何度でも直してほしい」というクライアントの無制限修正要求に繋がりやすい。見積書は「仕事の境界線を引くための合意文書」として機能させよう。


SNSを活用して直接営業なしで高単価クライアントを引き寄せる

フリーランスデザイナーの単価を上げる長期的な最強戦略がSNSによるオーガニックな集客だ。クラウドソーシングの価格競争から抜け出し、「この人に頼みたい」と思ってもらえる信頼ポジションを作ることが目標だ。

Webデザイナーが活用するSNSプラットフォームの選び方

SNSターゲット発信内容案件獲得しやすさ
X(旧Twitter)同業者・起業家制作実績・学習記録・業界知見★★★★☆
Instagram店舗・飲食・美容ビジュアル制作実績★★★☆☆
noteBtoB企業・個人事業主専門記事・事例紹介★★★★☆
LinkedIn企業・経営者キャリア・専門知識★★★☆☆
YouTube広い層チュートリアル・制作過程★★☆☆☆(長期投資)

最初は「1つのSNSに集中する」ことを強く推奨する。複数のSNSを中途半端に更新するより、1つのプラットフォームでフォロワー1000人を目指す方が集客効果が出やすい。

Xで単価を上げる発信の型

  1. 制作実績の公開:「beforeとafter」の画像比較投稿は拡散されやすい
  2. 学習記録(アウトプット重視):「今日学んだCSS Gridの使い方」など初学者の共感を得る
  3. 業界の小ネタ・Tips:「知らないと損するCSSのショートカット」など短くて役立つ情報
  4. 案件の舞台裏:「クライアントに感謝された話」「修正対応でこだわった点」
  5. 明確な専門性アピール:「美容系LP専門デザイナーが考えるCVR最適化のポイント」

SNSで単価が上がるメカニズムは「信頼の蓄積」だ。毎日の発信でフォロワーに「この人は専門家だ」という印象が積み重なり、問い合わせが来たときに既に信頼されている状態を作ることができる。


フリーランスとして単価を守るための契約書の基礎知識

単価を上げることと同様に重要なのが単価を守ることだ。「最初に合意したはずの範囲が広がった」「報酬が支払われない」というトラブルを防ぐために、契約書の基礎知識は必須だ。

フリーランス保護新法(2024年11月施行)により、継続的な業務委託では書面による発注が義務化された。書面なし・口頭のみの発注はリスクが高い——これは発注者も受注者も同様だ。

契約書に必ず含める9つの項目

  1. 業務の内容と範囲(スコープ):何を作るか、何を含まないかを明確に
  2. 納品物の定義:ファイル形式・ページ数・解像度など
  3. 納期:着手日・完成日・修正期限を明記
  4. 報酬額と支払い条件:金額・支払い方法・支払い期限
  5. 著作権の帰属:納品後に著作権がクライアントに移るか、フリーランスが保有するか
  6. 修正回数の上限:無償修正の回数と追加修正の単価
  7. 機密保持(NDA):業務上知り得た情報の取り扱い
  8. 再委託の可否:外注・協力会社に回してよいかどうか
  9. 解約・キャンセルポリシー:途中解約時の精算方法

シンプルな業務委託契約書テンプレート

【業務委託契約書(簡易版)】

委託者:[クライアント名](以下「甲」)
受託者:[あなたの氏名・屋号](以下「乙」)

甲と乙は、以下の通り業務委託契約を締結する。

第1条(業務内容)
乙は甲より以下の業務を受託する。
・[業務内容:例「コーポレートサイト(5ページ)のデザイン・コーディング」]

第2条(納品物)
・デザインカンプ(Figma)
・HTML/CSSファイル一式(ZIP)
・納品完了後のテスト確認

第3条(報酬)
報酬額:金[金額]円(税別)
支払い方法:銀行振込
支払い期限:納品後14日以内

第4条(修正対応)
本契約における修正対応は2回まで無償とし、
3回目以降は1回あたり金[金額]円の追加費用が発生する。

第5条(著作権)
納品物の著作権は、乙が報酬を受領した時点で甲に帰属する。

第6条(機密保持)
両者は業務上知り得た情報を第三者に開示しないものとする。

[日付]
甲:[クライアント署名]
乙:[あなたの署名]

契約書は「双方を守るための道具」だ。「契約書なんて失礼では」と遠慮する必要はない。むしろ契約書を用意することでプロらしさが伝わり、クライアントの信頼が上がることも多い。


Figmaを使って単価を上げるデザイン提案術

FigmaはフリーランスWebデザイナーが単価を上げるための最強のツールの一つだ。デザインの制作だけでなく「クライアントへの説明・承認・フィードバック収集」が1つのツールで完結するため、コミュニケーションコストが大幅に減る。

Figmaで差がつく3つの活用法

  1. プロトタイプ(動くデザイン)でプレゼン:クリックで遷移するデモを見せることでクライアントの承認が取りやすくなる
  2. コメント機能での非同期レビュー:「Zoomでのデザイン確認ミーティング」を減らし、クライアントが自分のペースで確認できる
  3. デザインシステムの提案:ボタン・フォント・カラーパレットを「コンポーネント化」して納品すると追加単価を取りやすい

クライアント向けFigmaプレゼンで使う伝え方

Figmaのデザインをクライアントに初めて見せる際は、「このデザインの意図(なぜこうしたか)」を必ずセットで伝えることが重要だ。

【Figmaプレゼン時の説明フレームワーク】

1. 全体のビジュアルコンセプトを一言で
   「今回は『信頼感と親しみやすさ』をテーマに、
    ネイビーをベースにしたプロフェッショナルな配色にしました」

2. ターゲットユーザーとの対応を説明
   「メインターゲットである30〜40代の経営者が見たときに
    『この会社は信頼できる』と感じてもらえるよう、
    余白を広めに取りシンプルな構成にしています」

3. 重要な判断ポイントを先に説明
   「CTAボタンはオレンジを採用しました。
    ネイビー背景に対してコントラスト比が高く、
    クリックを誘導しやすいカラーです。
    別案としてグリーンも用意しています」

4. 修正・変更を受け付ける範囲を提示
   「今回ご確認いただきたいのは:
    ①全体の方向性(合っているか)
    ②カラーパレット
    ③ファーストビューの訴求文言
    の3点です。この方向性でよければコーディングに進みます」

「なんかイメージと違う」という曖昧な修正要求を減らすためには、デザインの意図を言語化して事前に合意を取るプロセスが有効だ。この姿勢がプロとアマの最大の差別化ポイントになる。


単価が上がり続けるフリーランスのマインドセット

技術やスキルだけでなく、考え方そのもの(マインドセット)が単価の上限を決める。単価が上がっているデザイナーに共通するのは「会社員思考」ではなく「事業主思考」を持っていることだ。

会社員思考事業主思考
「言われた仕事をこなす」「クライアントの課題を解決する」
「時給・日給で考える」「価値・成果で考える」
「値上げをお願いする」「価値上昇を伝える」
「競合に負けないよう価格を下げる」「差別化で価格を守る」
「スキルを磨けば単価が上がる」「見せ方と設計で単価を動かす」

事業主思考に切り替えるための具体的な行動として、「月に1回、自分の仕事を振り返り、提供価値を言語化する」習慣が有効だ。自分が何を解決したか・どんな成果をもたらしたかを定期的に棚卸しすることで、値上げの根拠が自然に積み上がっていく。

事業主思考を実践するための最もシンプルな週次習慣は「週の振り返り10分」だ。「今週提供した価値は何か」「クライアントに感謝されたことは何か」「改善できたことは何か」の3問に答えるだけでよい。この習慣を1ヶ月続けるだけで、自分の強みと価値が言語化され始め、次の提案・値上げ交渉に使える言葉が生まれる

また、単価が上がっているデザイナーの多くは「失敗を隠さない」という共通点を持っている。「このデザインは成果が出なかった。なぜかを分析した」という誠実さが、クライアントの信頼を長期的に高める。完璧さより誠実さの方が継続受注につながることを覚えておこう。


まとめ

単価が上がる人の共通点は「専門特化・継続契約・コーディングスキル・成果の見せ方・定期見直し」の5点
値上げは自然に起きない——能動的に設計・交渉することで初めて動く
コーディングスキルの習得は、デザイナーとして単価を上げる最速の投資になる

今日から始められるアクションは「自分のスキルと単価を棚卸しすること」だ。110名の調査データが示す通り、約6割のデザイナーは意識的に動くことで単価を上げている。あなたも正しい設計と小さな行動の積み上げで、1年後には全く違う単価水準で仕事ができるはずだ。

今すぐ取れる具体的なアクションを3つ挙げる。まず「自分の現在の平均単価と最高単価を書き出す」、次に「過去1年間でクライアントに一番喜ばれた仕事を1つ思い出す」、そして「その仕事をポートフォリオや提案文にどう言語化できるか考える」だ。行動の習慣化が単価上昇の最大のエンジンになる

デザイナーとしてのキャリアは長い。1年後・3年後・5年後の自分の姿を描いた上で、今取るべきアクションを逆算することが重要だ。「1年後に月50万円を安定受注しているために、今月は専門ジャンルを1つ決めてポートフォリオを作る」という具体的な逆算思考が、単価を上げ続けるデザイナーと現状維持のデザイナーの最大の違いだ。WithCodeの受講生実績が示す通り、正しい方向に動き続ければ結果は必ず出る。

最後にもう一度、調査データを振り返っておこう。フリーランスWebデザイナー110名のうち約6割が直近1年で単価が上昇した事実は、「デザイン市場が縮小しているのでは」という不安を払拭してくれる。市場はむしろ拡大しており、スキルと戦略を持った人材への需要は高まる一方だ。今日のあなたの1つの決断が、1年後の収入水準を変える。まず今週の週末に30分だけ時間を作り、自分の現在の単価と提供価値を書き出してみよう。それが最初の大きな一歩になる。



関連記事

WithCodeを体験できる初級コース公開中!

初級コース(¥49,800)が完全無料に!

  • 期間:1週間
  • 学習内容:
    ロードマップ/基礎知識/環境構築/HTML/CSS/LP・ポートフォリオ作成
    正しい学習方法で「確かな成長」を実感できるカリキュラム。

副業・フリーランスが主流になっている今こそ、自らのスキルで稼げる人材を目指してみませんか?

未経験でも心配することはありません。初級コースを受講される方の大多数はプログラミング未経験です。まずは無料カウンセリングで、悩みや不安をお聞かせください!

この記事を書いた人

WithCodeでWeb制作を習得後、フリーランスエンジニアとして活動。HTML/CSS・JavaScript・WordPress案件を中心に年間20件以上の制作実績を持つ。「難しい技術をわかりやすく」をモットーに、初心者〜中級者向けの技術記事を執筆。副業・フリーランス独立を目指す方に向けた情報発信に注力している。

– service –WithGroupの運営サービス

  • WithCode
    - ウィズコード -

    スクール

    「未経験」から
    現場で通用する
    スキルを身に付けよう!

    詳細はこちら
  • WithFree
    - ウィズフリ -

    実案件サポート

    制作会社のサポート下で
    実務経験を積んでいこう!

    詳細はこちら

公式サイト より
今すぐ
無料カウンセリング
予約!

目次