WebGallery

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

*

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

   

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリーン。レイアウトは同じでも、動きや使い方は異なっていて見ていてとても面白いです!

今回は画面を分割した「スプリットスクリーン」を使った旅館のサイトを3つ紹介します!

 

別邸 越の里

新潟県にある温泉旅館のサイトです。
黒と金を基調とした高級感のある雰囲気のデザインです。左側にメニュー・右側にスライダーを配置することで、アニメーション効果も相まってとても印象的なファーストビューになっています。

 

黒川温泉 旅館 山河

このサイトは、左側は白背景・右側は背景に写真を入れることで左右にメリハリができています。
スクロールすると、それぞれバラバラに動くようになっていて、旅館の色々な写真を見ることができます。
左と右で文字の色も正反対なのも、コントラストが出ていてカッコいいです!

 

 湯の里 肘折温泉

こちらは左側のメニューの方が気持ち幅を広くとっています。
右側の写真は看板や街並みから、どことなく昭和な雰囲気を感じる写真です。こちらのサイトは左側は固定で、右側のみスクロールするようになっています。
メニューにカーソルを合わせると、その下に子メニューが横並びで出てくるようになっていて、白い背景のアクセントになっていてオシャレですね!

 

画面を大きく2つに分割したレイアウトだと、それだけでとてもインパクトのあるwebサイトになっているのですが、旅館やホテルの綺麗な写真が背景に配置されると、よりいっそう印象的なサイトになっていますね!

 - ホテル, 写真で表現, 旅館 , , , , ,

  関連記事

スマートフォンから閲覧しても縦書きのまま表示されるグローバルナビ

青森県にある「八戸酒類株式会社」のホームページです。 昭和19年に創立された歴史 …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

壮大な日本海の写真

新潟県村上市にある温泉旅館「大観荘 せなみの湯」のホームページです。 トップのス …

注目させたい所には写真を枠からはみ出させて使用する

大分県由布市にあるリゾートホテル「湯布院ガーデンホテル」のホームページです。 こ …

綺麗な写真が購買意欲をそそる和菓子屋さん

石川県金沢市に本社を構える「株式会社 柴舟小出」のホームページです。 全体的に色 …

路地裏で楽しむ大人の隠れ家ステーキハウス

京都市にある大和牛・山形牛やオマール海老・京野菜などを目の前で調理してくれる創作 …

東京都にある不動産会社が間取り図まで掲載していて物件情報が分かりやすい!

東京都板橋区にある不動産会社「株式会社アルコ」のホームページです。 白・グレー・ …

石川県にある道の駅のサイトがシンプルでおしゃれ!

石川県羽咋市にある道の駅「いい道の駅 のと千里浜」のホームページです。 ファース …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

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

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