TO: 弊社 Web サイト製品ご検討の皆様 弊社 Web サイト制作概要 [ 文書作成時点 ] 1. 各製品毎コストパフォーマンス比較 2015 年 01 月 29 日作成 :[ 株 ]FJPコミュニケーション福岡事務所小山田誠 1
[ 背景 ]Web サイトにおけるモバイルファースト 1.5
[ 背景 ]Web サイトカテゴリ 2015 年時点 Webサイトの閲覧頻度はパーソナルコンピュータよりモバイル端末 [ 特にスマートフォン ] が上回っており 特に商用 Webサイトのマルチデバイス対応は 確実に収益に影響を与える 一要因となっている 弊社ではマルチデバイス対応を前提に 6つの製品体系でWeb 制作を実施している [ 本頁以降の用語解説 ]: レシポンシィブ-PC 専用 Webサイトデータ+カスタマイズで マルチデバイス対応フレキシブル -Webサイトの主に横方向のコンテンツ配置が 横サイズに合わせて自動制御される技術 現在のWebサイトカテゴリ [ 構成, 開発手法 ] は ほぼ以下の表に集約される マルチデバイス対応制作手法 レスポンシィブデザイン [ サイト自動切り替え ] FJP-RFD,FJP-RFM,FJP-RFW デバイス専用サイト制作 [ サイト手動切り替え ] FJP-EFX, FJP-ENX, FJP-PCO 変換ソフトウェア使用 [ サイト切替ソフトウェア依存 ] メリットデメリット備考 1 マルチテ ハ イス複数サイトを同時更新可 2URL 一つで SEO/ ト メイン管理料有利 1 テ ハ イス毎に 機能 / テ サ イン最適化可 2XHTML で ほぼ全閲覧環境対応済み 1 一般に更新コスト低 2 テ サ インの自由度大 1 旧閲覧環境 [ フ ラウサ 主に 従来 MENU 形式 /OS/ 機種 ] 互換性低 とONEヘ ーシ スクロール形式 2サイト構成に制限有り に分類される 3 一般に 読込遅い HTML5 制作スキル高 1 制作コスト高 2 更新コスト高 3XHTML では 先端技術使用不可 4URL 複数で SEO/ ト メイン管理料不利 1 変換ソフトウェアの互換性 2 自動変換のため 端末毎最適化困難 HTML5: 最新言語 XHTML: 旧業界標準 HTML4: 個人向け PCサイト モハ イル端末サイト自動変換 現在は通常 3 制作ソフトウェアの一機能
弊社 Web サイト製品群一覧 適用技術 HTML 更新ソフトウェア更新方法更新ソフトウェア費用 1 レスホ ンシィフ & フレキシフ ル - 対応テンフ レート または + カスタマイス で制作 2 レスホ ンシィフ & フレキシフ ル - 簡易制作 3 レスホ ンシィフ & フレキシフ ル - 他社サーヒ ス利用 簡易制作 4 専用サイト & フレキシフ ル - 対応テンフ レート または + カスタマイス で制作 5 専用サイト - 完全オリシ ナル制作 6 PC サイトのみ制作 - 完全オリシ ナル制作 - モハ イルは PC モート HTML5 HTML5 HTML5 adobe- DreamWeaver - コード編集要 adobe-muse - ク ラフィカル編集 Wix WebService - ク ラフィカル編集 XHTML adobe- DreamWeaver - コード編集要 XHTML adobe- DreamWeaver - コード編集要 HTML5 XHTML adobe- DreamWeaver - コード編集要 PC& スマホサイト更新同時更新 PC& スマホサイト更新 App: 同時, 素材 : 個別 PC& スマホサイト更新同時更新 PC& スマホサイト更新個別更新 PC& スマホサイト更新個別更新 CC: 月額 5,000 CS6: 買取 47,000 CC: 月額 5,000 年額契約 99$ [ 月額 8.25$] ストレーシ 3GB CC: 月額 5,000 CS6: 買取 47,000 CC: 月額 5,000 CS6: 買取 47,000 PCサイトのみ更新 CC: 月額 5,000 CS6: 買取 4 47,000
更新の難易度 [ 低 ]/ 手間 [ 低 ]/ コスト [ 低 ] 総合評価 [ お客様運用の場合 ] 弊社 Web サイト製品選択基準 FJP-RFW FJP-EFX 4 自由度 更新 コスト 閲覧性 3 自由度 更新 コスト 閲覧性 6 自由度 更新 コスト 閲覧性 PC サイトのみ FJP-ENX FJP-PCO 5 自由度 更新 コスト 閲覧性 FJP-RFM 2 自由度 更新 コスト 閲覧性 FJP-RFD 1 自由度 更新 コスト 閲覧性 Web 制作の自由度 [ 高 ]/ 納期 [ 短 ]/ コスト [ 低 ]/ 閲覧性 [ 高 ] 総合評価
各 Web サイト製品のコストパフォーマンス比較 製品型番 パラメータ FJP-RFD 1 5 段階評価 [ 悪い ]1 5[ 良い ] FJP-RFM 2 FJP-RFW 3 FJP-EFX 4 FJP-ENX 5 FJP-PCO 6 a. 制作容易度 2 4 5 2 3 3 b. 更新容易度 2 4 5 2 3 3 c. 制作所要期間 2 4 5 2 3 3 e. 閲覧の互換性 OS/ 端末機種 / ブラウザ依存性 3 3 2 5 5 4 d. 機能の拡張性 5 3 2 2 3 3 f. 維持運用直接費用 5 5 2 5 5 5 1レスホ ンシィフ & フレキシフ ル-HTML5-コード編集要 -DreamWeaver 2レスホ ンシィフ & フレキシフ ル-HTML5-グラフィカル編集 -Muse 3レスホ ンシィフ & フレキシフ ル-HTML5-グラフィカル編集 -Wix[Webサービス] 4 専用サイト & フレキシフ ル-XHTML-コード編集要 -DreamWeaver 5 専用サイト -XHTML-コード編集要 -DreamWeaver 6PCサイトのみ制作 -XHTML-コード編集要 -DreamWeaver 備考
弊社 Web サイト制作概要 [ 文書作成時点 ] 2. 各 Web 製品概要 & サンプル 7
[ 型番 :FJP-RFD]Web 製品概要 レスポンシィブ & フレキシブル [Responsive&Flexible] HTML5+CSS3+JavaScript[ 制作ソフト DreamWeaver] PC 専用 Web サイトデータ + カスタマイズで マルチデバイス対応 [ レスポンシィブ ] 制作ソフトウェア /Web 素材加工ソフトウェア および Web 素材 /Web アプリケーション全て 弊社所有物 [ コストパフォーマンス ]FJP-RFD a. サイト制作容易度 :2 b. サイト更新容易度 :2 c. サイト制作所要期間 :2 d.os/ 端末機種 / ブラウザ依存性 :3 e. サイト機能の拡張性 :5 f. サイト維持運用の直接費用 :5 -HTML5 関連技術の下位互換性不完全のため 旧環境でまれに制作者の意図通りに閲覧できない場合有り [ 備考 ] a. ユーザー視点では サイト自動切り替え b. ほぼ制作者の意図通りに 制作可能 c. フレキシブルは Web サイトの主に横方向のコンテンツ配置が 横サイズに合わせて自動制御される技術 8
[ 型番 :FJP-RFD]Web 製品サンプル 9 9
[ 型番 : FJP-RFM ]Web 製品概要 レスポンシィブ & フレキシブル [Responsive&Flexible] HTML5+CSS3+JavaScript[ 制作ソフト Muse] PC 専用 Web サイトデータ + カスタマイズで マルチデバイス対応 [ レスポンシィブ ] グラフィカルユーザーインターフェース制作ソフトウェア使用のため -Web アプリケーションは 他社所有物 - 制作ソフトウェア /Web 素材加工ソフトウェア Web 素材は 弊社所有物 [ コストパフォーマンス ]FJP-RFM a. サイト制作容易度 :4 b. サイト更新容易度 :4 c. サイト制作所要期間 :4 d.os/ 端末機種 / ブラウザ依存性 :3 e. サイト機能の拡張性 :3 f. サイト維持運用の直接費用 :5 -HTML5 関連技術の下位互換性不完全のため 旧環境でまれに制作者の意図通りに閲覧できない場合場合有り [ 備考 ] a. ユーザー視点では サイト自動切り替え b. サイト機能 / デザイン等 ある程度限定される c. フレキシブルは Web サイトの主に横方向のコンテンツ配置が 横サイズに合わせて自動制御される技術 10
[ 型番 : FJP-RFM ]Web 製品サンプル 11
[ 型番 : FJP-RFW ]Web 製品概要 レスポンシィブ & フレキシブル [Responsive&Flexible] HTML5+CSS3+JavaScript[ 制作ソフト Wix] PC 専用 Web サイトデータ + カスタマイズで マルチデバイス対応 [ レスポンシィブ ] Web 上サービスのため - 制作ソフトウェアおよび Web アプリケーションは 他社所有物 月額 8.25 ドル / サイトの費用発生 -Web 素材加工ソフトウェアおよび Web 素材は 弊社所有物 [ コストパフォーマンス ]FJP-RFW a. サイト制作容易度 :5 b. サイト更新容易度 :5 c. サイト制作所要期間 :5 d.os/ 端末機種 / ブラウザ依存性 :2 e. サイト機能の拡張性 :2 f. サイト維持運用の直接費用 :2 -HTML5 関連技術の下位互換性不完全のため 旧環境でまれに制作者の意図通りに閲覧できない場合有り [ 備考 ] a. ユーザー視点では サイト自動切り替え b. サイト機能 / デザイン等 かなり限定される c. フレキシブルは Web サイトの主に横方向のコンテンツ配置が 横サイズに合わせて自動制御される技術 12
[ 型番 : FJP-RFW ]Web 製品サンプル 13
[ 型番 :FJP-EFX]Web 製品概要 専用サイト & フレキシブル [Exclusive&Flexible] XHTML+CSS3+JavaScript[ 制作ソフト DreamWeaver ] PC 専用 Web サイト + モバイル端末専用サイトを個別に制作し マルチデバイス対応 制作ソフトウェア /Web 素材加工ソフトウェア および Web 素材 /Web アプリケーション全て 弊社所有物 [ コストパフォーマンス ]FJP-EFX a. サイト制作容易度 :2 b. サイト更新容易度 :2 c. サイト制作所要期間 :2 d.os/ 端末機種 / ブラウザ依存性 :5 e. サイト機能の拡張性 :2 f. サイト維持運用の直接費用 :5 -XHTML 関連技術は枯れた技術であるため ほぼ制作者の意図通りに閲覧可能 [ 備考 ] a. ユーザー視点では サイト手動切り替え b. ほぼ制作者の意図通りに制作可能だが 先端技術は使用不可 c. フレキシブルは Web サイトの主に横方向のコンテンツ配置が 横サイズに合わせて自動制御される技術 14
[ 型番 :FJP-EFX]Web 製品サンプル 15 15
[ 型番 :FJP-ENX]Web 製品概要 専用サイト [Exclusive] XHTML+CSS3+JavaScript[ 制作ソフト DreamWeaver] PC 専用 Web サイト + モバイル端末専用サイトを個別に制作し マルチデバイス対応 制作ソフトウェア /Web 素材加工ソフトウェア および Web 素材 /Web アプリケーション全て 弊社所有物 フレキシブルではない 従来 Web サイト [ コストパフォーマンス ]FJP-ENX a. サイト制作容易度 :3 b. サイト更新容易度 :3 c. サイト制作所要期間 :3 e.os/ 端末機種 / ブラウザ依存性 :5 f. サイト機能の拡張性 :3 g. サイト維持運用の直接費用 :5 -XHTML 関連技術は枯れた技術であるため ほぼ制作者の意図通りに閲覧可能 [ 備考 ] a. ユーザー視点では サイト手動切り替え b. ほぼ制作者の意図通りに制作可能だが 先端技術は使用不可 c. フレキシブルは Web サイトの主に横方向のコンテンツ配置が 横サイズに合わせて自動制御される技術 16
[ 型番 :FJP-ENX]Web 製品サンプル 17
[ 型番 :FJP-PCO]Web 製品概要 パソコン専用サイト [Flexible] XHTML/HTML5+CSS3+JavaScript[ 制作ソフト DreamWeaver] PC 専用 Web サイトのみ制作し モバイル端末では PC モード閲覧で マルチデバイス対応 制作ソフトウェア /Web 素材加工ソフトウェア および Web 素材 /Web アプリケーション全て 弊社所有物 [ コストパフォーマンス ]FJP-PCO a. サイト制作容易度 :3 b. サイト更新容易度 :3 c. サイト制作所要期間 :3 d.os/ 端末機種 / ブラウザ依存性 :5 e. サイト機能の拡張性 :2 f. サイト維持運用の直接費用 :5 -XHTML 関連技術は枯れた技術であるため ほぼ制作者の意図通りに閲覧可能 [ 備考 ] a. ユーザー視点では サイト手動切り替え b. ほぼ制作者の意図通りに制作可能だが XHTML の場合先端技術は使用不可 c. フレキシブルは Web サイトの主に横方向のコンテンツ配置が 横サイズに合わせて自動制御される技術 18
[ 型番 :FJP-PCO]Web 製品サンプル 19 19
弊社 Web サイト制作概要 [ 文書作成時点 ] 3. 各 Web 製品制作 / 更新ソフト & 費用 20
[ 型番 : FJP-RFW ]Web 製品制作用ソフトウェア Wix 社 - ホームページテンプレート 21
[adobe]web 制作ソフトウェア費用 22 22
[adobe]web 制作ソフトウェア -DW,MUSE 23 23
弊社 Web サイト制作概要 [ 文書作成時点 ] END 24