WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

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

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

家族写真を撮ってくれるスタジオのサイトが透明感があってキレイ!

東京都渋谷区にあるスタジオ「Holidays PhotoService」のホーム …

スマートフォンから閲覧しても縦書きのまま表示されるグローバルナビ

青森県にある「八戸酒類株式会社」のホームページです。 昭和19年に創立された歴史 …

東京にある建設会社のサイトが、和風なデザインでカッコいい!

東京都港区にある建設会社「株式会社タカノハ住建」のホームページです。 ファースト …

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE …

手軽さやオシャレ感を上手くアピールする

「MY BAGEL」というPascoのパンを色々アレンジして楽しもうという紹介サ …

動画や写真を使って、日本らしさを表現した不動産会社のサイトがキレイ!

東京都中央区日本橋にある不動産会社「株式会社ウォームライト」のホームページです。 …

右下にリンクテキストを配置することで、次のページに行きやすいようにする

人工芝を使ったハンドメイド商品などを制作・販売しているネットショップ「部屋とmi …

ファーストビューのスライダーに色とりどりの大藤の写真を使って、インパクトのあるフラワーパーク

栃木県足利市のあしかがフラワーパークで開催されている「ふじのはな物語 大藤まつり …