LP制作の元データ受け渡しルール|PSD・Figmaの納品形式を先に決める 2026

中西 直美
中西 直美
LP制作の元データ受け渡しルール|PSD・Figmaの納品形式を先に決める 2026

この記事のポイント

  • LP制作を外注する際のデータ納品形式を解説
  • PSD・Figma・HTML/CSSそれぞれの特徴と選び方
  • 契約前に決めておくべきチェック項目を発注者目線でまとめます

「LP制作を外注したいけれど、納品してもらうデータの形式は何を指定すればいいのか分からない」。そんなご相談を、私はカウンセリングの現場でも、フリーランスの知人からも本当によく耳にします。LP(ランディングページ)は完成して終わりではなく、その後の修正や運用まで見据えて依頼する必要があります。この記事では、データ納品形式の種類と選び方、費用相場、契約前に決めておくべきポイントを、発注する側の視点で丁寧に整理します。

LP制作のデータ納品形式に関する現状

LP制作を外注する個人事業主や中小企業の担当者が増えている一方で、納品されるデータの形式について事前に取り決めをしないまま契約してしまうケースは少なくありません。結果として、あとから「修正したいのに元データがない」「別の制作会社に引き継げない」といったトラブルに発展することがあります。

中小企業庁の調査でも、外部委託を活用する事業者は年々増加傾向にあり、Web制作関連の業務委託は特に伸びが大きい分野とされています。

実際は本番環境でのバグやミスを防ぐために、本番環境に近い構成のテスト環境にデータ移行をして、問題がないか確認するとよいでしょう。 出典: lpdesign-thisis-me.com

この指摘は、納品前の確認プロセスがいかに重要かを表しています。データを受け取って終わりではなく、実際に動作するかどうかを検証する工程まで含めて「納品」だと考えるべきなのです。

LP制作の費用相場は、デザインのみで5万円から、コーディングまで含めると15万円から40万円程度が一般的な目安です。この価格帯の中に、データ納品の範囲がどこまで含まれるかは制作会社やフリーランスによって大きく異なります。見積もりの段階で「どのファイル形式で、どこまでのデータをもらえるのか」を明確にしておかないと、後になって追加費用が発生することもあります。

LP制作で扱われる主なデータ形式

LP制作の工程では、複数の異なるデータ形式が登場します。それぞれの特徴を理解しておくことで、依頼時にどの形式を指定すべきか判断しやすくなります。

デザインデータ(PSD・Figma・XD)

デザイン段階で作成されるファイルには、Adobe PhotoshopのPSD形式、Figmaのクラウド上のデザインファイル、Adobe XDのファイルなどがあります。

PSDはレイヤー構造を保持したまま編集できるため、細かい修正がしやすい反面、ファイルサイズが大きくなりがちで、専用ソフトがないと開けません。Figmaはブラウザ上で動作するため、専用ソフトの購入が不要で、複数人での同時編集や共有が容易という利点があります。近年はFigmaでのデザイン制作を標準とする制作会社が増えており、2026年時点では中小規模のLP制作案件の半数以上がFigmaベースで進行しているという声も現場から聞かれます。

XDはAdobe社のサービスとして提供されてきましたが、Figmaへの移行が業界全体で進んでおり、新規案件での指定は減少傾向にあります。依頼時にどの形式でデザインデータを作成してもらうかを最初に確認しておくと、後々の修正や引き継ぎがスムーズになります。

コーディングデータ(HTML・CSS・JavaScript)

デザインが完成した後は、実際にブラウザで表示できる形にコーディングする工程に入ります。ここで生成されるのがHTML・CSS・JavaScriptのファイル一式です。

LP制作者はzipファイルを送るだけなので簡単ですが、修正依頼がある場合は修正後に再度データを送り直す必要があります。 出典: lpdesign-thisis-me.com

この引用にあるように、コーディングデータの受け渡しはzip形式でのファイル一括送付が最もシンプルな方法です。ただし、この方法だと修正のたびにファイル全体を再送する必要があり、どこがどう変わったのか把握しづらいという課題があります。

近年ではGitHubなどのバージョン管理システムを使って納品するケースも増えています。変更履歴が残るため、修正内容を追いやすく、複数の制作会社や担当者が入れ替わる場合でも引き継ぎがしやすくなります。ただし、GitHubの操作にはある程度の技術知識が必要になるため、発注者側がバージョン管理の仕組みに詳しくない場合は、契約時にどのような形で共有してもらうか、事前にすり合わせておくことをおすすめします。

