WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

ファーストビューにイベントやフェアのバナーを設置して最新情報がすぐ分かる!沖縄のホテルのサイト

カトープレジャーグループが運営する沖縄県沖縄市にあるリゾートホテル「オキナワ グ …

北海道にあるホテルのサイトが、写真を使ったデザインでオシャレ!

北海道亀田郡七飯町にあるホテル「大沼鶴雅オーベルジュ エプイ」のホームページです …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

プロモーションビデオや特産品を配置し、市の魅力を視覚的に伝える

9月10日にオープンした石垣市のふるさと納税特設サイトです。トップページでは石垣 …

フラットデザインで新しい印象に

  東京都にある三田国際学園中学校・高等学校の公式ホームページです。幾 …

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

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

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

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

情報が縦に分かれた面白いレイアウト

沖縄の芸術文化を発信しているサイト「RQ+ リューキュープラス」のホームページで …

受験生の保護者にとっても見やすい構成

日本女子大学の受験生向け特設サイトです。 女性らしくパステルピンクを基調とした、 …