WebGallery

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

*

湯布院の大自然を感じることができそうな旅館

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

2016年9月1日にリニューアルオープンした大人の隠れ家「ふうきの里」のホームページです。

トップページのスライダー画像が、とても臨場感のあるサイトです。写真1枚1枚に喧騒を離れ、ゆっくりできる雰囲気を感じます。全体的に黒を基調としたデザインで、アクセントに濃い目の紫や黄色?を使用することで落ち着いた印象があります。
ファーストビューで、新着情報や空室検索の枠が収まっているのもユーザーの使いやすさを考慮したデザインになっています。

トップの「ふうきの里」について説明している部分では、スライダーの雰囲気とはがらっと変わって縦書きのレイアウトになっています。左右には余白をたくさん取っており、左側の地図は下のスライダーに被るように配置されています。

 - 写真で表現, 旅館 , , ,

  関連記事

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

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

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

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

背景を白の透明度を変えたグラデーションにすることで、爽やかな印象に

東京都港区にあるカフェ「Thrush Cafe」のホームページです。 トップペー …

フォントを使い和風な雰囲気を出す

  島根県にある旅館のWebサイトです。特徴的な切り抜き方のキャッチ画 …

左右から出てくる商品写真でインパクトを強くする

広島県広島市と三原市にある「瀬戸内・広島 柑橘屋」のホームページです。 文字の書 …

背景にまぎれないように、文字に少しだけ影をつけて強調させる

11月7日から八景島シーパラダイスで行われているイルミネーションイベント「楽園の …

サイト全体を白黒の配色にすることで、住宅の木のぬくもりが感じられるリフォーム会社

栃木県宇都宮市にあるリフォーム会社「有限会社 矢野住建」のホームページです。 フ …

壮大な日本海の写真

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

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

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

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …