今回は、iPhone用Webページのお話です。
通常、スマートフォンは、PC用のウェブサイトの表示もほぼ問題なく可能ですが、
PC用のページというのは、スマートフォンのタッチ操作を意識して作っていませんので、
アンカー(リンク)を指でタッチしたりするのが煩わしかったり、
字が小さい箇所はダブルタップで拡大・縮小したりする必要があります。
これでは非常に使いづらい訳です。
さて、今回のスマホ用のページを作った理由は、この写真です。

当社のお客様である、有限会社サカキさまの塗装工事現場です。
仮設足場にタペストリーが取り付けられています。
(ちなみに、このタペストリーは、福岡の看板屋さん・株式会社SEEDで作成しました。)
このタペストリーの右下にあるQRコードを読み込むと、
携帯とスマートフォンを自動認識して、
携帯なら携帯用ページ、スマートフォンならスマートフォン用ページが表示されます。
そして、そのスマートフォン用のページが、下記になります。


(※中途半端に長さが足りなかったので、とりあえず並べます・・・)
iPhoneをお持ちの方は、この画面はおなじみですね。
設定画面などがこんなレイアウトです。
つまり、同じような感覚でページ遷移が可能になります。
特典ページを開くと、こんな感じです。

ここから、会社案内を開くと、

通常、スマートフォンは、PC用のウェブサイトの表示もほぼ問題なく可能ですが、
PC用のページというのは、スマートフォンのタッチ操作を意識して作っていませんので、
アンカー(リンク)を指でタッチしたりするのが煩わしかったり、
字が小さい箇所はダブルタップで拡大・縮小したりする必要があります。
これでは非常に使いづらい訳です。
さて、今回のスマホ用のページを作った理由は、この写真です。
当社のお客様である、有限会社サカキさまの塗装工事現場です。
仮設足場にタペストリーが取り付けられています。
(ちなみに、このタペストリーは、福岡の看板屋さん・株式会社SEEDで作成しました。)
このタペストリーの右下にあるQRコードを読み込むと、
携帯とスマートフォンを自動認識して、
携帯なら携帯用ページ、スマートフォンならスマートフォン用ページが表示されます。
そして、そのスマートフォン用のページが、下記になります。
(※中途半端に長さが足りなかったので、とりあえず並べます・・・)
iPhoneをお持ちの方は、この画面はおなじみですね。
設定画面などがこんなレイアウトです。
つまり、同じような感覚でページ遷移が可能になります。
特典ページを開くと、こんな感じです。
ここから、会社案内を開くと、
こうなります。
ちなみに、この画面が出るときは、読み込みなおすのではなく、
iPhoneお得意の、画面が横に「ス~ッ」とスライドして表示されます。
つまり、ストレスなくページが切り替わります。
謝恩クーポンはこんな感じです。

ちなみに、この画面が出るときは、読み込みなおすのではなく、
iPhoneお得意の、画面が横に「ス~ッ」とスライドして表示されます。
つまり、ストレスなくページが切り替わります。
謝恩クーポンはこんな感じです。
クーポンの詳しい内容はヒミツです。
「クーポンを表示」をクリックすると、画面いっぱいにクーポン画像が出ます。
最後に、お問い合わせのページです。

「クーポンを表示」をクリックすると、画面いっぱいにクーポン画像が出ます。
最後に、お問い合わせのページです。
マーケティング的に、工事用タペストリーからのアクセスなので、
あえて「苦情窓口」を併用してみました。
恐らく、全国的に見ても、苦情窓口のある塗装屋さんは、
このサカキ様が初めてではないでしょうか!?(たぶん)
という感じで、このようなページ構成ですと、
ストレス無く目的のページにたどり着けますし、
文字もスマートフォン用に最適化されていますので、
拡大・縮小の必要がありませんね。
ちなみに、これらのページを作る際は、
Googleコードでサンプルが配布されており、
HTMLの知識があれば、誰でも作ることができます。
http://code.google.com/p/iui/
難易度もかなり低いので、ウチのお客様からではお金をいただけません。(笑)
興味がございましたら、是非ご相談下さい。
あえて「苦情窓口」を併用してみました。
恐らく、全国的に見ても、苦情窓口のある塗装屋さんは、
このサカキ様が初めてではないでしょうか!?(たぶん)
という感じで、このようなページ構成ですと、
ストレス無く目的のページにたどり着けますし、
文字もスマートフォン用に最適化されていますので、
拡大・縮小の必要がありませんね。
ちなみに、これらのページを作る際は、
Googleコードでサンプルが配布されており、
HTMLの知識があれば、誰でも作ることができます。
http://code.google.com/p/iui/
難易度もかなり低いので、ウチのお客様からではお金をいただけません。(笑)
興味がございましたら、是非ご相談下さい。