資料請求 / 参考価格はこちらから

MENU

HOME×

Web制作サービス

制作の流れ

制作実績

スタッフ募集

Web制作サービス

デザイン、マーケティング、ユーザビリティ、SEO・SEM、アクセス解析、CMS、SNS...etc 進化する技術と積み上げたノウハウを駆使して、目的に導くサイトを制作いたします。

スマートフォン対応

Webサイトはスマートフォン、タブレットの普及により、家や職場のみに限らず「どこでも」「いつでも」サイトをみることが可能になり、アクセス数が増加しています。Webサイトはスマートフォン、タブレットの普及により、家や職場のみに限らず「どこでも」「いつでも」サイトをみることが可能になり、アクセス数が増加しています。

増加をつづけるスマートフォンの普及率

ケータイが普及して久しい昨今、日本の携帯電話契約人口は1億1000万人を超え、普及率は約90%に及び、ケータイを「2台持ち」する人もめずらしくなくなりました。今までケータイ電話といえば、折り畳み式などのいわゆる「ガラパゴスケータイ」が主流でしたが、2007年のiPhone登場により注目を浴び始めたスマートフォンと呼ばれる「タッチパネル式ケータイ」はその操作性やパソコン並みの高機能とアプリケーションストアが個人需要に火をつけ、近年すさまじいスピードで普及率を伸ばしています。総務省の平成24年版情報通信白書によると、2015年度のスマートフォン世界市場は50%を超え、2台に1台がスマートフォンという時代になるであろうと予測しています。

スマートフォンの購入の動機1位は「PCのホームページを閲覧できること」があげられていること(マクロミル2011年調べ)から、購入者はもっと手軽にいつでも情報を手に入れたいと考えていることが予測できます。

PCと比較してもスマートフォンは、2012年の出荷台数で大きく上回っています。数年前からの市場予測の通り、今後スマートフォンからのホームページへのアクセスは増加を続けることになるでしょう。

スマートフォンのシェアのイメージ

PCとスマートフォンの違い

画面サイズが小さい

画面サイズがPCサイトより、1/3~1/4になってしまうため、小さい画像や文字が見づらい。

対応策 シンプルなレイアウトにし、文字やボタンを大きく見やすくする

回線速度が遅い

「光回線」に比べ遅い回線を使用する機会が多く、表示に時間がかかる。

対応策 画像をあまり使わずに、軽快な表示速度にする

タッチパネル

マウスと違い、指でタップするため小さいリンクボタンを押しづらい。

対応策 指でも押しやすい、ボタン・リンクサイズにする

Flash

iPhoneなど一部機種でFlashが表示できない。

対応策 Flash以外の技術(jQueryやcss3など)でリッチコンテンツを表現する

スマートフォン専用サイトとレスポンシブレイアウト

スマートフォン対策における、2つの方法

スマートフォン用のデザインを最適化する方法としては、PCサイトとは独立した「スマートフォン専用サイト」を作成する方法と、PCサイト、タブレット、スマートフォンごとにデザインを切り替える「レスポンシブレイアウト」という2つの方法があります。 どちらもメリット・デメリットがありますので、サイトの内容や運用コストに至るまでしっかりとご説明させていただいた上でお客様に最適なご提案をさせていただきます。

01 スマートフォン専用サイト スマートフォン専用に最適化されたPCサイトから独立したサイト デバイス(例・PC/iPad/iPhoneなど)によってレイアウトを切り替える

スマートフォン用に、専用のサイトを制作します。
PCでアクセスしたユーザーにはPCサイトへ。スマートフォンでアクセスしたユーザーにはスマホサイトへと、アクセスしたデバイスに合わせて専用サイトへと導きます。PCとは完全に独立させたサイトを制作するので、現在PCサイトのみをお持ちのお客様でも、新たにスマホサイトのみ追加制作することもできます。

  • ※スマートフォンでアクセスすると、自動的にスマートフォン専用サイトのURLへ移動します。

メリット

  • スマートフォンに合わせた画像サイズを使用でき、表示速度が早い。
  • コンテンツを必要に応じて削除、追加できる。

デメリット

  • PCサイトとは別々のファイルのため、更新が2回必要。
  • 別サイト制作のため、追加コストがかかる。

CHECK

02 レスポンシブレイアウト

ひとつのサイトを、各デバイス(PC/タブレット/スマートフォン)ごとに合わせたレイアウトに切り替えて表示させる方法です。
各デバイス共通のサイトを同時に制作していきますので、新規サイト制作または、リニューアルの際に適した制作方法です。

  • PCレイアウトで表示

    PC用レスポンシブデザイン
  • タブレットレイアウトで表示

    タブレット用レスポンシブデザイン
  • スマホレイアウトで表示

    スマートフォン用レスポンシブデザイン
  • ご確認はこちら
  • ご確認はこちら
  • ご確認はこちら

当社サイトはレスポンシブレイアウトを実装しています。
PC、タブレット、スマートフォンのデバイス幅に合わせて、より最適な表示を実現しています。

上記の「ご確認はこちら」よりそれぞれのデバイスに合わせたレイアウトをポップアップでご確認頂けます。

メリット

  • 同じファイルを読み込むため、更新が一度で済む。
  • URLが変わらないため統一感がある。
  • 開発コストが低い。

デメリット

  • PCと同じ画像を読み込むため、表示速度が遅い。

CHECK

スマートフォン対応の実績抜粋

▲ページトップへもどる

株式会社イーストクリエイティブは、インターネット商用化の年から、新たな領域であるインターネットサービスに取り組み、新しい分野を開拓してきました。これからも独創的で高品質なソリューション提供を行い、いつまでも皆様に信頼される企業でありつづけたいとの考え方のもと、情報環境をクリエイトする総合プロダクションとして、無限のビジネスに挑戦してゆきます。