LASSIC Media らしくメディア
スマホアプリ プロトタイプ開発の費用と外注先選定ガイド
LASSIC IT事業部｜元請（プライムベンダー）としてシステム保守・運用を受託
この記事のポイント
- プロトタイプには4つの種類があり、目的に応じて選ぶことで検証コストを抑えられます。
- 外注費用の考え方と、ノーコードツール活用で費用を変動させる要素を整理しています。
- 外注先の選定基準と、プロトタイプから本開発へ円滑に接続するための実務ポイントを解説します。
目次
プロトタイプ開発とは何か、MVP・本開発とどう違うのか
スマホアプリのプロトタイプ開発とは、本格的な実装に入る前に「アイデアや仕様が正しいかどうか」を低コストで検証するための試作物を作るプロセスです。ユーザーの操作感や機能の優先順位を早期に確認し、本開発での手戻りリスクを下げることを目的としています。
「プロトタイプ」「MVP（Minimum Viable Product・価値を届けられる最小限のプロダクト）」「本開発」は、しばしば混同されますが役割が異なります。プロトタイプは画面の操作感やユーザー体験の仮説を確認するためのものです。MVPは実際に動作するアプリとして限定リリースし、市場の反応を測ります。本開発はMVPで得た知見をもとにフルスペックで構築するフェーズです。
本記事で扱うのは「プロトタイプ」段階です。外注を検討している担当者が、どの種類のプロトタイプを選ぶべきか、費用はどのように考えるか、外注先をどう選ぶかを整理します。
ペーパー・モックアップ・クリッカブル・動作プロト — 4種類の特徴と使い分け
プロトタイプには「忠実度（フィデリティ）」の低いものから高いものまで、大きく4種類があります。目的や予算、確認したい仮説に応じて選択することが重要です。
| 種類 | 忠実度 | 主な手法・ツール | 向いている目的 |
|---|---|---|---|
| ペーパープロトタイプ | ローフィ | 紙・ホワイトボードによる手描きスケッチ | 初期アイデア整理・チーム内のイメージ共有・社内検討用 |
| モックアップ | ミドルフィ | Figma・Sketchなどによる静止画デザイン | UI・配色・レイアウトの確認。デザインレビュー・ステークホルダーへの説明 |
| クリッカブルプロトタイプ | ミドル〜ハイフィ | Figmaのプロトタイプ機能・Marvel・AdobeXDなど | ユーザーテスト・操作フロー検証・投資家/経営層への提案 |
| 動作プロトタイプ | ハイフィ | AdaloなどのノーコードツールまたはFlutter/React Nativeによる実装 | APIや外部サービスとの連携確認・技術的実現可能性の検証 |
ローフィとハイフィの使い分け
ローフィデリティ（低忠実度）のプロトタイプは、アイデア段階の仮説をすばやく可視化するのに向いています。費用と時間を最小化できるため、初期の方向性確認には有効です。
ハイフィデリティ（高忠実度）のプロトタイプは、ユーザーテストや投資家向け提案など、より精度の高い検証が必要な場合に使います。動作プロトタイプは実際のAPIや機能を一部組み込むため、技術的な課題を早期に発見できるメリットがあります。ただし費用と工期は上がります。
多くのプロジェクトでは「ペーパー or モックアップ → クリッカブルプロトタイプ」の2段階を経て本開発に進む流れが実務上よく見られます。最初から動作プロトタイプを求めると費用が膨らみやすいため、目的を明確にして種類を選ぶことが大切です。
外注費用を左右する5つの要素
プロトタイプ開発の外注費用は、プロジェクトの内容によって大きく変動します。「市場参考値であり一次資料ではない」ことを前提に、費用を左右する主な要素を整理します。
1. プロトタイプの種類（忠実度）
前述のとおり、ペーパーからモックアップ・クリッカブル・動作プロトタイプと忠実度が上がるほど工数が増えます。デザイナーやエンジニアの稼働時間が直接費用に反映されます。
2. 画面数・機能スコープ
クリッカブルプロトタイプでは画面数が費用の主な変数になります。画面数が5〜10程度の小規模検証と、30画面以上のフルアプリ相当の検証では、工数が数倍変わります。スコープを絞ることが費用管理の基本です。
3. 使用ツール・技術
Figmaなどのデザインツールのみで完結するクリッカブルプロトタイプと、実際にコードを書く動作プロトタイプでは、必要なスキルセットが異なります。コーディングが入る分だけエンジニア工数が加わり、費用は上がります。
4. アニメーション・インタラクションの複雑さ
スムーズなトランジションや細かいマイクロインタラクションを再現しようとすると、デザイン工数が増加します。検証に本当に必要なアニメーションかどうかを外注先と事前に確認することが重要です。
5. 外注先の種類（フリーランス／中小エージェンシー／大手開発会社）
外注先の規模によっても費用感は異なります。フリーランスデザイナーへの直接委託は比較的費用を抑えられる場合があります。一方、プロジェクト管理や仕様整理まで含めてエージェンシーに依頼すると費用は上がりますが、品質管理の体制が整っている分、手戻りリスクが下がります。
これらの要素が組み合わさるため、外注費用の目安はプロジェクト概要なしには提示が難しいものです。見積もりを依頼する際は、画面数・プロトタイプの種類・納期・使用ツールをあらかじめ整理してから相談することが、精度の高い見積もりを得るための実務的なポイントです。
ノーコード/ローコードツール活用で変わる費用のリアル
近年、ノーコード/ローコードツールの進化により、プロトタイプ開発の費用構造が変化しています。代表的なツールと特徴を確認します。
Figma：モックアップ〜クリッカブルプロトタイプに強み
FigmaはUIデザインとプロトタイプ機能を統合したツールです。無料のスタータープランから利用でき、本格的なチーム利用ではProfessionalプランが月額$16〜（フルシート、年額換算）で提供されています*1。クリッカブルプロトタイプの作成においては現在のデファクトスタンダードに近い位置づけです。
Adalo：ノーコードで動作プロトタイプを作る選択肢
AdaloはノーコードでiOS/Androidアプリを作れるプラットフォームです。無料プランから始められ、アプリを公開・外部共有するにはStarterプラン（月額$36〜、年額課金）が必要です*2。APIとの連携やデータベース接続も可能で、動作プロトタイプや簡易MVP相当のものを比較的短期間で作れます。
ノーコードツール活用の注意点
ノーコードツールを使っても、UIの設計力・ユーザーテストの設計・フィードバックの解釈といった「プロトタイプで何を検証するか」の思考力は別途必要です。ツール操作を外注先に任せつつ、検証設計は発注側が主体的に関与することが、プロトタイプの価値を高めます。
また、ノーコードで作った動作プロトタイプは、本開発時にそのまま流用できないことが多くあります。本開発は別途コードベースで構築することが前提となるため、プロトタイプで確認する仮説と本開発の仕様書を明確に分けて管理することが大切です。
仮説検証・社内承認・投資家向け — 目的別プロトタイプ戦略
プロトタイプを作る目的は大きく3つに分類できます。目的が違えば、適切なプロトタイプの種類も変わります。
目的①：ユーザーの仮説検証（UXリサーチ）
「このUIでユーザーは迷わず操作できるか」「このフローに離脱ポイントがないか」を確認するためのプロトタイプです。クリッカブルプロトタイプをユーザーに操作させ、行動を観察するユーザーテストが有効です。画面数は検証ポイントに絞り込むことで費用を抑えられます。
目的②：社内承認・ステークホルダー説明
経営層や他部門の承認を得るためのプロトタイプです。実際に動くように見える画面を見せることで、言葉や資料だけの説明よりも理解を得やすくなります。モックアップ〜クリッカブルプロトタイプで十分なことが多く、過度に動作プロトタイプにする必要はありません。
目的③：投資家・出資者への提案
スタートアップや新規事業での出資獲得を目的とする場合、UIのビジョンと価値提案を伝えることが重要です。高忠実度のクリッカブルプロトタイプやデモ動画が活用されます。投資家に伝えるべき仮説と、検証済みの事実を分けて説明できる状態にしておくことが求められます。
これら3つの目的は排他ではなく、1つのプロトタイプで複数の目的を兼ねることもあります。ただし目的が多岐にわたるほどスコープが広がり、費用と工期が膨らむ傾向があります。主目的を一つ定め、サブ目的は「副産物」と位置づけることが費用管理のコツです。
外注先の選定で見るべき3つのポイント
プロトタイプ開発の外注先を選ぶ際、価格だけで判断することはリスクにつながります。以下の3点を確認しておくことが大切です。
ポイント①：プロトタイプ専門の実績があるか
本開発の受託が中心の会社では、プロトタイプの忠実度調整や検証設計の経験が薄い場合があります。プロトタイプ段階でのアウトプット事例（デザインファイルやデモ映像）を提示できるかどうかを確認しましょう。
また、プロトタイプで確認できた仮説の内容や、その後の本開発にどう接続したかまで説明できるベンダーは、プロトタイプの意義を理解しています。単に「作った」だけでなく「何を確認し、何を変えたか」を語れるかどうかが判断材料になります。
ポイント②：検証設計の支援をしてくれるか
「どの仮説を検証するか」「どのユーザーに見せるか」「何をもって成功とするか」の設計は、プロトタイプの品質を左右します。発注側がすべて決めるのではなく、外注先が検証設計を一緒に考えてくれるかどうかは、プロトタイプの価値に直結します。
この支援ができない外注先に依頼すると、「プロトタイプは完成したが何もわからなかった」という事態になるリスクがあります。契約前に検証フェーズへの関与範囲を確認しておくことが大切です。
ポイント③：本開発へのシームレスな引き継ぎができるか
プロトタイプで完結させる場合と、同じベンダーが本開発まで担当する場合では、選定基準が変わります。本開発まで一貫して依頼する予定があるなら、プロトタイプ段階から本開発チームが関与することで、仕様の引き継ぎコストを下げられます。
プロトタイプのみを外部に委託して、本開発は内製またはSESで対応するケースでは、成果物（Figmaファイル・仕様書・検証サマリー）を別ベンダーや内製チームに引き継げる形式で納品してもらうことを契約時に明記する必要があります。
プロトタイプから本開発へのスムーズな接続
プロトタイプで得た知見を本開発に活かすためには、成果物の管理と意思決定の記録が重要です。
プロトタイプで確認すべき「決定事項」を整理する
プロトタイプが完了したタイミングで、以下を文書化しておくことが大切です。
- 検証した仮説と、その結果（肯定 / 否定 / 要追加検証）
- 採用が決まったUI・フローと、採用しなかった案の理由
- 本開発に持ち越す未決事項のリスト
- ユーザーテストで得られたフィードバックの要約
このドキュメントが「プロトタイプ → 本開発」の引き継ぎ書になります。記録がないと本開発フェーズで同じ議論が繰り返され、工数と費用の無駄につながります。
本開発仕様書への落とし込みタイミング
プロトタイプが完了したからといって、すぐに本開発の詳細仕様書を書き始めるのは早計です。プロトタイプの検証結果をふまえて「要件の優先順位」を再整理してから仕様書を作ることで、本開発の手戻りを減らせます。
特に、プロトタイプで「不要とわかった機能」を仕様書から外す作業は重要です。プロトタイプなしに本開発を始めた場合と比較して、仕様が絞り込まれた分だけ本開発の費用を抑えられる可能性があります。
外注先を本開発フェーズで変える場合のリスク
プロトタイプと本開発で異なるベンダーを使う場合、引き継ぎのコストが発生します。Figmaなどのデザインファイル・ユーザーテストのサマリー・検証報告書を構造的に整理して渡せる状態にしておくことが、スムーズな引き継ぎの条件となります。引き継ぎが不十分だと本開発側がゼロから仕様を再確認することになり、プロトタイプの効果が薄れます。
まとめ：プロトタイプ外注で押さえる3つの判断軸
本稿では、スマホアプリのプロトタイプ開発を外注する際の考え方を整理しました。要点を3つに集約します。
第一に、プロトタイプには4つの種類があり、目的に応じて使い分けることが費用対効果を高める基本です。社内承認にはクリッカブルプロトタイプで十分なことが多く、動作プロトタイプが必要なのは技術的な実現可能性確認や特定の統合テストが目的の場合に限られます。
第二に、外注費用は画面数・忠実度・使用ツール・外注先の規模によって変動します。ノーコードツール（FigmaやAdaloなど）の活用でデザイン工数を圧縮できる場合がありますが、検証設計の質は別問題です。費用だけを最小化すると、検証できた情報量が乏しくなるリスクがあります。
第三に、プロトタイプは「本開発への投資対効果を高めるツール」です。検証結果を文書化し、本開発の仕様書へ反映することで、プロトタイプにかけた費用を本開発の手戻り削減という形で回収できます。外注先を選ぶ際は、価格だけでなく「検証設計の支援力」と「本開発への引き継ぎ品質」を重視することが大切です。
よくある質問
プロトタイプ開発は本開発と別の会社に頼んでもよいですか？
別会社に依頼することは可能です。ただし、引き継ぎコストが発生します。プロトタイプの成果物（Figmaファイル・検証サマリー・仕様メモ）を本開発ベンダーに渡せる形式で納品してもらうよう、契約時に明記しておくことが重要です。同じベンダーに本開発まで依頼できる場合は、仕様の継続性が確保されるメリットがあります。
ノーコードツールで作ったプロトタイプは本開発にそのまま使えますか？
AdaloなどのノーコードツールはUIと基本的なデータ操作に強みがありますが、本開発（iOS/Androidネイティブ開発やFlutter/React Nativeによる実装）にそのままコードを流用することは通常できません。ノーコードのプロトタイプはあくまで「仮説検証・デモ用途」と位置づけ、本開発は別途コードベースで構築する前提で計画することが一般的です。
プロトタイプと本開発の費用はどちらが高くなりますか？
一般的に本開発のほうが費用は高くなります。プロトタイプは検証を目的とした試作物であり、実際の機能実装・品質保証・セキュリティ対策・ストア申請などが含まれません。本開発にはこれらすべての工程が含まれるため、プロトタイプの費用よりも大きくなります。プロトタイプへの投資は、本開発での手戻りを減らして全体費用を最適化するための費用と捉えることができます。
プロトタイプの外注で失敗しないために最初にやるべきことはなんですか？
「何を確認したいか（検証仮説）」を明文化してから外注先に相談することが重要です。「とりあえずプロトタイプを作って」という依頼では、外注先も何を優先すべきか判断できず、範囲が広がって費用が膨らみやすくなります。画面数・プロトタイプの種類（クリッカブルか動作か）・誰にどのように見せるか・何をもって完了とするか、の4点を事前に整理しておくと、見積もりの精度が上がります。
クリッカブルプロトタイプでユーザーテストを行うにはどうすればよいですか？
Figmaなどのツールで作成したクリッカブルプロトタイプは、共有リンクを発行してテスト参加者に操作させることができます。テスト参加者が操作する様子を画面録画で観察する方法や、対面でコメントを言いながら操作してもらう「発話プロトコル法」が実務でよく使われます。ユーザーテストの設計（タスクの設定・観察ポイントの定義）を外注先と一緒に組み立てることで、検証の精度が上がります。
著者：テレリモ総研編集部 鈴木 亮佑
ご不明な点はお問い合わせフォームからもご連絡いただけます。
- *1 出典：Figma, Inc.「Figma Pricing」（2024年）
- *2 出典：Adalo, Inc.「Adalo Pricing」（2024年）
