レスポンシブコーディング

レスポンシブコーディング

レスポンシブWebデザインの
HTML・CSSコーディング

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

基本作業料金

弊社のレスポンシブコーディングは、基本料金0円!
更に実作業工数の効率化により、レスポンシブコーディングを
低料金にてご提供が可能となりました。

入稿ページ数 トップ・下層ページ料金 流し込みページ料金
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~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 パソコン用デザインデータの縦幅2,500pxまでを1ページ基準としています。

追加作業料金

作業項目 料金
リキッドレイアウト対応 基本作業料金×20%
タブレット対応 基本作業料金×30%
コーディングガイドライン指定 (基本作業料金+オプション料金)×15%~
特急対応 (基本作業料金+オプション料金)×20%~
SCSS対応 基本作業料金×30%
プリントCSS対応 (基本作業料金+オプション料金)×30%
Bootstrap対応 (基本作業料金+オプション料金)×15%
スライスデータ納品 基本作業料金×10%
ブラウザチェック(Firefox) (基本作業料金+オプション料金)×10%~
休日対応(土・日) (基本作業料金+オプション料金)×50%~
納品後の修正作業 こちらをご参照ください
作業項目 料金
リキッド
レイアウト対応
基本作業料金×20%
タブレット対応 基本作業料金×30%
コーディング
ガイドライン
指定
(基本作業料金+オプション料金)×15%~
特急対応 (基本作業料金+オプション料金)×20%~
SCSS対応 基本作業料金×30%
プリント
CSS対応
(基本作業料金+オプション料金)×30%
Bootstrap対応 (基本作業料金+オプション料金)×15%
スライスデータ
納品
基本作業料金×10%
ブラウザチェック
(Firefox)
(基本作業料金+オプション料金)×10%~
休日対応
(土・日)
(基本作業料金+オプション料金)×50%~
納品後の修正作業 こちらをご参照ください
  • ※ 難易度・作業状況等により、料金または対応可否が異なります。詳細はお見積時にご確認ください。

作業日数目安

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

チェック対象

項目 パソコン タブレット・スマホ
Windows Mac Android iOS
OS・ブラウザバージョン 10
Microsoft Edge 最新版
Google Chrome 最新版
13
Safari 最新版
Google Chrome 最新版
13
標準ブラウザ最新版
16
標準ブラウザ最新版
項目 パソコン
Windows Mac
OS・ブラウザ
バージョン
10
Edge 最新版
Chrome 最新版
13
Safari 最新版
Chrome 最新版
項目 タブレット・スマホ
Android iOS
OS・ブラウザ
バージョン
13
標準ブラウザ
最新版
16
標準ブラウザ
最新版
  • ※ 上記内容より最新のバージョンが公開された場合は、コーディング作業時の最新バージョンを基本とさせて頂きます。

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

項目 詳細
Windows Windows10
ディスプレイ解像度1920px×1080px
Mac macOS 13
ディスプレイ解像度2048px×1152px
ソフトウェア Adobe Dreamweaver 最新版
Adobe Illustrator 最新版
Adobe Photoshop 最新版
Adobe XD 最新版
Visual Studio Code最新版 など
標準ブレイクポイント値 スマートフォン:~896px
タブレット:897px~1,024px
パソコン:1,025px~
項目 詳細
Windows Windows10
ディスプレイ解像度1920px×1080px
Mac macOS 13
ディスプレイ解像度2048px×1152px
ソフトウェア Adobe Dreamweaver 最新版
Adobe Illustrator 最新版
Adobe Photoshop 最新版
Adobe XD 最新版
Visual Studio Code最新版 など
標準ブレイク
ポイント値
スマートフォン:~896px
タブレット:897px~1,024px
パソコン:1,025px~

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

レスポンシブコーディングに動的要素や更新機能等が実装可能な各種オプションメニューもご用意致しております。