スマホ特化型サイトとは？特徴・向き不向き・デザイン事例

「サイトをスマホ向けに最適化したい。」
というご相談をいただくことが増えてきました。
その中でよく話題になるのが、「スマホ特化型サイト」という作り方です。

通常のスマホ対応サイトとは何が違うのか、どんな場合に向いているのか…。
今回はそのあたりをまとめて解説してみます。

通常のスマホ対応サイトとは？

一般的なサイトは、パソコン・タブレット・スマホ、それぞれの画面サイズに合わせてレイアウトが自動で切り替わるように作られています。
これを「レスポンシブデザイン」と呼びます。

パソコンの広い画面では情報をゆったり並べて見やすくします。
逆に、スマホの狭い画面ではスクロールしやすいシンプルな縦並びにします。
このように、それぞれのデバイスに合った見せ方ができるのが特徴です。

ただ、デバイスごとにレイアウトを考えて調整する必要があるため、どうしても工数／制作期間／費用はそれなりにかかってきます。
スマホからの閲覧がほとんどであっても、パソコン用のレイアウトも用意しなければならないのが、「少し勿体ないな…」と感じる部分かもしれません。

スマホ特化型サイトとは？

その名の通り、スマホでの閲覧に特化して作られたサイトです。

通常のサイトは複数のデバイスに対応したレイアウトを用意します。
対して、スマホ特化型サイトは基本的にスマホ用のレイアウト1本で制作します。
そのため、作業量が削減でき、通常よりもコストを抑え、納期を短縮しやすいのが特徴です。

ただし、「スマホ用デザインをそのままパソコンで表示したらどうなるの？」という疑問もありますよね。

パソコンの横幅広い画面にスマホ用レイアウトをそのまま引き伸ばして表示すると…？
どうしても見栄えが悪くなってしまいます。
そこで、スマホ用のコンテンツエリアをページの一部に配置し、その周りをパソコン向けにデザインして整える…という形をとります。

スクロールするのはスマホ表示エリアの内側だけで、周りの背景部分は固定されたままです。
パソコンで見た人には、スマホの画面を眺めているような感覚になります。

スマホ特化型サイトが向いているのはどんな場合？

業種や状況によって異なりますが、

• スマホからの閲覧がほぼ大半を占める一般消費者向けのサイト
• 期間限定のイベントページやキャンペーンの特設ページ
• 商品や美容、食品系のLP（ランディングページ）など

これらの場合は、スマホ特化型サイトの制作に向いていることが多いです。
制作期間を短くしたい場合にも有効な選択肢のひとつです。

逆に向いていないのは以下の様なサイトです。

• パソコンからの閲覧が一定数見込まれるBtoBのサイト
• 情報量が多くテキストが多いサイト

スマホの狭い画面に大量の情報を詰め込むと、読みにくくなりやすいです。
結果、離脱につながりやすくなるため、あまりおすすめはできません。

もちろん、ターゲット層や業種、そのときの状況によって判断は変わってきます。
「うちの場合はどうだろう？」と迷われる場合は、お気軽にご相談ください。

どんな見た目になるの？デザインイメージ

実際にどのような仕上がりになるのか、デザインサンプルを見ていただくのが一番わかりやすいと思います。

パソコンで表示した際は、スマホサイズのコンテンツエリアが画面中央等に配置され、その周囲には各ページへのリンクやSNSへの誘導ボタンなどを配置することも可能です。
背景に季節や期間限定の画像を設定してPRに活用されることもあります。

実際にサンプルで作成したスマホ特化型サイトがこちらです。
（PC画面右側がスマホ表示部分です。）

>>スマホ特化型サイト｜デザインサンプル

スマホ特化型サイトは以前と比べると制作事例も増えてきており、目的に合わせた選択肢のひとつとして定着してきた印象があります。

通常のスマホ対応と、スマホ特化型。どちらが合っているかは状況次第

「安くて早く作れる＝スマホ特化型が正解」というわけではありません。

どちらにも向き・不向きがあり、誰に、どんな目的で見てもらうサイトかによって、最適な選択肢は変わってきます。

「スマホ特化で作ってみたい。」「うちの場合はどうだろう？」とお考えの方は、まずは気軽にご相談ください。

ホームページ制作はこちら