無料相談
Web & Development / Coding
コーディング代行デザインの実装から、WordPress・PHPのバックエンドまで
デザインデータからのHTML・CSS・JavaScriptコーディング、レスポンシブ対応、WordPressの構築・カスタマイズ、PHPによるフォームやサーバー側の実装、既存コードの修正まで。必要なコーディング業務を、月額制のDesign Boxに継続してご依頼いただけます。
- フロントエンドからバックエンドまで対応（HTML・CSS・JavaScript／WordPress／PHP）
- デザイン・フロントエンド・バックエンドを、それぞれの専門担当が分業
- 月額制で、複数案件の同時進行と契約時間の繰り越し・前借りが可能
コーディングでこんなお悩みはありませんか？
コーディングの外注・代行で、よくいただくご相談です。
デザインはあるが、実装できる人がいない
デザインデータは用意できているのに、コーディングできる人が社内におらず、Webページとして公開できない。
社内のコーディングリソースが足りない
コーダーやエンジニアが他の業務で手一杯になっていて、ページの実装や修正が後回しになっている。
既存サイトのコードを修正・改修したい
表示崩れを直したい、WordPressやPHPで作られたページに手を入れたい。ただ、既存のコードを読んで安全に修正できる人がいない。
Design Boxで対応できるコーディング
デザインデータからの新規実装から、WordPress・PHPを含む既存サイトの改修まで対応します。
デザインデータからのHTML・CSS・JavaScriptコーディング
Figma・Photoshop・Illustrator・XDなどのデザインデータをもとに、HTML・CSS・JavaScriptでWebページを実装します。
レスポンシブ対応
PCだけでなく、タブレット・スマートフォンを含む各画面幅に対応したコーディングが可能です。
WordPressの構築・修正・カスタマイズ
テーマの修正やテンプレートの追加、カスタムフィールドやプラグインの導入・設定、ユーザー権限の調整など、管理画面だけでは完結しない実装もご相談いただけます。メールが送信されないといった不具合の原因調査とコード修正にも対応します。
既存サイトのコード修正・不具合対応
既存のHTML・CSSなどの修正や、表示崩れ・不具合の原因調査と修正に対応します。PHPで構築されたサイトへのページ追加や、共通ファイルの改修もご相談いただけます。
フォーム・PHPによるバックエンド実装
確認画面・完了画面を備えたお問い合わせフォームや資料請求フォーム、通知メール・自動返信の設定など、PHPを使ったサーバー側の実装に対応します。会員管理・決済・予約などの大規模なシステム開発は、案件ごとに対応可否を確認します。
テスト環境での確認・サーバーまわりの対応
テスト環境での確認から本番への反映、PHPのバージョンアップに伴う既存コードの修正、サーバー側の設定調整までご相談いただけます。本番反映の可否や手順は、サイトの環境や権限により異なるため、案件ごとに確認します。
テキスト・画像の差し替えやリンクの変更など、日常的・継続的なサイト更新をご希望の場合は、Webサイト更新・修正代行もご相談いただけます。
Webサイト更新・修正代行について詳しく見るWebサイトの新規制作や、企画・デザインからサイト全体の制作をご希望の場合は、Webサイト制作もご相談いただけます。
Webサイト制作について詳しく見る
Design Boxにコーディングを依頼するメリット
1人の担当者がデザインから実装、サーバー側の対応までをすべて兼任する体制ではありません。領域ごとに専門の担当が分業するため、既存サイトの構造が入り組んだ案件や、フロントエンドとバックエンドの両方に手を入れる案件にも対応できます。
- Director
専任ディレクター
ご依頼の窓口です。内容と優先度を整理し、各担当へ的確に伝えます。
- Design
デザイナー
実装の途中でデザインの調整が必要になっても、同じチーム内で対応します。
- Front-end
フロントエンドコーダー
HTML・CSS・JavaScriptの実装とレスポンシブ対応、表示確認を担当します。
- Back-end
バックエンド・WordPress担当
PHP、フォーム、WordPress、サーバーまわりの実装と調査を担当します。
領域ごとの専門担当が対応するため、複雑な案件も任せられる
デザイン、フロントエンド、バックエンド・WordPressを、それぞれの知識を持つ担当が受け持ちます。原因の切り分けが難しい不具合や、複数の技術にまたがる改修も、担当間で連携して進めます。
後から修正・更新しやすいコーディング
見た目を再現するだけでなく、HTMLの構造や既存サイトの設計を踏まえて実装します。公開後にページを修正・更新するときも、手を入れやすい状態を意識しています。
各デバイスで表示・影響範囲まで確認
PC・タブレット・スマートフォンで表示を確認し、修正箇所以外への影響も確認したうえで納品・ご報告します。メールソフトごとに表示が変わるHTMLメールの制作など、表示環境の違いを考慮する制作にも日常的に取り組んでいます。
複数の制作・コーディング案件を同時に進められる
複数ページの実装・修正や、LP・バナーなどの制作を含む複数の案件を、ご契約時間の中で並行してご依頼いただけます。
制作量に合わせて契約時間を繰り越し・前借りできる
使わなかった時間はご契約時間の半分まで翌月に繰り越せ、制作が集中する月は翌月分を前借りできます。月ごとのコーディング量に波があっても、契約時間を柔軟に活用できます。
コーディングのご依頼の流れ
ご相談から納品まで、3つのステップで進めます。窓口は専任ディレクター1名です。
ご相談・データの確認
デザインデータ、または修正したいページのURLとご依頼内容を共有してください。必要に応じて仕様や作業範囲を確認してから着手します。
コーディング・実装
確認した内容をもとにコーディングを進めます。まとまった作業の場合は、確認用URLなどを共有しながら進行します。
表示確認・納品
PC・タブレット・スマートフォンで表示を確認し、修正による周辺への影響も確認したうえで納品・ご報告します。公開・本番反映は、サイトの環境や権限により対応条件が異なるため、案件ごとに確認します。
料金プラン
コーディングは、Design Box共通の月額プランの中でご依頼いただけます。ページ単価ではなく、月の作業時間で料金が決まります。
6.1万円
8時間/月 利用可能11.9万円
16時間/月 利用可能17.4万円
24時間/月 利用可能使わなかった時間は、ご契約時間の半分まで翌月に繰り越せます
※上記金額に消費税は含まれておりません。※月額は契約期間により異なります。最新の料金・キャンペーンは料金プランのページをご確認ください。
カスタムプランもご相談いただけます
料金・時間数をご相談のうえで決めるカスタムプランもご用意しています。ご予算に応じて時間数を決めることも可能で、最大160時間/月まで対応します。
コーディングに必要な時間は、ページのボリュームや仕様、既存コードの状態などにより異なります。対象ページやデザインデータを確認したうえで、作業時間の目安をご案内します。
コーディングについてよくある質問
- どのデザインツールのデータに対応していますか？
- Figma、Photoshop、Illustrator、XDなどのデザインデータに対応しています。画像のみの場合など形式が異なるときも、内容を確認したうえでご案内します。
- 既存サイトのコードが古くても対応できますか？
- 対応可能です。既存のコードを確認し、そのまま活かして修正するか、必要な箇所を部分的に作り直すかを判断して対応します。
- WordPressやPHPなど、バックエンドの対応も依頼できますか？
- 依頼できます。WordPressのテーマ・プラグインまわりの実装、PHPによるフォームやサーバー側の処理、PHPで構築された既存サイトの改修に対応しています。プログラミング言語はPHPが対象で、会員管理・決済・予約などの大規模なシステム開発は案件ごとに対応可否を確認します。
- JavaScriptのフレームワークを使った開発にも対応できますか？
- 対応の中心はHTML・CSS・JavaScriptとWordPressです。React・Vueなどのフレームワークを使った開発は、案件の内容により対応可否を確認します。
- 既存のWebサイトの更新や修正も依頼できますか？
- 依頼できます。既存コードの修正や表示崩れの調整に対応します。テキスト・画像の差し替えなど、日常的な更新を継続してご依頼になりたい場合は、Webサイト更新・修正代行をご案内します。