WebGallery

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

*

サイト全体の動きをゆっくりさせて、旅館の穏やかな雰囲気で過ごせるイメージを演出する

   

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

新潟県新発田市にある旅館「白玉の湯 華鳳」のホームページです。

黒と黄色を基調とした、トップページの壮大な写真と筆で書かれたようなキャッチフレーズがとても印象的なサイトです。
トップページは画面全体を使ったレイアウトで、横長の写真をコンテンツ毎に配置しています。スクロールした時に表示されるタイトルや、写真の下にボタンが真ん中から出てくるときなどの動きがゆっくりとしていて、旅館の穏やかな雰囲気で過ごせるイメージを演出していると感じました。

スマホ版では、コンテンツ毎に写真とキャッチフレーズが書かれており、とてもシンプルなのですが、ちょっと変わったアングルから撮影された写真を使用することで見る人を惹きつけています。
詳細文を必要最小限に抑えることで、画面全体の窮屈な感じがなくなり旅館の雰囲気が保たれています。

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

  関連記事

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

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

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

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

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

ネイルの写真でカラフルなデザインにしたサロンのサイトが可愛くておしゃれ!

東京・埼玉・北海道に支店をかまえるネイルサロン「Nail Mix」のホームページ …

写真を様々な形に切り取ることでアクセントに

  表参道にある鳥カフェのホームページです。アクセントに様々な種類の鳥 …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …

視線誘導がとても上手い「STRIA CLINIC」

福岡県福岡市にある医療レーザー脱毛専用医院「STRIA CLINIC(ストリア …

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

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

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

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

神奈川県にある高級旅館のサイトが和風なデザインでカッコいい!

神奈川県足柄下郡湯河原町にある高級旅館「奥湯河原温泉の高級料亭旅館 海石榴(つば …