ZealCourage | 株式会社ジールコレッジ

サービス SERVICE

スマートフォン対応

1つのデータでスマートフォンも対応

ジールコレッジがご提案するスマートフォンへの対応は、1つのデータでパソコンにもipadにもスマートフォンにも対応するメディアクエリという技術を使用した制作方法です。

今までのスマートフォン対応といえば、通常のWebサイト用のデータとは別に、スマートフォンサイト用にもう1つデータを制作する方法が一般的でした。

しかし1つのデータで対応するメディアクエリという技術で制作したWebサイトは、お客さまの見ている環境に応じて自動的に最適なレイアウトへ変更します。

下部にあります制作事例のようにスマートフォンで見た時は、スマートフォンの画面に合わせたサイズのボタンやレイアウトへ変更しますので、操作しやすくまた閲覧しやすいWebサイトへと変化します。

メディアクエリで制作するメリット

  • 複数のデータを作成するのではないので、トータルの制作コストを抑えることができます。
  • 1つのデータなので、複数のデータを更新する必要がないので非常に効率的です。また、無駄な更新費用を抑えることもできます。
  • ジールコレッジでは決まったデザインフォーマットなどは一切使用しませんので、パソコン用もipad用も、そしてスマートフォン用もオリジナルデザインを活かしたサイトにすることが出来ます。

メディアクエリの制作事例

スマートフォン

ipad

パソコン

 

※各画像をクリック頂くと拡大画像をご覧頂けます