WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

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

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

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

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

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

壮大な日本海の写真

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

東京にあるプライベートサロンのサイトが優雅な雰囲気でキレイ!

東京都港区でアロマトリートメントマッサージを行っているプライベートサロン「vih …

ライブカメラを設置し、リアルタイムで天候情報を届ける

長野県駒ヶ根市にある「中央アルプス 駒ヶ岳ロープウェイ」のホームページです。 ロ …

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

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

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …