レスポンシブサイト
コーディング

HTML・CSSコーディング代行

1つのHTMLソースコードで、パソコン+スマホ
またはパソコン+タブレット+スマホでの
最適表示に対応するレスポンシブWEBデザイン
サイトのHTML・CSSコーディングのご案内です。

基本作業料金

弊社のHTML・CSSコーディングは、基本料金0円!
更に入稿ページ数による割引や実作業工数に応じた
細かい基準を設けることで、適正料金且つ
低料金でのご提供を実現いたしました。

入稿ページ数
(1サイト毎)
トップ・下層ページ
料金
流し込みページ
料金
1ページ~10ページ 9,980
(税込10,978円)
2,000
(税込2,200円)
11ページ~30ページ 8,980
(税込9,878円)
2,000
(税込2,200円)
31ページ~50ページ 7,980
(税込8,778円)
2,000
(税込2,200円)
51ページ以上 ご相談
1ページ基準(*1)
超過時
(100px毎)
200
(税込220円)
  • ※ 上記は、ご発注時に全ての確定デザインデータをご入稿いただく際の1ページ当たりの料金となります。
  • ※ ご発注時に全ての確定デザインデータをご入稿いただけない場合、及び複雑な構成等によりコーディング作業時間を要する場合は、上記に追加料金が発生いたします。
  • ※ 流し込みページのみの場合でも、基準となるページはトップ・下層ページ料金が適用されます。
  • ※ 入稿ページ数は総ページ数ではなく、トップ・下層ページ及び流し込みページを別々にページ数計算いたします。
  • ※ 上記は1サイト毎の料金となります。URLの異なるサイトはファイルやフォルダ構成が異なる為、複数サイトのページ数を合算する事はできません。
  • ※ 弊社の標準レスポンシブコーディングは、パソコン+スマートフォンサイトとなります。タブレットも必要な場合は追加作業として承ります。
  • *1 パソコン用デザインデータの縦幅2,500pxまでを1ページ基準としています。

追加作業料金

作業項目 料金
リキッド
レイアウト対応
基本作業料金×20%~
タブレット対応 基本作業料金×30%
コーディング
ガイドライン
指定
(基本作業料金+オプション料金)×15%~
特急対応 (基本作業料金+オプション料金)×20%~
SCSS対応 基本作業料金×30%
プリント
CSS対応
(基本作業料金+オプション料金)×30%
Bootstrap対応 (基本作業料金+オプション料金)×15%
スライスデータ
納品
基本作業料金×10%
WebP対応 基本作業料金×10%
ブラウザチェック
(Firefox)
(基本作業料金+オプション料金)×10%~
納品後の修正作業 こちらをご参照ください
  • ※ 難易度・作業状況等により、料金または対応可否が異なります。詳細はお見積時にご確認ください。
  • ※ 上記以外にも、弊社標準作業工数の増大が発生する内容がある場合には追加作業料金が発生いたします。詳細はお見積時にご確認ください。

標準作業日数

入稿ページ数 レスポンシブ(パソコン+スマホ)
日数
1~5ページ 2~7営業日
6~10ページ 3~8営業日
11~20ページ 5~15営業日
21ページ以上 ご相談
  • ※ 上記は、ご発注時にレスポンシブコーディングを行う全ての確定デザインデータ及び仕様が確定した際の標準作業日数の目安です。
  • ※ 1ページ基準超過時・難易度・オプション選択内容・作業混雑状況等により変動いたします。詳細はお見積時にご確認ください。

チェック対象

項目 パソコン
Windows Mac
ブラウザ
バージョン
Microsoft Edge 最新版
Google Chrome 最新版
Safari 最新版
Google Chrome 最新版
項目 スマホ(タブレット)
Android iOS
ブラウザ
バージョン
標準ブラウザ
最新版
Chrome
標準ブラウザ
最新版
Safari
  • ※ ご発注後以降にブラウザバージョンのアップデートが行われた場合は、コーディング作業開始時の最新ブラウザバージョンを基準とさせていただきます。

主な作業環境及び作業内容

項目 詳細
Windows Windows10
ディスプレイ解像度1920px×1080px
Mac macOS 13
ディスプレイ解像度2048px×1152px
ソフトウェア Adobe XD・Illustrator・Photoshop・
Dreamweaver 各最新版
Visual Studio Code最新版 など
対応デザイン
データ形式
  • Photoshop形式(.psd / .psb)
  • Illustrator形式(.ai)
  • Fireworks形式(.png)
  • Adobe XD形式(.xd)
  • Zeplin(オンライン)
  • Figma(オンライン *1)
  • STUDIO(オンライン)
*1 エクスポートファイルの場合.fig
標準ブレイク
ポイント値
スマートフォン:~896px
パソコン:897px~
タブレット追加時
標準ブレイク
ポイント値
スマートフォン:~896px
タブレット:897px~1,024px
パソコン:1,025px~

各種オプションもご用意しております