WebGallery

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

*

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

   

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

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

 

別邸 越の里

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

 

黒川温泉 旅館 山河

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

 

 湯の里 肘折温泉

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

 

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

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

  関連記事

サイト全体の色味を抑えることで、まとまった印象を受けるイベントサイト

2016年10月22日から2017年4月9日まで神奈川県の相模原市にある「さがみ …

装飾を使わずレスポンシブしやすいデザインに

建築会社「TASSAY」のホームページです。 写真などでブロック化されたコンテン …

兵庫県にある漆工芸のサイトが写真を大胆に使ったデザインでカッコいい!

兵庫県姫路市にある「砂川漆工芸」のホームページです。 ファーストビューの写真がと …

黒を基調にして高級感あふれるデザインになっている老舗の温泉旅館

群馬県吾妻郡草津町にある老舗温泉旅館「草津温泉 奈良屋」のホームページです。 フ …

コケの写真が幻想的な通販サイト

大阪市にあるコケリウム専門通販サイト「コケのインテリア コケリウム」のホームペー …

写真を用いて地元の魅力を最大限に出す

新潟県長岡市の「川口」を観光地として川口観光協会が紹介している「えちご川口」のホ …

綺麗にレスポンシブされて、且つ分かりやすい

  福岡県福智町のふるさと納税特設サイトです。福智町のロゴの下に水引が …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

コンテンツと雲のスクロール量を変えることで奥行きを出したデザインにしたイベントサイトがおしゃれ!

2017年の5月4日・5日・6日の3日間にわたって蘇我スポーツ公園で開催される「 …

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

あっという間に6月も中旬ですねー! 今回は、少し先ですが8月に開催される花火大会 …