WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

トップに大きく表示されるムービーで旅館の雰囲気を伝え、いちおしの情報をバナー画像でスライド表示させる

      2015/11/12

名称未設定 1

鳥取県米子市にある温泉旅館「海色・湯の宿 松月」のホームページです。

トップに大きく現れるムービーは、一目でどんな旅館なのか雰囲気が伝わってきます。スマートフォンから見たらスライダーに表示が切り替わるのも参考になります。また、その下にバナーもスライド表示でデザインされており、お勧めのプランや企画などパッと気になるものをすぐ閲覧できるように工夫されています。

所々に配置されているムービーも、スマートフォンで閲覧した時に表示されたままになっているのも凄いです。

サブページの各部屋の紹介部分では、大きな写真を使用し、スライダーで表示させることで、部屋の内装がより細かく伝えることができます。

 - 写真で表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

フォントで全体的に統一感を持たせる

  愛媛県で毎年行われる「オレンジフィルムフェスティバル」というイベン …

雑誌のようなレイアウトのスライダーを使った美容室のサイトがカッコいい!

愛知県名古屋市と豊明市にある美容室「BUSH」のホームページです。 ファーストビ …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …

ウェディングのコンセプトをイメージさせるようなサイトデザイン

福岡県宗像市にある1日1組限定の結婚式場「Adele(アデール)」のホームページ …

明朝体で高級感を

  石川県にある金箔を取り扱っている会社のホームページです。和風なテイ …

サイトの配色だけでなく、写真の色合いも青系にしてガラス瓶の透明感を出している「びんむすめ」のサイト

日本ガラスびん協会が運営する「びんむすめ」のプロジェクトキャンペーンサイトです。 …

東京にあるプライベートサロンのサイトが優雅な雰囲気でキレイ!

東京都港区でアロマトリートメントマッサージを行っているプライベートサロン「vih …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

画面いっぱいに画像を配置して文章のインパクトを強くする建築士事務所

愛知県松山市と神奈川県にオフィスを構える建築士事務所「i Landscape」の …