マルチユース型クラウドサービスWORKS実績COLUMNコラムCOMPANY会社概要お問い合わせHOMECOLUMNレスポンシブWEBデザインに対応した商業施設WEBサイトまとめCOLUMN2014.06.16スマホアプリ商業施設トピックスレスポンシブWEBデザインに対応した商業施設WEBサイトまとめShareこんにちはー。商業施設のWEB関連について日々研究しているレジェンド鈴木です。今回は国内の商業施設WEBサイトで「レスポンシブWEBデザイン」に対応した(それに近い)、サイトをピックアップしてみました。ブラウザの横幅をマウスで一番狭くまで縮めていくと、そのサイトがレスポンシブWEBデザインかどうか分かりますよ。商業施設のWEBサイト構築時のご参考にしてみてくださいね。【Vol.1】ノクティプラザ所在地:川崎市高津区URL:http://www.nocty.jpPC、タブレット、スマホと5段階でブラウザサイズにより変化します。トップ画像もすべてスクエアカットで統一感を持っています。見た目はシンプルですが、各ブラウザサイズに応じて表示、非表示コンテンツを切り分けて、見せたいコンテンツの優先順位がはっきりしていますね。所在地:鹿児島市URL:http://www.amu-kagoshima.comPCブラウザで見た際は、PC、タブレットサイズの2段階で変形することが確認できます。スマホ画面についてはスマホ実機で見た場合のみ、この見え方になります。PC版切り替えボタンが付いています。レスポンシブWEBとスマホ専用サイトのハイブリット型スタイルですね。【Vol.3】KITTE所在地:東京都千代田区URL:http://jptower-kitte.jpPC、タブレット、スマホサイズに3段変形しています。トップページの写真はスクエアカットで統一され、KITTEのブランディングを担っていますね。ログインボタンがあることから、お客様とのコミュニケーションに注力している事がわかります。所在地:大阪市北区URL:http://www.grandfront-osaka.jpPC、タブレット、スマホで5段階変形しています。TOPのイベント情報はPinterest風のリキッドレイアウト+レスポンシブWEBデザイン対応のハイブリッド型の様です。上記以外の商業施設でレスポンシブWEBデザインに対応、面白いサイトがあればこちらからご連絡ください。確認をして同ページに掲載させて頂きます。