UIデザイン受託の見積もりは「画面数×単価」では足りない──状態の数・共通部品・実装への引き渡しまで工数で積み、使いやすさと実装の責任の線を引く型

この記事は、アプリや業務システムのUIデザインを受託するときの、見積もりと責任の線引きを扱います。

「20画面なので、1画面いくらで」と見積もっていないか

「管理画面のデザインをお願いしたい。画面は20くらいです」

Webサイトのデザインに慣れた制作会社ほど、UIデザインを画面数で見積もりがちです。
けれど、UIの1画面には、データがないとき、エラーのとき、読み込み中のときなど、いくつもの「状態」があります。

さらに、デザインを渡したあとに、開発チームからの質問が続きます。
画面数だけで見積もると、この見えない工数がすべて自社の持ち出しになります。

UIデザイン受託の見積もりとは、画面の数に状態の数を掛けた「描く枚数」に、共通部品・確認・実装への引き渡しの工数を足して積み上げることである

黒字化の外科医です。UIデザイン受託の見積もりと責任を解剖します。

画面数だけで見積もってはいけない理由は、三つあります。

第一に、描く枚数は、画面数の何倍にもなるから。
一覧画面でも、通常、データなし、検索結果なし、エラーと、状態ごとにデザインが必要です。スマートフォンとパソコンの両方なら、さらに増えます。

第二に、共通の部品を作る工数が、別にかかるから。
ボタン、入力欄、表、通知などの部品をそろえておかないと、画面が増えるたびに見た目がばらつき、修正が増えます。

第三に、デザインの責任と、実装の責任が混ざりやすいから。
「デザインどおりに動かない」「使いにくい」という声が出たとき、誰の責任かを決めていないと、デザインを受けた制作会社に修正が集まります。

今すぐ試せる：UIデザインの見積もりを積み上げるプロンプト

私はWeb制作会社の経営者です。次のUIデザイン受託の見積もりを、工数で積み上げてください。

【案件】
・対象：〔例：業務システムの管理画面〕
・画面数：〔　〕画面／対応する端末：〔パソコンのみ／スマートフォンも〕
・1画面あたりの平均の状態数：〔例：2.5〕
・実装の担当：〔お客様の開発チーム／別の会社／当社〕
・自社の時間単価：〔　〕円／目標の粗利率：〔　〕%

1. 「情報設計・共通部品・画面デザイン・確認と修正・実装への引き渡し・進行」に分けて時間を出す
2. 原価と、目標の粗利率で割り戻した売値を出す
3. 状態数や端末が増えた場合の差額を出す
4. デザインと実装の責任の線引きを、前提条件の文にする
計算の途中の数字をすべて示すこと。

UIデザイン見積もり工場：描く枚数から積む

計算式

描く枚数 ＝ 画面数 × 1画面あたりの状態数 × 端末の数
画面デザインの時間 ＝ 描く枚数 × 1枚あたりの時間
原価 ＝（情報設計＋共通部品＋画面デザイン＋確認と修正＋引き渡し＋進行）× 時間単価
売値 ＝ 原価 ÷（1 − 目標の粗利率）

例（数字はすべて例。時間単価7,000円、目標の粗利率30%で計算）

描く枚数：20画面 × 状態2.5 × 端末1 ＝ 50枚
画面デザイン：50枚 × 1.5h ＝ 75h
情報設計・ワイヤーフレーム：30h
共通部品（ボタン・入力欄・表など）：24h
確認と修正（2回まで）：10h × 2回 ＝ 20h
実装への引き渡し（仕様の注記・質問への回答）：16h
進行管理：15h
合計：180h

原価：180h × 7,000円 ＝ 1,260,000円
売値：1,260,000円 ÷ 0.7 ＝ 1,800,000円

端末が増えると、こう動く

スマートフォンも対応：描く枚数 50枚 → 100枚
画面デザイン：75h → 150h（＋75h）
原価の増加：75h × 7,000円 ＝ 525,000円
売値の増加：525,000円 ÷ 0.7 ＝ 750,000円

（共通部品や確認の時間も増えることが多いので、実際には自社の記録で調整してください。）

「1画面いくら」で出していたら、この75時間ぶんは見積もりのどこにも載りません。

責任の線引きの文例

・当社の業務は、画面のデザインと、実装に必要な仕様の注記の作成までとします。
・実装の品質（表示の再現、動作、速度）は、実装を担当する方の責任範囲とします。
・実装後のデザイン確認は〔1〕回までを含み、それ以降は別途お見積もりとします。
・使いやすさの検証（ユーザーテスト）は、本見積もりに含みません。
・デザインデータ（編集できる元のファイル）の引き渡しの有無と範囲は、契約で定めます。

画面の見た目が著作物として保護されるかどうかは、個別の判断になります。
だからこそ、成果物の権利を移すのか、どの範囲で使ってよいのか、元のデータを渡すのかを、契約に書いておくことが大切です。

なお私は弁護士ではありません。実務の指針として読み、個別の判断は専門家や公的な窓口に確認してください。

契約で決めておく項目の全体像は、こちらにあります。

▶ Web制作の契約書チェックリスト40項目と条項の文例──みなし検収、著作権譲渡と人格権の不行使、中途解約の精算、確認のプロンプト

構造的なリスク

逆説を指摘しておきます。

状態や端末まで丁寧に見積もるほど、金額は上がり、「開発会社のデザイナーなら安い」と比べられます。
UIデザインだけを切り出すと、制作会社は価格で比べられやすい立場に立ちます。

だから、UIデザインを単独で売るより、既存のWebサイトのお客様が業務システムや会員機能を作るときに、ブランドと見た目をそろえる役割として提案します。周辺制作として売るほうが、比べられにくくなります。

よくあるQ&A

Q. 状態数は、どうやって見積もるのか？

最初の打ち合わせで、代表的な画面3つについて「データがないとき」「エラーのとき」を一緒に洗い出します。その平均を、全体の状態数として使います。

Q. 開発の途中で画面が増えたら？

1枚あたりの時間と単価を前提条件に書いておけば、追加の見積もりをすぐに出せます。画面の追加は、仕様の変更として扱います。

Q. 「使いにくい」と言われたら、無償で直すべきか？

合意したデザインどおりに作られているなら、改善は新しい依頼です。使いやすさを事前に確かめたいなら、ユーザーテストを別メニューとして提案します。

最後に

UIデザインは、画面の数ではなく、描く枚数と引き渡しの工数で見積もるものです。

状態の数と実装の責任を先に線引きした会社だけが、UIデザインを赤字にせずに受けられるのです。

周辺サービスを、既存のお客様に売る順番は、こちらで整理しています。

▶ クロスセルの順番、制作会社は「売れそうなもの」から出すと失敗する──既存顧客に周辺サービスを足す順番を、近さ・責任・時間あたり粗利の3軸で決める型

これまでの記事は、メンバーシップ「黒字化オペ室」でまとめて読めます。月額1,980円、記事2本分の金額です。詳しくはプロフィールから。

#Web制作会社 #UIデザイン #見積もり #デザイン受託 #時間単価 #粗利 #契約 #制作会社経営 #中小企業 #周辺サービス