ページの先頭です。
サイト内の現在位置を表示しています。
  1. ホーム
  2. サービス
  3. Webマーケティング
  4. Webサイトのスマートフォン対応
ここから本文です。

Webサイトのスマートフォン対応

モバイル最適化、マルチデバイス対応

写真

iPhone や Android に代表されるスマートフォン、iPad等のタブレットが普及するに伴い、企業のWebサイトでもモバイル端末のタッチ操作や画面表示に最適化したユーザーインターフェースを実装するニーズが高まっています。

PC/スマートフォン/タブレットのどのデバイスでも快適な操作・閲覧を提供するマルチデバイス対応の手法は、レスポンシブ・ウェブデザイン、コンテンツデータベースとデザインテンプレートの組み合わせ、デザイン変換ツールと様々な手法があります。サイトの目的や現状分析から最適な実装方法を提案します。

モバイル対応の実装方法

レスポンシブ・ウェブデザイン

1つのhtmlファイルを、PC/タブレット/スマートフォンのそれぞれの画面幅に最適な表示に切り替わるように、CSS(Cascading Style Sheets)でレイアウトデザインを制御する手法です。

コンテンツデータベース+デザインテンプレート

PC/タブレット/スマートフォン にそれぞれ個別に用意したデザインテンプレートの中に、一元管理されたコンテンツデータベースから文章や画像を呼び出して、ウェブページを自動生成する手法です。

デザイン変換ツール

PC用に作成したウェブページを、変換ツールを利用してスマートフォン対応ウェブページに自動変換する手法です。当社では、アイ・ブロードキャスト社の「snapSmart」を利用した提案をいたします。デザイン変換ツールは、ASP(SaaS)型の月額利用料金をお支払いただくビジネスモデルです。

モバイル端末対応CMS(Contents Management System)導入

上記の「コンテンツデータベース+デザインテンプレート」型の仕組みを、WordPressやMovableType等のCMSを利用して提供いたします。

導入ステップ

以下の手順にそって、提案・制作いたします。

  1. ヒアリング
    現状の課題や、あるべき姿をお聞きし、予算額を勘案しながら、おおよその方向性と手法のアイデアを議論します。

  2. 提案
    目的設定、構築手法とその理由、キーとなるページのデザイン案、スケジュール、概算見積等を提案いたします。提案には、目安として2~3週間程度のお時間をいただきます。

  3. 調整
    提案時や提案後にご意見をいただき、ご要望に添うように、提案内容の調整を行います。

  4. ご発注の意思表示

  5. 要件定義(仕様策定)
    提案内容をベースに、機能設計やデザイン制作が可能になるまで要件を詰めていきます。この段階で、実装する機能・開発手法・予算・スケジュールが確定します。
    プロジェクト規模が小さい場合は、提案時に要件定義を同時に済ませます。

  6. 正式ご発注

  7. 設計・制作
    設計フェーズでは、個別ページの構成要素やレイアウトを記述するワイヤーフレーム、ページ群の分類やユーザー導線などのサイト構造を記述するサイトマップ、PC/タブレット/スマートフォン 用の表示振り分け条件、コンテンツを格納するデータベース、 検証手法などの設計を行います。
    制作フェーズでは、各設計内容を踏まえて、課題管理表やスケジュール管理表を利用して制作を進めます。

  8. 検証
    PC/タブレット/スマートフォン 等の検証対象デバイスにて、表示・動作確認を行います。表示・動作の不具合があった場合は修正・調整を行います。

  9. 公開(納品)

NECマネジメントパートナー 担当スタッフより

日本体育大学様ウェブサイトでは、レスポンシブ・ウェブデザインを、ニッスイ様ウェブサイトでは、コンテンツデータベース+デザインテンプレートでの実装をさせていただきました。また、NECグループのウェブサイトでは、キャンペーン用ページ等でのモバイル対応実績が豊富にございます。

弊社の持つノウハウ・実績をベースに、お客様のご要件に応じて柔軟な提案および対応をさせていただきます。ウェブサイトのスマートフォン対応をご検討の際は、是非ご相談ください。

マーケットコミュニケーション事業部 マネージャー 原 信

関連リンク

企業Webサイトリニューアル・改善プロジェクトに関するアンケート調査

企業が運営するWebサイトリニューアル・改善プロジェクトにおける課題、施策とその効果についてインターネットを、利用した独自アンケート調査結果です。
Web担当者、デジタルマーケティング推進者におすすめの資料です。

お役立ち資料ダウンロード

[NEW WINDOW]企業Webサイトリニューアル、成功の方程式。まずは要件定義の進め方をしっかり押さえよう!

[NEW WINDOW]BtoBリード獲得実践! MAを気にする前に知っておくべき、 ほんとうの「シナリオ設計」とは?

[NEW WINDOW]BtoB企業向け Webトレンド解説 2015

コラム・レポート

Web担当者向けセミナーのレポート記事と、お役立ちコラムをご紹介します。

お問い合わせ

ページの先頭へ戻る