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

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

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

標準作業日数

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

チェック対象

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

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

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

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

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