PRICE

html/cssコーディング代行の費用一覧

コーディング代行をご依頼いただいた際の費用についてご紹介します。
ご不明な点やその他のご希望がございましたらお問い合わせフォームよりお気軽にご連絡ください。

1ページのみのコーディング

コンバージョン獲得のために欠かせないLP。コーディングアーミーでの代行実績数が最多のサービスとなっており、常に忠実にデザインを再現し、高品質なデータをご提供しています。

LP

LP(ランディングページ)コーディング費用相場

Web広告やキャンペーン用のLP(ランディングページ)などの1ページだけのコーディングを行います。

料金目安

¥40,000~ / PAGE

  • ※ソリッドレスポンシブ
  • ※天地8,000pxを想定した目安金額です。
  • ※想定の長さを超える場合は、別途お見積りとなります。詳細はお問い合わせください。
  • ※デザインや仕様内容により金額は変動いたします

複数ページのコーディング

企業のコーポレートサイト・サービスサイト・製品サイト・学校サイト・採用サイトなど、下層に複数のページを持つ規模の大きいホームページのコーディング代行も独自の管理体制で均質なコーディングデータを作成します。

トップページ

トップページのコーディング費用・相場

コーポレートサイトや採用サイトなど、複数ページで構成されるホームページのトップページのコーディングを行います。

料金目安

¥40,000~ / 5000px

  • ※ソリッドレスポンシブ
  • ※天地5,000pxを想定した目安金額です。
  • ※想定の長さを超える場合は、別途お見積りとなります。詳細はお問い合わせください。
  • ※デザインや仕様内容により金額は変動いたします
下層ページ

下層ページのコーディング費用・相場

コーポレートサイトや製品サイトなど、複数ページで構成されるホームページの下層ページのコーディング作業を代行します。

料金目安

ライトページ

¥5,000~/ 2000px

スタンダードページ

¥10,000~/ 4000px

フルページ

¥15,000~/ 6000px

既存モジュール適用対応

¥7,500~/ 5000px

ページ複製・差し替え対応

¥5,000~/ 5000px

  • ※表示価格は、ヘッダー・フッターを除いた想定ページ長を基準とした目安金額です。
  • ※ページの長さ・デザイン・仕様内容により金額は変動し、想定を超える場合は別途お見積りとなります。
  • ※既存モジュール適用対応には、事前に構築済みのモジュールを使用し、スタイルガイドおよび指示書に記載された仕様どおりに実装する対応です。
    新規モジュールの作成、既存モジュールの改修・亜種作成、デザイン調整・仕様検討等は含まれません。
    該当する場合は、通常の1ページ制作費用として算出いたします。
  • ※ページ複製・差し替え対応には、レイアウト変更・スタイル調整・構造変更・仕様追加等は含まれません。
    該当する場合は、通常の1ページ制作費用として算出いたします。

WordPress(ワードプレス)・MovableType(ムーバブルタイプ)の
構築を含むコーディング

ブログや新着情報など、更新性の高いコンテンツ作りに欠かせないWordPressやMovable Typeの実装・構築も、コーディングアーミーは得意としています。

WordPress(ブログ・新着)

WordPress(ワードプレス)コーディング
新着情報/ブログタイプコンテンツ作成費用相場

WordPressを使用した、新着情報/ブログタイプコンテンツを作成します。

料金目安

¥15,000~

  • ※ブログのインポートは別途お見積もりをさせていただきます。詳細はお問い合わせください。
WordPress

WordPress(ワードプレス)コーディング初期設定費用相場

ホームページへのWordPressの実装・初期設定を行います。

料金目安

¥20,000~

  • ※サーバーへのインストールやログイン画面の設定などを想定しています。詳細なお見積もりは、お問い合わせください。

WordPress(ワードプレス)簡易操作マニュアル作成費用相場

コーディングアーミーで構築したWordPressコンテンツの簡易操作マニュアルを作成します。

料金目安

¥10,000~

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。

WordPress(ワードプレス)バージョンアップ対応費用相場

既存のサイトでお使いのWordPressのバージョンアップを行います。

要相談

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。

Movable Type→WordPress(ワードプレス)への移管費用相場

既存のサイトでお使いのMovable Typeコンテンツを、WordPressへ移管します。

要相談

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。
MovableType

Movable Type(ムーバブルタイプ)コーディング
新着情報・ブログタイプコンテンツ作成費用相場

Movable Type(ムーバブルタイプ)を使用した、新着情報/ブログタイプコンテンツを作成します。

料金目安

¥15,000~/ PAGE

  • ※ソリッドレスポンシブ
  • ※縦の長さが5,000pxを超える場合は、別途お見積もりをさせていただきます。
  • ※ブログのインポートは別途お見積もりをさせていただきます。詳細はお問い合わせください。

Movable Type(ムーバブルタイプ)簡易操作マニュアル作成費用相場

コーディングアーミーで構築したMovable Type(ムーバブルタイプ)コンテンツの簡易操作マニュアルを作成します。

料金目安

¥10,000~

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。

ECサイト構築・制作

カート機能や決済連携、多言語対応など多様な機能が必要になるECサイトの構築もコーディングアーミーで対応可能です。リニューアルや新規作成など目的に合わせて柔軟に対応いたします。

ECサイトの更新費用・相場

Shopify(ショッピファイ)を使用したECサイトのページ更新作業を代行します。

料金目安

¥11,000~

  • ※ソリッドレスポンシブ
  • ※規模によって異なります。詳細なお見積もりは、お問い合わせください。

ECサイトテンプレートを使用したトップページ構築費用・相場

Shopify(ショッピファイ)を使用したECサイトのトップページの構築作業を代行します。

料金目安

¥90,000~/ 5000px

  • ※ソリッドレスポンシブ
  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。

ECサイトテンプレートを使用した下層ページ構築費用・相場

Shopify(ショッピファイ)を使用したECサイトの下層ページの構築作業を代行します。

料金目安

商品一覧+詳細ページ

¥110,000~/ PAGE

お知らせ一覧+詳細ページ

¥22,000~/ PAGE

カートページ

¥44,000~/ 5000px

お問い合わせ/会員登録/
ログイン/マイページ

¥11,000~※各ページ毎の費用です

  • ※ソリッドレスポンシブ
  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。

ECサイトカスタマイズ構築費用・相場

Shopify(ショッピファイ)を使用したECサイトのカスタマイズ構築作業を代行します。

要相談

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。

Figmaデザイン×Claude Codeコーディング

Figmaデザイン×Claude Codeを活用したコーディング代行の料金・費用相場をご紹介します。

Figma

Figmaデザインの制作料金・費用相場

Figmaでデザイン制作した際の費用です。対応ページの種類によって料金を設定しています。

料金目安

トップページ

¥70,000~/ 5000px

下層ページ(ライト)

¥6,000~/ 2000px

下層ページ(スタンダード)

¥12,000~/ 4000px

下層ページ(フル)

¥20,000~/ 6000px

  • ※ソリッドレスポンシブ
  • ※ページの長さ・デザイン・仕様内容により金額は変動し、想定を超える場合は別途お見積りとなります。
  • ※制作に必要な原稿(写真・動画・テキスト等)や構成はご支給を前提とします。
  • ※複雑なアニメーションや外部サービスとの連携が必要な場合は別途お見積りとなります。
Claude Code

Claude Codeを活用したコーディング代行の料金・費用相場

Claude Codeを活用したコーディング代行の料金・費用相場です。対応ページの種類によって料金を設定しています。

料金目安

トップページ

¥35,000~/ 5000px

下層ページ(ライト)

¥4,000~/ 2000px

下層ページ(スタンダード)

¥8,000~/ 4000px

下層ページ(フル)

¥12,000~/ 6000px

  • ※ソリッドレスポンシブ
  • ※ページの長さ・デザイン・仕様内容により金額は変動し、想定を超える場合は別途お見積りとなります。
  • ※制作に必要な原稿(写真・動画・テキスト等)や構成はご支給を前提とします。
  • ※複雑なアニメーションや外部サービスとの連携が必要な場合は別途お見積りとなります。

その他

その他も、Webサイトの機能性や表現力を高めるコーディングデータ作成に対応しています。ご希望の内容について、お気軽にお問い合わせください。

アニメーション

JavaScriptを使ったアニメーションコーディング費用相場

Java Scriptを用い、リッチなアニメーションにも対応します。
無料で実装できるアニメーションのサンプルはこちらをご確認ください。

要相談

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。
  • ※フェードインアニメーション ¥6,000~
  • ※ドロップダウンメニュー ¥10,000~
お問い合わせフォーム

お問い合わせフォーム実装費用相場

Webサイト内にメールフォームの機能を実装します。

料金目安

¥30,000~

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。
ホームページ更新

ホームページの更新費用相場

既存のWebサイトの更新作業を代行します。

料金目安

¥3,000~

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。

WebサイトのSSL化対応費用相場

既存のホームページのSSL化を行います。

料金目安

¥25,000~

  • ※ご依頼内容によって異なります。詳細なお見積もりは、お問い合わせください。
HTMLメール

HTMLメールコーディング費用相場

メルマガなどのHTMLメールのコーディング代行をご依頼いただく場合の金額です。

料金目安

レスポンシブなし

¥13,000~

レスポンシブあり

¥25,000~

  • ※一部のメーラーではレスポンシブ対応が適応されないため事前に表示させたいメーラーをご相談ください
  • ※5,000pxを超える場合は別途お見積もりをさせていただきます。詳細はお問合わせください

制作進行管理費用

【こんな方におすすめです】
・デザインデータや仕様について、コーディング可能かどうかの判断や、実装観点でのチェック・整理を第三者目線でしてほしい方
・実装に必要な情報(メタ情報/構成/フォーム仕様/接続情報 等)の洗い出しや整理、依頼主様向けの明確化を任せたい方

料金目安

¥40,000~

  • ※サポートの範囲・制作ボリューム・進行管理の有無・ご依頼内容の整理状況により異なります。
  • ※ディレクション対応は、ご依頼主様とのやり取りおよび制作進行管理を対象としています。
    エンドクライアント様との直接のやり取りは含まれません。

SEO設計の費用相場

SEO設計オプションは、metaタグ・Hタグの設計と主要KW5つ・文章入稿対応の作業内容に応じて料金を設定しています。ページ数によって変動しますのでお問い合わせください。

料金目安

¥150,000~

  • ※ページ数やボリュームによって金額は変動し、想定を超える場合は別途お見積りとなります。

ワイヤーフレーム作成の費用相場

ワイヤーフレーム作成オプションは、対象ページ数とサイト規模に応じて料金を設定しています。下層ページとトップページで設計工数が異なるため、別建てでお見積もりいたします。

料金目安

¥50,000~

  • ※ページ数やボリュームによって金額は変動し、想定を超える場合は別途お見積りとなります。

料金シミュレーション

ページ数・ページの種類・オプションを選ぶだけで、概算費用がその場でわかります。最終金額はお見積もり後に確定いたします。

メインページ

下層ページ(ページの長さで種類を選択)

オプション

概算費用

¥0~

税抜・目安金額(ソリッドレスポンシブ・ディレクション費込み)

トップページ¥0
LP¥0
下層ページ(ライト)¥0
下層ページ(スタンダード)¥0
下層ページ(フル)¥0
既存モジュール適用ページ¥0
ページ複製・差し替え¥0
合計¥0
この内容で見積もり相談する

料金は内容により金額が変わります。合計には目安額を加算しているため、実際の金額は上振れする場合があります。

  • ※本シミュレーターの金額は、CODING ARMY公式サイト掲載のコーディング代行料金(税抜)をもとにした概算です。すべて「〜から」の目安であり、ページの縦の長さ(px)超過、デザインや仕様の複雑さによって変動します。想定の長さを超える場合は別途お見積もりとなります。
  • ※表示価格はソリッドレスポンシブ(PC・スマホ対応)です。
  • ※進行管理・デザイン制作・ワイヤーフレーム作成・原稿作成・撮影・保守運用などのコーディング以外の費用は含まれません。これらが必要な場合は別途お見積もりとなります。

Webサイト・ホームページのコーディング代行・制作の流れ

ご依頼から納品まで6ステップ。スピーディーに対応します。詳細はお問い合わせフォーム よりお気軽にご連絡ください。

  1. STEP 1

    お問い合わせ お問い合わせフォームへコーディング依頼に必要な情報をご記入いただきご連絡ください。

  2. STEP 2

    お見積り 必要に応じてコーディングに長年関わったコンシェルジュがWebサイトの詳細をヒアリング。
    お見積もり価格・スケジュール(納期)をお伝えいたします。

  3. STEP 3

    ご発注手続き(シート入力・デザインデータ等のご提出) 弊社指定のシートにご入力いただき、デザインデータ(XD/Figma/PSD/AI)や指示書・仕様書などの資料をご提出ください。
    内容確定後、確定見積書兼発注書にご署名またはご押印をいただき、ご返送をもって正式なご発注となります。

  4. STEP 4

    Webサイトのコーディング 実績あるコーダーがご依頼内容に合わせてコーディングに着手。
    仕上がったデータはデザインカンプやご希望を再現できているか、品質チェックを行います。

  5. STEP 5

    お客様チェック・修正対応 コーディングが完了しましたら、お客様でテスト検証を実施いただきます。修正がございましたらご連絡ください。
    (デザイン/仕様書や指示書からの変更の場合は、追加お見積もりをご提示した上での修正対応となることがございます。)

  6. STEP 6

    Webサイトの納品・公開 修正・調整の完了後、納品データをご提出もしくは本番公開作業をいたします。