CMS・ノーコードツールのデータ

近年はWordPressやSTUDIO、ペライチといったノーコード・ローコードのツールでLPを構築するケースも増えています。この場合の「納品データ」は、従来のファイル一式とは性質が異なります。

WordPressであれば、テーマファイルやプラグインの設定情報に加えて、データベースのバックアップも納品対象に含める必要があります。STUDIOやペライチのようなクラウド型のノーコードツールの場合は、そもそもファイルという概念がなく、アカウントの権限移譲や管理画面へのアクセス権をどう引き継ぐかが論点になります。

契約前に「LPをどのプラットフォームで作るのか」を確認し、そのプラットフォームにおける「納品」が具体的に何を指すのかをすり合わせておくことが重要です。

LP制作を外注する際に決めておくべき7つのポイント

ここからは、実際に外注する際に契約前・制作開始前に決めておくべき項目を、具体的な手順として整理します。

ポイント1:納品ファイルの形式を明記する

見積もり依頼の段階で「デザインデータはFigma形式で、編集可能な状態で納品してほしい」というように、具体的な形式を明示しましょう。口頭やメールでの曖昧な確認だけでなく、契約書や発注書に明記しておくことで、後のトラブルを避けられます。

ポイント2:ソースコードの著作権・利用権の範囲を確認する

コーディングデータには著作権が発生します。納品後にそのデータをどこまで自由に改変・再利用できるのか、契約書に明記しておく必要があります。一般的には、制作費用を全額支払った時点で著作権(または利用権)が発注者に移転する契約が多いですが、フリーランスによっては「ポートフォリオとしての使用権は制作者に残す」といった条件を付けることもあります。

ポイント3:修正対応の範囲と回数を決めておく

LPは納品後も、A/Bテストの結果や季節要因によって修正が発生しやすいコンテンツです。初回契約に含まれる修正回数(例:2回まで無料)と、それを超えた場合の追加費用の単価を事前に確認しておきましょう。修正1回あたり5,000円から2万円程度が相場ですが、修正内容の大小によって変動します。

ポイント4:テスト環境での確認プロセスを組み込む

先の引用でも触れた通り、本番環境にいきなりデータを反映するのではなく、テスト環境で動作確認を行ってから公開する流れを契約時に組み込んでおくと安心です。特にフォームの送信機能や決済連携がある場合、テスト環境での確認は必須と考えてよいでしょう。

ポイント5:サーバー・ドメインの管理者権限を明確にする

LP制作を依頼する際、サーバーやドメインの契約を制作会社側に任せてしまうケースがあります。この場合、契約終了後にサーバーやドメインの管理権限が発注者に戻らず、事実上「人質」のような状態になってしまうリスクがあります。サーバー・ドメインは可能な限り発注者名義で契約し、制作者にはアクセス権のみを付与する形が望ましいです。

ポイント6:画像・動画素材の権利関係を確認する

LPに使用するストック画像や動画素材には、それぞれ利用ライセンスがあります。制作者が契約している素材サイトのライセンスによっては、発注者が別のサイトに転用したり、印刷物に使ったりすることが禁止されている場合があります。使用した素材の出典リストと、ライセンス条件を納品物に含めてもらうよう依頼しておきましょう。

ポイント7:引き継ぎ時のマニュアル・ドキュメントの有無

制作者が変わる可能性を見越して、CMSの管理画面の操作方法や、サーバーの設定内容をまとめたドキュメントを納品物に含めてもらうと、将来の引き継ぎが格段に楽になります。特にノーコードツールを使っている場合、操作に慣れていない発注者にとってこのドキュメントの有無は死活問題になり得ます。

納品前チェックリスト

制作会社やフリーランスから納品の連絡を受けたら、以下の項目を確認してから検収を完了させることをおすすめします。

・デザインデータ(PSD・Figma等)が編集可能な形式で含まれているか ・HTML・CSS・JavaScriptのソースコード一式が含まれているか ・使用した画像・フォント・アイコン素材のライセンス情報があるか ・レスポンシブ対応(スマートフォン・タブレット表示)が正しく機能しているか ・フォーム送信や外部連携機能がテスト環境で正常に動作するか ・サーバー・ドメインの管理者権限が発注者側にあるか、または移譲手続きが完了しているか ・修正依頼時の連絡方法と対応期間が契約書に明記されているか

これらを一つずつ確認せず検収を終えてしまうと、後になって「このファイルがない」「この機能が動かない」と気づいても、すでに支払いが完了しているため交渉が難しくなることがあります。

直接依頼と仲介経由のコスト差について

LP制作を外注する方法には、大きく分けて制作会社や代理店に依頼する方法と、フリーランスに直接依頼する方法があります。代理店を経由する場合、営業担当者やディレクターの人件費、会社としての管理コストが料金に上乗せされるため、同じ品質のLPでも費用が高くなる傾向があります。

一方、フリーランスに直接依頼する場合は、仲介マージンが発生しない分、同じ予算でより多くの工数を確保できたり、単価を抑えられたりするメリットがあります。ただし直接依頼の場合は、契約書の作成やデータ納品の取り決めを発注者側がしっかり主導する必要があります。代理店であれば標準化された契約フローが用意されていることが多いですが、フリーランスとの取引では、この記事で紹介したようなチェック項目を発注者自身が把握し、契約前にすり合わせておくことが特に重要になります。

独自データ考察:直接取引におけるデータ納品の実態

20年この市場を見てきた立場から言えば、LP制作の外注トラブルの多くは、実は技術的な問題ではなく「事前の取り決め不足」が原因になっています。データ形式そのものはFigmaでもPSDでも、どちらも標準的なツールであり大きな優劣はありません。むしろ問題は、納品範囲や修正回数、権利関係について「言った・言わない」の水掛け論になってしまうケースです。

運営者として見てきた限りでは、長く付き合いが続くフリーランスほど、契約前の段階で納品物の一覧をこちらから丁寧に提示してくる傾向があります。逆に、価格だけを強調して詳細を曖昧にしたまま契約を急がせようとする相手には注意が必要です。

額面だけを見て安さで選ぶと、後から「別料金です」「その形式では対応していません」といった追加請求に直面することがあります。中間マージンが乗らない直接取引は、同じ予算でも依頼者側がより手厚い仕様(細かい修正対応やドキュメント作成など)を依頼できる余地が生まれ、受け手側も手数料を差し引かれない分、手取りが厚くなります。手数料0%で直接つながる仕組みは、単に安いというだけでなく、双方が納品内容についてきちんと向き合う関係を築きやすいという側面があるのです。

LP制作のようなコーディングを伴う業務はLP制作・HTML/CSSコーディングのお仕事として、直接契約できるフリーランスと出会える求人サービスも増えています。またLP制作後のデータを別形式に変換したり、修正対応したりする作業はデザインデータ変換・修正のお仕事として、専門にサポートするフリーランスに依頼することも可能です。さらに、LP内のコンテンツにAIを活用したテキスト生成やチャットボットを組み込みたい場合は、AIアノテーション・教師データ作成のお仕事のような周辺分野の専門家に相談するという選択肢もあります。

私の体験から:見積もり比較で気づいたこと

私自身、フリーランスとして独立した際、自分のカウンセリングサービスを紹介するLPを外注したことがあります。最初は複数社から見積もりを取り、一番安い金額を提示してくれた業者に依頼を決めかけました。ですが契約書の内容を確認すると、デザインデータの納品は含まれておらず、コーディング後のHTML・CSSファイルのみという条件でした。

もし将来別の担当者に修正を頼みたくなった場合、元のデザインファイルがないと、ゼロから作り直すような手間がかかってしまいます。結局、その業者とは条件をすり合わせて、追加費用を払ってFigmaデータも含めてもらう形で契約し直しました。最初の見積もり比較の段階で、金額だけでなく「何が納品物として含まれるのか」まで細かく確認していれば、もっとスムーズに進められたはずだと今でも思います。

職種の選び方とスキル面の目安について

LP制作を外注する際、依頼先を探す一つの参考として、どのような技術背景を持つ人材が担当するのが適切かを知っておくと安心です。コーディングを主に担当するエンジニア職の年収・単価相場は、ソフトウェア作成者の年収・単価相場で公開されている統計データが参考になります。またLPのコピーライティングやコンテンツ部分を専門家に任せたい場合は、著述家,記者,編集者の年収・単価相場のデータを見ると、依頼する業務範囲に応じた適正な予算感がつかみやすくなります。

