制作会社・デザイナーのための
コーディング代行

デザインを忠実に。
表示は、速く。

デザインの再現だけで終わらないコーディングを。

  • トップページ16,500円〜
  • LP(1ページ)の納期3営業日〜
  • お見積り0
  • 実装不備の無償対応30日間

金額はすべて税込です。デザインデータをお送りいただければ、2営業日以内にお見積りをご返信します。

  • Central Gem Laboratory
  • 株式会社サトルジャパン
  • 株式会社フロンティアコンサルティング
  • 株式会社プロモデルスタジオ
  • 株式会社DDジャパン
  • YOU MAY Casting
  • 友情結婚相談所カラーズ
  • Friema+
  • eReport
  • hasummy

Troubleこんなお困りごとはありませんか

  • 案件が重なり、コーディングまで手が回らない
  • WordPress化を安心して任せられる相手がいない
  • 表示速度が遅い原因の切り分けができない
  • 動きのある表現やフォーム実装で手が止まる
  • 外注先がエンドクライアントに直接営業しないか不安
  • 納品されるコードの品質にばらつきがある

その「手が回らない」「任せられない」を、開発会社が引き受けます。

PointWEBRALのコーディング代行
3つのポイント

「デザイン通りに組む」だけなら、どこに頼んでも同じかもしれません。開発会社である弊社に頼む意味は、この3つです。

POINT 01

開発会社が実装するから、
動くところまで任せられる

「ここから先はシステム会社へ」が発生しません

システム開発が本業のため、静的なマークアップで終わらず、フォームの実装、外部APIとの連携、CMSの動的な処理まで地続きで対応できます。 案件の途中で別の会社を挟む必要がないぶん、進行も見積りもシンプルになります。

デザインデータからコーディング、その先のフォーム実装・外部API連携・CMS実装までを一貫して対応する流れの図デザインデータ(Figma / XD / PSD)コーディングHTML / CSS / JavaScript一般的な代行はここまでWEBRALはこの先もお問い合わせフォームの実装外部API・システムとの連携WordPress・CMSの動的処理React / Next.js のコンポーネント実装
POINT 02

表示速度を、あとから直すのではなく
最初から織り込む

コアウェブバイタル全項目を「不良」から「良好」へ改善した実績があります

重いスクリプトを避ける、プラグイン依存を抑える、画像を最適化する。 公開後に慌てて手を入れるのではなく、実装の段階で速度に効く選択を積み上げます。

コアウェブバイタルのLCP・INP・CLSを「不良」から「良好」へ改善し、検索流入が約1.25倍になった実績の図LCP表示の速さ不良良好INP操作への反応不良良好CLSレイアウトのずれ不良良好改善後、検索流入は約1.25倍※ YOU MAY Casting様の実績
POINT 03

制作会社様のパートナーとして
動きます

エンドクライアントへの直接営業は一切行いません

弊社から貴社のエンドクライアントへ営業することはありません。ノンネームでの納品、秘密保持契約の締結にも対応します。 実績としての掲載も、事前にご承諾いただいた場合に限ります。

  • 直接営業なし
  • ノンネーム対応
  • 秘密保持契約
  • 実績掲載は事前承諾制
制作会社様のパートナーとして関与し、エンドクライアントへ直接営業しない関係を示した図制作会社様WEBRALご納品・ご報告直接営業なしエンドクライアント

Scope対応できること

デザインデータからの実装を軸に、公開作業や既存サイトの改修までまとめてご相談いただけます。

  • 静的サイトのコーディング(HTML / CSS / JavaScript)
  • WordPressオリジナルテーマ実装
  • 既存サイトの改修・レスポンシブ化
  • 表示速度・コアウェブバイタル改善
  • お問い合わせフォーム実装
  • 外部API・システムとの連携
  • React / Next.js のコンポーネント実装
  • アニメーション実装(GSAP等)
  • サーバー・ドメイン手配、公開作業

対応できないもの

  • 公開後の保守・更新
  • デザイン制作

公開後の運用については、WordPress保守改善サービスとして別途承っています。

Quality納品するコードの品質基準

「動けばいい」ではなく、そのあと誰かが触ることを前提に書きます。以下は標準で満たす基準です。

  • コアウェブバイタル対応LCP・INP・CLSを計測しながら実装し、納品時に計測結果をお渡しします。
  • レスポンシブ対応ソリッド・リキッドどちらのレイアウトにも対応します。
  • セマンティックなマークアップW3Cの仕様に沿った、構造の意味が伝わるHTMLで実装します。
  • アクセシビリティ配慮代替テキスト・キーボード操作・コントラスト比に配慮します。
  • コーディング規約準拠BEM / FLOCSS / Sass / Tailwind CSS など、ご指定の規約に合わせます。
  • WordPressオリジナルテーマカスタム投稿タイプ・カスタムフィールドを活用し、更新しやすい管理画面に。
  • アニメーション実装GSAP等を用いた動きのある表現にも対応します。
  • 対応ブラウザChrome / Safari / Edge の最新2バージョン、iOS Safari、Android Chrome。
  • 納品形式を選べますGit・zip・サーバーへの直接アップロードからお選びいただけます。

お見積り・疑問点など
お気軽にご相談ください!

無料でお見積りを依頼する

営業時間 平日 09:00〜17:00よくあるご質問

Worksコーディング・実装の実績

  • WordPressテーマの部分リニューアルとコアウェブバイタル改善

    WordPressテーマの部分リニューアルとコアウェブバイタル改善

    株式会社プロモデルスタジオ様(YOU MAY Casting)

    公開年月: 2026年5月

    • サービスサイト
  • 外資系航空会社様のキャンペーンサイト制作

    外資系航空会社様のキャンペーンサイト制作

    外資系航空会社様

    公開年月: 2024年5月

    • キャンペーンサイト
  • 中規模WordPressサイトのフルリニューアル案件

    中規模WordPressサイトのフルリニューアル案件

    友情結婚相談所カラーズ様

    公開年月: 2024年3月

    • サービスサイト
  • マーケティング会社様のコーポレートサイト制作

    マーケティング会社様のコーポレートサイト制作

    マーケティング会社様

    公開年月: 2023年5月

    • コーポレートサイト

Price料金の目安

ページ単位の積み上げなので、構成が決まれば金額も決まります。追加費用が後から乗ることはありません。

トップページ16,500
下層ページ8,800円 × ページ数
オプションWordPressテーマ化・
フォーム実装など
Example 01

静的コーポレートサイト(5ページ)

トップページ16,500円 × 1ページ16,500円
下層ページ8,800円 × 4ページ35,200円
お問い合わせフォーム一式33,000円

合計84,700

納期の目安

デザインデータの確定後、弊社のコーディングに要する期間です。ディレクションや貴社での確認期間は含みません。

  • ランディングページ(1ページ)3〜5営業日
  • 静的サイト(5ページ)5〜8営業日
  • 静的サイト(10ページ)8〜12営業日
  • WordPressサイト(10ページ)15〜20営業日

特急対応上記より短い納期をご希望の場合は、通常料金 +20〜50% で承ります。

※ 料金・納期はデザインの複雑さやご要件により変動します。正式なお見積りは、デザインデータを拝見したうえでご提示します。

Flow納品までの流れ

  1. お問い合わせ

    フォームからご連絡ください。デザインデータをお持ちであれば、あわせてお送りいただくとスムーズです。

  2. お見積り・ご発注

    デザインデータを拝見し、2営業日以内に金額と納期をご提示します。ご納得いただいてからのご発注です。

  3. コーディング

    自社エンジニアが実装します。海外への再委託は行いません。秘密保持契約の締結にも対応します。

  4. 確認・納品

    テスト環境で実機確認いただき、ご指摘箇所を修正のうえ、Git・zip・直接アップロードのご指定の形式で納品します。

Beforeご依頼にあたって

  1. STEP01

    ご用意いただくもの

    下記が揃っていると、お見積りから着手までがスムーズです。コーディング指示書がない場合は、弊社のテンプレートをお渡しします。

    • デザインデータ(Figma / XD / Photoshop / Illustrator / PDF)
    • コーディング指示書
    • 画像・動画などの素材一式
    • 対応ブラウザのご指定
  2. STEP02

    納品後の修正について

    実装の不備については、納品から30日以内は無償で対応します。デザイン変更や仕様の追加につきましては、別途お見積りのうえで承ります。

  3. STEP03

    秘密保持について

    秘密保持契約の締結に対応します。ノンネームでの納品も可能で、弊社サイトへの実績掲載は事前にご承諾いただいた場合に限ります。

FAQよくあるご質問

対応できる言語・技術を教えてください。
HTML・CSS・JavaScript・TypeScriptに加え、PHP(WordPress)、Python、Ruby、Node.jsに対応しています。システム開発が本業のため、フロントエンドの実装だけでなく、サーバーサイドを含む実装までご相談いただけます。
WordPressのオリジナルテーマは作成できますか?
可能です。既製テーマのカスタマイズではなく、デザインに合わせたオリジナルテーマを実装します。カスタム投稿タイプ・カスタムフィールドを活用し、更新しやすい管理画面になるよう設計します。
PC版のデザインしかありませんが、スマートフォン対応はできますか?
可能です。基本的なレイアウト調整は弊社にて設計します。仕上がりのイメージにご希望がある場合は、事前にお知らせいただければ設計方針をすり合わせます。
対応しているデザインデータの形式は?
Figma、XD、Photoshop、Illustrator、PDFに対応しています。
コーディング指示書がない場合はどうなりますか?
弊社のテンプレートをお渡しします。事前に情報をご記入いただくか、お打ち合わせで内容をすり合わせたうえで着手します。
急ぎで対応してもらうことはできますか?
特急対応として別途料金で承ります。ご希望の納期をお問い合わせ時にお知らせください。
制作は外注されますか?
自社エンジニアが対応します。海外への再委託は行いません。
秘密保持契約は結べますか?
対応可能です。貴社の書式でも、弊社の書式でも対応します。
ノンネームでの対応はできますか?
対応可能です。貴社名義での納品となり、弊社名が記載されることはありません。
エンドクライアントへ直接営業されることはありませんか?
ありません。制作会社様のパートナーとしてのみ関与します。
納品形式は選べますか?
Git、zip、サーバーへの直接アップロードからお選びいただけます。
納品後の修正はどこまで無償ですか?
実装の不備については、納品から30日以内は無償で対応します。デザイン変更や仕様の追加は別途お見積りとなります。
公開後の保守もお願いできますか?
コーディング代行の範囲外となりますが、WordPress保守改善サービスとして別途承っています。
対応ブラウザの範囲を教えてください。
Google Chrome / Safari / Microsoft Edge の最新2バージョン、iOS Safari、Android Chrome が標準です。これ以外のブラウザが必要な場合は、お問い合わせ時にご指定ください。

Estimate無料お見積り

デザインデータや参考サイトのURLをお送りいただければ、2営業日以内に金額と納期をご返信します。 コーディング指示書がなくても構いません。

ご依頼内容

Figmaの共有URLやファイル転送サービスのURLをご記入ください。デザインが未確定の場合は、参考サイトのURLでも構いません。

.pdf / .png / .jpg / .jpeg / .gif / .webp / .zip を3ファイル・合計3MBまで。デザインデータ本体など大きなファイルは、上のURL欄でお送りください。

お見積り無料
2営業日以内にご返信

無料でお見積り