WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

画面いっぱいに画像を配置して文章のインパクトを強くする建築士事務所

愛知県松山市と神奈川県にオフィスを構える建築士事務所「i Landscape」の …

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

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

楽しみながら美容を学べる「九州美容専門学校」

熊本県熊本市にある「九州美容専門学校」のホームページです。 モデルさんの顔を大き …

黒背景に写真のコントラストが美しいレストラン

2016年4月北海道札幌市にオープンした「北海道料理 海籠」のホームページです。 …

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …

重要なボタンは2箇所に配置したり上部に固定したりして、すぐ目に付くようにする

福岡県にあるファインライフ・カンパニー株式会社のホームページです。 上部に会社の …

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

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

豊富なメニューを横と縦の2つに分けて、すっきりとしたレイアウトにしたホテル

大分県別府市にあるホテル「城島高原ホテル」のホームページです。 ファーストビュー …

余白を使い、高級で洗練されたレイアウトにする

  2017年に公開されるトワイライトエクスプレス「瑞風」の特設サイト …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …