WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

壮大な日本海の写真

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

明朝体で高級感を

  石川県にある金箔を取り扱っている会社のホームページです。和風なテイ …

エイプリルフールに公開されたサイトをご紹介!第三弾「ロート製薬 NEXT SMART LIFE」

ロート製薬がエイプリルフールに公開した「NEXT SMART LIFE」の特設サ …

荘厳で神秘的な雰囲気なのに泊まれる寺院

奈良県平群町にあるお寺「信貴山大本山・千手院」のホームページです。 トップには僧 …

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

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

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

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

ボタニカル!なデザインの植物販売サイト5選

最近CMなどで「ボタニカル」というキーワードをよく耳にするようになりました。 「 …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

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

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