- ホーム
- イトクロ 技術制作部ブログ スマートフォン向けコーポレートサイトリリース&制作ポイント
イトクロ 技術制作部ブログ
スマートフォン向けコーポレートサイトリリース&制作ポイント
こんにちは、イトクロ技術制作部の鳥羽田です。
突然ですが、皆さんは携帯電話は何をお使いでしょうか?
私は2年程前から iPhone を利用していますが、この1~2年で、電車やカフェ等でスマートフォンを利用する人を見かける機会が多くなったように思えます。イトクロ社内を見渡しても、ガラケーよりスマートフォンの所持率が圧倒的に高いようです(Felicaが利用できる点や自由度が高い点から Android も根強い人気!)。
しかし、日本全体の普及率を調べてみたところ、調査方法によって結果に差があるものの、まだ50%は超えていないようです。実感値と比較すると、低い数字に感じたのですが、スマートフォンビジネスの今後の拡大を感じさせる数字でもありますね。
そんな中、イトクロでは今後のスマートフォンの普及を見据え、スマートフォン向けのコーポレートサイトを公開致しました。
http://www.itokuro.jp/sp/
※ スマートフォンから http://www.itokuro.jp にアクセスした場合は自動でスマートフォン向けサイトが表示されます。


スマートフォン向けサイトを担当したディレクターに制作のポイントを伺いました。
概要
・スマホに最適な HTML5 + CSS3 で構築
・検索エンジンの検索結果から遷移した場合、PCからはPCサイトに、スマホからはスマホサイトに自動的に振り分けられるようになっています。
・コンテンツ内容、UI などもスマホ用に最適化しました。
制作コンセプト
今回、スマホ向けサイトを構築するに当たってまず考えた点としては、「 PC ではなくわざわざスマホからコーポレートサイトにアクセスするのは、どういうシチュエーションか?」ということです。
弊社サイトのメインユーザは主にお客様のため、【スマホで見る=移動中⇒イトクロに来訪される前の会社情報の確認】が最も多い状況だと考えました。
そのため、TOP ページから地図ページへすぐアクセスできる点や、Google Maps アプリに遷移できルートが調べられる、というところが PC 版との大きな違いです。
その他、タッチパネルで操作しやすいUIも意識し、画面構成やパーツの大きさなどは、いろいろなサイトを研究して、使いやすいかたちに落とし込んでいます。
また、技術制作部の新たな挑戦として、普段案件の中心となっている PC サイトでは対応ブラウザの問題もあってなかなか導入できない HTML5 + CSS3 でサイトを構築し、今後の機能拡張などに対応しやすくしています。
・・・とのことでした!
スマートフォン向けサイトは、単純に画面サイズを最適化して構築すれば良いというわけではなく、利用するシチュエーションを踏まえて構築することがポイントですね。
イトクロでは、スマートフォン向けのサイト制作も承っております。
お問い合わせフォームよりお気軽にご連絡下さい。

会社のスマホサイトリリースしました。
http://t.co/2VJsLFDv