WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

豊富なメニューを横と縦の2つに分けて、すっきりとしたレイアウトにしたホテル

大分県別府市にあるホテル「城島高原ホテル」のホームページです。 ファーストビュー …

レイアウトを大きく2つに分け、シンプルな構成に

北陸新幹線のスペシャルサイトです。最近ではあまり見かけない左側にグローバルナビ、 …

軽井沢にあるリゾートホテルのサイトが使いやすくて便利!

群馬県吾妻郡長野原町にあるリゾートホテル「プレジデントリゾート軽井沢」のホームペ …

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

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

全てのページのファーストビューに写真を画面いっぱいに使ったデザインのサイトがオシャレ!

沖縄県国頭郡にあるリゾートホテル「沖縄かりゆしビーチリゾート・オーシャンスパ」の …

色相を抑えて写真を強調させる

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

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

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

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

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

写真を使ってコンテンツを際立たせた旅館サイト

北海道の阿寒湖温泉街にある温泉宿「あかん鶴雅別荘 鄙の座」のホームページです。 …