WebGallery

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

*

緑を前面に押し出したホテルのサイトが、穏やかな雰囲気でゆったり過ごせそう!

   

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。

丸い形を緑色を使った、優しい雰囲気のサイトです。
森をイメージさせる配色とファーストビューの木々を写した写真を使用して、穏やかな時間を過ごせそうな印象を持たせています。
キャッチフレーズの下にはニッコリ笑っているような濃い緑色のラインが書かれ、見ていて思わず笑顔になってしまうようなデザインです。

ハンバーガーメニューや予約ボタンなど、円形を使ったデザインで構成されています。文字も丸いゴシック体を使用して、とがったものを極力使用せずにデザインしています。背景の切り替わりも直線ではなく波線を使用していますね!

また、コンテンツが表示されるときやページ移動するときなどはフェードインのアニメーションを使用していて、細かいところまで工夫されています。
丸い形で統一されたデザインはあまり見ることがないので、とても参考になるデザインです!

 - ホテル, 丸を使ったデザイン, 形で表現 ,

  関連記事

1つ1つのボタンを大きく配置することで、見やすく押しやすいレイアウトに

北海道札幌市にある幼稚園「幸明幼稚園」のホームページです。 全体的に原色に近い色 …

ロゴマークと同じ形をしたメニューとキャッチ画像

東京都武蔵野市吉祥寺にある動物病院「ひだまり動物病院 吉祥寺」のホームページです …

上空から撮影したリゾート地の写真がカッコいい!サイト

三重県志摩市にあるリゾート施設「NEMU HOTEL & RESORT( …

壮大な木曽駒ヶ岳の写真がとても綺麗な「木曽駒 JAPAN ALPS スカイレース」

今年の9月18日に長野県木曽郡木曽町にある中央アルプス最高峰である木曽駒ヶ岳山頂 …

ドロップダウンメニューに切り替わるグローバルナビ

群馬県にある料亭「一婦美」のホームページです。 赤と白をベースにしたデザインは、 …

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

綺麗な写真を大胆に使ったホテルのサイトが、高級感があって綺麗!

神奈川県足柄下郡にある高級料亭温泉旅館「山翠楼」のホームページです。 ファースト …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

色ではなく動きを使ってコンテンツを目立たせたIT企業のサイトがカッコいい!

福岡県福岡市に本社をかまえる「株式会社シフトセブンコンサルティング」のホームペー …

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …