WebGallery

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

*

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

   

名称未設定 1

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE-」のホームページです。

明朝体を使った「和」な雰囲気のサイトです。
ファーストビューでは背景にスライダーを使用し、内装や露天風呂・岩盤浴などの写真が切り替わるようになっていて、さらに「澄流」の左側には動画で館内の様子を見ることができるので、どんな雰囲気の温泉なのか一目で分かるようになっています。

下にスクロールすると、5つのボタンが縦長に配置されています。他のコンテンツが横書きなのに対して、このボタンのみ縦書きにすることで注目度が上がっています。
写真も暖色系のものを使用して背景の黒より際立つように工夫されています。

 - 写真で表現 , ,

  関連記事

水色と白の透明感のある配色が綺麗なディズニーのイベントサイトが見やすい!

2017年4月8日の土曜日から9月24日の日曜日まで、お台場にある日本科学未来館 …

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

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

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

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

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

ボタンに地図を使用し、見ただけでどこにあるのか一目で分かる

株式会社ベネッセホールディングスと公益財団法人 福武財団によって行われているアー …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …

メニューに写真とキャッチフレーズを載せた「アクエリアス」

今年の6月20日に販売されるアクエリアスの新製品 先行モニター募集のページです。 …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

思わず観光に行きたくなる!帝釈峡観光協会のサイトがキレイ!

広島県北東部の庄原市東城町と神石高原町にまたがる、全長18キロメートルの峡谷「帝 …