ホームページ制作・サイト作成、修正や更新・管理のblanc-ブラン

レスポンシブ化(スマホ対応)事例

最近のスマートフォン普及にはめざましいものがあります。
今やパソコンと同じようにスマホでネットを見るのが普通になっています。

そのためホームページのアクセスも業種によってはスマホ経由の方が多いような状況となっています。

このようにスマホを使ってホームページにアクセスする人が増えているのですが、スマホでホームページを見た場合には大きく2つの見え方があります。

一つ目は、パソコン用のホームページをそのままスマホに表示する方法
この方法だと、パソコンに比べると随分小さく表示されてしまいます。

その場合は画面を指で広げて拡大しないと字が読めないし、ナビゲーションをクリックするのも一苦労ですので、この状態だとほとんど読まれないまま多くの人が立ち去ってしまうことになります。

もう一つは、パソコン用ホームページとは別に、スマホの画面サイズに合わせたホームページを別に用意するという方法があります。

スマホの横幅にあわせて1行あたりの文字数を減らして大きな文字を使い、写真のサイズも工夫することで見やすい形式でホームページを表示するのです。

以下のサイトが制作事例です。
画像の左側がパソコンの表示、右側がスマホで表示した場合になっていますので実際にパソコンやスマートフォンからご確認頂けると違いが分かります。

制作事例

ライセンシードライバーズサポート様

エステサロンしずく様

タンドゥース様

カーフレーム様

コンセプト様

馬場聖鍼堂様

スピリチュアルライフ研究所様

ゴルフフィールド様

このようにスマホのサイズに合わせたサイズでホームページを表示すると、ホームページを内容が読みやすくなりますので、問い合わせや購入してくれる可能性が高くなります。

小さい文字で読みにくいページをすっきり見やすいページに対応させたい方はお問い合わせ下さい。
折り返しホームページを確認させて頂いてご返信いたします。

他社様で作成されたホームページもレシポンシブ化対応を行っておりますのでお気軽にご相談下さい!

P.S
Googleでもホームページがスマホ対応しているかどうかを判定するツールを
提供しているので一度ご自身のサイトも確認してみる事をおすすめします。
参考:モバイルフレンドリーテスト

更新日:

Copyright© レスポンシブ化(スマホ対応)事例 , 2017 AllRights Reserved.