コーディングを担当する人材の技術力を見極める材料として、資格の有無を参考にする発注者もいます。例えばデータ活用の観点からLPの効果測定まで含めて依頼したい場合は統計検定 データサイエンス発展を取得している人材、社内ネットワークとの連携まで見据えたシステム構築が必要な場合はCCNA(シスコ技術者認定)を持つ人材が一つの目安になります。もちろん資格の有無だけで判断するのではなく、過去の制作実績やポートフォリオと合わせて総合的に見極めることが大切です。

まとめに代えて:契約前の一手間が後のトラブルを防ぐ

LP制作の外注は、依頼先を決めるまでの比較検討に時間をかける方が多い一方、納品データの形式についてはつい後回しにされがちです。ですが、この記事で紹介したように、デザインデータの形式・コーディングデータの管理方法・著作権の帰属・修正対応の範囲といった項目を契約前に確認しておくだけで、納品後のトラブルの多くは未然に防げます。

一つひとつの確認は手間に感じるかもしれませんが、それは「あなたの事業の顔となるLPを、長く安心して運用していくための準備」です。焦らず、丁寧に条件をすり合わせながら、信頼できるパートナーとLP制作を進めていってください。

よくある質問

Q. LP制作を外注する際、デザインデータの形式はPSDとFigmaのどちらを指定すべきですか?

現在はFigmaを標準とする制作者が増えており、ブラウザ上で共有・編集できる利便性から、特にこだわりがなければFigmaを指定するのが無難です。ただし過去の資産がPSD中心の場合は無理に統一する必要はありません。

Q. コーディングデータの納品はzip一括とGitHubのどちらが良いですか?

小規模でシンプルなLPであればzip一括送付で十分です。修正が頻繁に発生する見込みがある場合や、複数の担当者が関わる可能性がある場合は、変更履歴が残るGitHubでの管理を依頼すると後々の引き継ぎが楽になります。

Q. 納品されたデータの著作権は自動的に発注者のものになりますか?

自動的にはなりません。契約書に著作権や利用権の移転条件を明記していない場合、権利関係が曖昧なままトラブルになることがあります。契約前に必ず著作権の帰属について取り決めておきましょう。

Q. サーバーやドメインを制作会社に任せるのは危険ですか?

制作会社名義で契約されると、契約終了後に管理権限がスムーズに戻らないリスクがあります。可能な限りサーバー・ドメインは発注者名義で契約し、制作者にはアクセス権限のみを付与する形にすることをおすすめします。

無料で案件を掲載する

入力は3分ほど。掲載料も取引手数料も0円です。@SOHOに登録しているフリーランス・副業ワーカーから、早ければ当日中に最初の応募が届きます。

この記事について

@SOHO
編集部

監修:@SOHO編集部

2004年よりフリーランス・在宅ワーク向けサービスを20年運営。編集部が事実確認のうえ公開しています。

公開:2026年6月1日最終更新:2026年7月31日
中西 直美

この記事を書いた人

中西 直美@SOHO編集部

産業カウンセラー・キャリアコンサルタント

大手人材会社でキャリアカウンセラーとして15年間従事した後、フリーランスの産業カウンセラーとして独立。在宅ワーカーのメンタルヘルスケアを専門に活動しています。

@SOHOで仕事を探してみませんか?

手数料0%・登録無料のクラウドソーシング。フリーランスの方も企業の方も、今すぐ始められます。

関連記事

カテゴリから探す

クラウドソーシング入門

クラウドソーシング入門

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

職種別ガイド

職種別ガイド

職種・スキル別の案件獲得方法と単価相場

副業・在宅ワーク

副業・在宅ワーク

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

フリーランス

フリーランス

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

お金・税金

お金・税金

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

スキルアップ

スキルアップ

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

比較・ランキング

比較・ランキング

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

AI活用

AI活用

職種別にChatGPT・生成AIを活用して業務効率化・収益化するノウハウ

最新トレンド

最新トレンド

市場動向・法改正・AIなど最新情報

発注者向けガイド

発注者向けガイド

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

転職・キャリア

転職・キャリア

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

看護師

看護師

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

薬剤師

薬剤師

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

保険

保険

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

採用・求人

採用・求人

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

オフィス・ワークスペース

オフィス・ワークスペース

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

法律・士業

法律・士業

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

シニア・50代

シニア・50代

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

セキュリティ

セキュリティ

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

金融・フィンテック

金融・フィンテック

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

経営・ビジネス

経営・ビジネス

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

ガジェット・機材

ガジェット・機材

フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方

子育て×働き方

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

補助金・助成金

補助金・助成金

個人事業主・フリーランスが使える公的補助金・助成金・給付金の申請ガイド