スマートフォンサイトWEB制作サービス紹介

スマートフォンサイト制作

サービス概要

iPhone,Androidに対応した、スマートフォンサイトを制作いたします。

スマートフォンサイト制作のポイント

スマートフォンサイト作成時には、納期、予算などの他に

  • スマートフォンサイト用のターゲットユーザー(PCサイトと同じか異なるか?)
  • ユーザーに訴求させる情報、サービス、商品( PCサイトと同じか異なるか? )
  • 現状のPCサイトの状態(CMSで作られているか? 情報量は多いか?少ないか?)
  • スマートフォンサイトの位置づけ(PCサイトとの住み分けをどうするか? どこまで作るのか?)

などを考えた上で、最適な制作方法を選択する必要があります。

Type1: スマートフォン専用サイト(主要ページのみ)

TOPページ、カテゴリTOPなどの主要ページ、または、特定のメニューのみスマートフォン専用ページを作成
※主要ページ以外に関しては、作成せず、PCサイトに遷移できるようにする

■このタイプを選ぶ場合:

  • 低予算、短納期でスマートフォンサイトを作りたい場合
  • PCサイト同様の情報をスマートフォンユーザーにも見てもらいたいが、スマートフォンで見てもらうには、ページ数または、1ページ当たりの情報量が多すぎる場合
  • デザインにこだわりたい場合
  • メニューを減らしてシンプルに作りたい場合

スマートフォンサイトにPCサイトへのリンクを設置しておき、PCサイトとスマートフォンサイトを切り替えられるようにする。
同様にPCサイトには、スマートフォンサイトへの切り替えボタンを設置する。
※普通にPCでPCサイトを見ている時は表示しない

Type2: スマートフォン専用サイト(全ページ)

スマートフォン専用に一から作成
※PCサイトから少し情報を落とした形で作成し、見栄え、操作性を重視する

■このタイプを選ぶ場合:

  • スマートフォン専用サイトを強くアピールしたい場合
  • PCサイトが「古い」「ごちゃごちゃしている」「わかりづらい」ので、スマートフォンサイトはPCとは全く別に新しくしたい
  • デザインにこだわりたい場合・特定のサービス、商品または特定ユーザー向けに絞ったサイトを作りたい場合
  • 現状のPCサイトのページ構成だと、スマートフォンではわかりづらい為、情報設計から再考が必要と考えられる場合

※1ページずつ、情報設計、デザイン、コーディングを行う為、工数がかかる
※スマートフォンサイトと、PCサイトの両方の情報更新が必要

Type3: フレームワークで作成

フレームワークでスマートフォン専用サイトを作成
※jQuery Mobileなどの直感的で使いやすいUIと安定性の高さで制作コストを低減

■このタイプを選ぶ場合:

  • 複数機種での検証工数を軽減したい場合
  • 低予算、短納期で作りたい場合
  • スマートフォンアプリのような直感的な動きやUIを手がるに実装したい場合
  • ニュース、FAQなどの特定部分もしくは、小規模サイトのスマートフォン化を行いたい場合

※完全なオリジナルデザインの作成ができない ※CMSやPHPとの連携が難しい

Type4: 1ソースで作成

PCサイトをリキッドレイアウトなどで作成
※PCサイトとスマートフォンサイトを、作り分けせず、同一ページで実装

■このタイプを選ぶ場合:

  • PCとスマートフォン両方のサイト更新を行いたくない場合
  • PCとスマートフォンで同じ量の情報を表示したい場合
  • 別途スマートフォンサイトを作る予算が無い場合
  • 短納期でPCとスマートフォン両方のサイトを作りたい場合

※PCサイトで使用している、画像、動画などがそのままスマートフォンサイトで使用できない事がある。

■1ソースで作る際の注意点

※基本的にはレイアウトを組み替えて見栄えの調整を行っているだけになるので、スマートフォンサイトの利用用途や、対象ユーザーなどが異なる場合、最適な情報提供ができない

例)サブナビの中にニュースなどの更新情報が含まれている場合、表示方法・位置などを検討しないと図のように、一番下に移動してしまう

リキッドレイアウトのサイトを見た目

1ソースで作る場合には、「どの端末の時」は、「何」を「どのように見せるか」
また、「不要なコンテンツはどれか」を十分に検討が必要になります。

Type5: CMSで作成

PCサイトとスマートフォンサイトをCMSで作成
※PCサイトがCMSで作成されている場合、別途スマートフォン用のテンプレートを追加して、スマートフォンサイトを自動生成する

■このタイプを選ぶ場合:

  • 既にPCサイトがCMS化されている場合
  • PCとスマートフォンで同じ量の情報を表示したい場合
  • 両サイトの更新にかかる負担を減らしたい場合
  • サイト更新者にHTMLの知識が無い場合

※テンプレート対応になる為、ある程度レイアウト(デザイン)が固定されてしまう場合があります。

スマートフォン制作方針の比較

スマートフォン専用サイト
(主要ページのみ)
スマートフォン専用サイト
(全ページ)
フレームワーク
で作成
1ソース
で作成
CMSで作成
デザイン性 A A C C B+
操作性 B A A C B
更新性 C C C A A+
柔軟・拡張性 A A B C B
適切な情報表示 B A A B A
安定性 B B A+ A B
複数機種対応 B B A+ B+ B
費用
納期
難易度 中〜高 中〜高
適している
サイトの規模
小〜中 小〜中 小〜中 中〜大 中〜大

導入実績

  • 湘南新聞販売株式会社様 とことこ湘南サイトリニューアル

    湘南新聞販売株式会社様
    とことこ湘南サイトリニューアル
    (Type5:CMSで作成)

    WEB制作実績紹介ページへ

    イノーヴインタラクティブ スマートフォンサイト

    イノーヴインタラクティブ
    スマートフォンサイト
    (Type3:フレームワークで作成)

2017年11月24日

PAGE TOP