コーディング代行の費用に関するよくある質問

コーディング代行の料金・費用に関して、お客様からよくいただくご質問とその回答をご紹介します。

Webサイトのコーディングを外注したいのですが、1ページあたりいくらが相場ですか?社内で予算を立てたいので目安を知りたいです。

1ページあたりの目安は、LP(ランディングページ)が¥40,000〜、複数ページで構成されるサイトのトップページが¥40,000〜(天地5,000px想定)、下層ページが¥5,000〜¥15,000です。下層ページは縦の長さで3種類に分かれ、ライト(2,000px)¥5,000〜、スタンダード(4,000px)¥10,000〜、フル(6,000px)¥15,000〜となります。いずれも税抜・ソリッドレスポンシブ(PC・スマホ両方に対応)での目安金額で、デザインや仕様により変動します。 CODING ARMYは作業単位での課金のため、繁忙期だけ・特定の案件だけといった発注ができます。コーダーを社員として抱える場合の人件費や社会保険料、PC・Adobeソフト・フォントの用意も不要で、固定費を変動費に置き換えられます。全項目の料金はこのページで公開しており、お見積もりは無料です。

コーディングだけでなく、WordPressの組み込みやHTMLメールの作成もまとめて外注したいのですが、それぞれいくらぐらいかかりますか?

コーディング以外の作業も、項目ごとに目安金額を公開しています。WordPress(専門知識がなくても更新できる管理画面つきの仕組み)は初期設定が¥20,000〜、新着情報・ブログタイプのコンテンツ作成が¥15,000〜、簡易操作マニュアルの作成が¥10,000〜。HTMLメールはレスポンシブなしが¥13,000〜、ありが¥25,000〜。既存サイトのSSL化は¥25,000〜、公開後のページ更新は¥3,000〜です(いずれも税抜の目安)。 LP1枚のご依頼から、コーポレートサイト、Shopifyを使ったECサイト、多言語サイト、大量ページの量産まで、JPCが運営するCODING ARMYで一括して対応しています。作業ごとに発注先を分ける必要がなく、窓口が一本化されます。複数の作業をまとめてご相談いただければ、全体のお見積もりをご提示します。

見積もりを見ると下層ページが「ライト」「スタンダード」「フル」に分かれていました。うちのページがどれに当たるのか、どうやって決まるのですか?

ページの縦の長さ(px)を基準に3種類に分けています。ライトが2,000px想定で¥5,000〜、スタンダードが4,000px想定で¥10,000〜、フルが6,000px想定で¥15,000〜です(税抜)。判定に使うのは、全ページ共通のヘッダー・フッターを除いた本文部分の長さです。ページが長くなるほど見出し・画像・テキストといった構成要素が増え、実装の作業量が変わるため、長さを基準にしています。 どの区分に当たるか迷う場合は、コーディングに長年関わってきたコンシェルジュ(専任の相談窓口)がデザインカンプ(完成見本のデザインデータ)を拝見して判断します。すでに構築済みのモジュールを使う「既存モジュール適用対応」(¥7,500〜/5,000px)や、レイアウトを変えずに中身を差し替える「ページ複製・差し替え対応」(¥5,000〜/5,000px)など、より費用を抑えられる区分が使えるケースもあります。デザインデータをお送りいただければ、区分とお見積もりをお伝えします。

最初の見積もりから金額が膨らむのが不安です。コーディング代行では、どういう場合に追加費用が発生しますか?

掲載している金額はすべて「〜から」の目安です。追加のお見積もりとなるのは主に3つの場合です。1つめは想定の縦の長さ(px)を超えるとき、2つめはデザインや仕様が想定より複雑なとき、3つめは発注後にデザインや仕様書の内容が変更になったときです。また、コーディング費用にはデザイン制作・ワイヤーフレーム作成・原稿作成・撮影・保守運用は含まれません。 CODING ARMYは、ご相談を受ける窓口から実装、納品前のチェックまでを社内で一貫して行っています。お見積もりの段階で実装する側の視点から仕様を確認するため、着手後に想定外の作業が出にくい進め方をとっています。デザインデータや指示書をご用意のうえご相談いただければ、条件を確認したうえでのお見積もりをお出しします。