WebGallery

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

*

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

   

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

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

 

別邸 越の里

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

 

黒川温泉 旅館 山河

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

 

 湯の里 肘折温泉

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

 

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

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

  関連記事

熊本にある会計事務所のサイトが雑誌みたいなレイアウトでカッコいい!

熊本県上益城郡にある会計事務所「タックスサポート会計事務所」のホームページです。 …

思わずほしくなる!画面幅いっぱいに写真を配置したランドセルのブランドサイト4選!

ランドセルって大人になっても魅力的に感じるアイテムだと思ってます。 私が小学生の …

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

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

自動車整備工場の縦スクロールのスライダーがインパクトあってカッコいい!

千葉県市原市にある、車検や車の修理・カスタマイズ等を行っている自動車整備工場「株 …

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

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

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …

白を基調にして衣装や料理の写真を際立たせているモダンレストランのサイトがオシャレ!

愛知県安城市にある和モダンレストラン「hana no utage(花の宴)」のホ …

地元の食べ物に重点を置いて構成されたプロモーションサイト2選!

今年の梅雨は寒暖差が激しいですね… 今週は湿気が多く暑い日が続くそうですねー!私 …

新潟県にある宴会会場のサイトが、高級感のある和風のデザインで綺麗!

新潟県新発田市にある宴会会場「神前料理店宴会会場 豊谷殿」のホームページです。 …

雑誌のようなレイアウトのデザインが可愛い!

大阪・兵庫・奈良・京都・和歌山を中心に、建て替えや土地探し・新築一戸建て・注文住 …